/* /Components/Estimate/EstimatePreparationContext.razor.rz.scp.css */
.preparation-context[b-qamm7g7p8e] { margin: 28px 0 34px; padding: 24px; border: 1px solid var(--app-border); border-radius: var(--app-radius-lg); background: var(--app-surface); box-shadow: var(--app-shadow); }
.context-heading[b-qamm7g7p8e], .context-subheading[b-qamm7g7p8e] { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.context-heading h2[b-qamm7g7p8e] { margin: 7px 0 5px; color: var(--app-text); font-size: 21px; letter-spacing: -.018em; }
.context-subheading[b-qamm7g7p8e] { align-items: center; min-height: 38px; padding-bottom: 12px; border-bottom: 1px solid var(--app-border); }
.context-subheading h3[b-qamm7g7p8e] { margin: 0; color: var(--app-text); font-size: 15px; font-weight: 750; }
.context-heading p[b-qamm7g7p8e], .context-empty[b-qamm7g7p8e] { margin: 0; color: var(--app-muted); }
.context-heading p[b-qamm7g7p8e] { line-height: 1.5; }
.pricing-choice[b-qamm7g7p8e] { min-width: 190px; display: grid; gap: 6px; color: var(--app-text-soft); font-size: 12px; font-weight: 700; }
.pricing-choice select[b-qamm7g7p8e], .context-row input[b-qamm7g7p8e] { box-sizing: border-box; min-width: 0; padding: 10px 11px; border: 1px solid var(--app-border-strong); border-radius: var(--app-radius-sm); background: var(--app-surface); color: var(--app-text); font: inherit; transition: border-color .15s ease, box-shadow .15s ease; }
.pricing-choice select:focus[b-qamm7g7p8e], .context-row input:focus[b-qamm7g7p8e] { outline: none; border-color: var(--app-primary); box-shadow: 0 0 0 3px var(--app-primary-soft); }
.pricing-notice[b-qamm7g7p8e] { margin: 18px 0 0; padding: 11px 13px; border-radius: var(--app-radius-sm); background: var(--app-warning-soft); color: var(--app-warning); font-size: 12px; line-height: 1.45; }
.pricing-notice.neutral[b-qamm7g7p8e] { background: var(--app-primary-soft); color: var(--app-text-soft); }
.context-columns[b-qamm7g7p8e] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 24px; }
.context-columns > div[b-qamm7g7p8e] { min-width: 0; padding: 18px; border: 1px solid var(--app-border); border-radius: var(--app-radius); background: var(--app-surface-subtle); }
.context-empty[b-qamm7g7p8e] { min-height: 76px; display: flex; align-items: center; margin-top: 12px; padding: 14px 16px; border: 1px dashed var(--app-border-strong); border-radius: 11px; background: color-mix(in srgb, var(--app-surface) 78%, transparent); font-size: 12px; line-height: 1.5; }
.context-row[b-qamm7g7p8e] { display: grid; grid-template-columns: minmax(115px, .82fr) minmax(160px, 1.25fr) auto 32px; gap: 8px; align-items: center; margin-top: 10px; padding: 9px; border: 1px solid var(--app-border); border-radius: 11px; background: var(--app-surface); box-shadow: 0 2px 8px rgba(24, 50, 59, .035); }
.material-row[b-qamm7g7p8e] { grid-template-columns: minmax(0, 1fr) auto auto 32px; }
.material-copy[b-qamm7g7p8e] { display: grid; gap: 3px; min-width: 0; }
.material-copy strong[b-qamm7g7p8e] { color: var(--app-text); font-size: 14px; }
.material-copy span[b-qamm7g7p8e] { overflow: hidden; color: var(--app-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.material-edit[b-qamm7g7p8e] { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.material-form[b-qamm7g7p8e] { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding-top: 4px; }
.context-row label[b-qamm7g7p8e] { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 0 8px; border-radius: 999px; background: var(--app-primary-soft); color: var(--app-text-soft); white-space: nowrap; font-size: 10px; font-weight: 700; }
.context-row label input[b-qamm7g7p8e] { width: 13px; height: 13px; margin: 0; padding: 0; accent-color: var(--app-primary); }
.context-row .mini-icon-button[b-qamm7g7p8e] { justify-self: end; color: var(--app-muted); }
.context-row .mini-icon-button:hover[b-qamm7g7p8e] { background: var(--app-accent-soft); color: var(--app-accent-hover); }
.context-subheading .secondary-button[b-qamm7g7p8e] { min-height: 34px; padding: 7px 10px; border-color: color-mix(in srgb, var(--app-primary) 28%, var(--app-border)); background: var(--app-surface); color: var(--app-primary); font-size: 10px; font-weight: 750; white-space: nowrap; }
.context-subheading .secondary-button:hover[b-qamm7g7p8e] { border-color: var(--app-primary); background: var(--app-primary-soft); }
@media (max-width: 1100px) { .context-columns[b-qamm7g7p8e] { grid-template-columns: 1fr; } }
@media (max-width: 850px) {
    .preparation-context[b-qamm7g7p8e] { margin: 24px 0 30px; padding: 16px; }
    .context-heading[b-qamm7g7p8e] { display: grid; grid-template-columns: 1fr; }
    .pricing-choice[b-qamm7g7p8e] { min-width: 0; }
    .context-columns[b-qamm7g7p8e] { gap: 14px; margin-top: 18px; }
    .context-columns > div[b-qamm7g7p8e] { padding: 14px; }
    .context-row[b-qamm7g7p8e] { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px; }
    .material-row[b-qamm7g7p8e] { grid-template-columns: minmax(0, 1fr) auto auto 32px; }
    .context-row > input[b-qamm7g7p8e] { grid-column: 1 / -1; width: 100%; }
    .context-row label[b-qamm7g7p8e] { grid-column: 1; justify-self: start; }
    .context-row .mini-icon-button[b-qamm7g7p8e] { grid-column: 2; }
}
@media (max-width: 430px) {
    .context-heading h2[b-qamm7g7p8e] { font-size: 19px; }
    .context-subheading[b-qamm7g7p8e] { align-items: flex-start; flex-direction: column; gap: 9px; }
    .context-subheading .secondary-button[b-qamm7g7p8e] { width: 100%; min-height: 40px; }
    .material-row[b-qamm7g7p8e] { grid-template-columns: minmax(0, 1fr) auto 32px; }
    .material-row .material-edit[b-qamm7g7p8e] { grid-column: 1 / -1; width: 100%; }
    .material-form[b-qamm7g7p8e] { grid-template-columns: 1fr; }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-aepefluob8]{min-height:100vh;background:var(--app-background)}.admin-header[b-aepefluob8]{min-height:72px;padding:12px clamp(16px,4vw,48px);display:flex;align-items:center;gap:28px;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.admin-brand[b-aepefluob8]{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.admin-brand img[b-aepefluob8]{border-radius:10px}.admin-brand b[b-aepefluob8]{font-size:.68rem;letter-spacing:.08em;color:var(--app-primary);background:var(--app-primary-soft);padding:4px 7px;border-radius:6px}.admin-header nav[b-aepefluob8]{display:flex;gap:6px}.admin-header nav a[b-aepefluob8],.back-link[b-aepefluob8]{padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--app-text-soft);font-weight:650}.admin-header nav a.active[b-aepefluob8]{color:var(--app-primary);background:var(--app-primary-soft)}.back-link[b-aepefluob8]{margin-left:auto}.admin-main[b-aepefluob8]{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}@media(max-width:720px){.admin-header[b-aepefluob8]{align-items:flex-start;flex-wrap:wrap;gap:8px 14px}.admin-header nav[b-aepefluob8]{order:3;width:100%;overflow-x:auto}.back-link[b-aepefluob8]{font-size:.86rem}.admin-main[b-aepefluob8]{padding-top:22px}}
/* /Components/Layout/InteractiveTopbar.razor.rz.scp.css */
.topbar[b-0gphknap98] { position: sticky; top: 0; z-index: 100; height: 64px; display: grid; grid-template-columns: auto auto 1fr auto auto; align-items: center; gap: 10px; padding: 0 clamp(16px, 3vw, 32px); border-bottom: 1px solid rgba(24, 50, 59, .09); background: rgba(255, 255, 255, .96); box-shadow: 0 3px 14px rgba(24, 50, 59, .035); }
.brand[b-0gphknap98] { display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: var(--app-text); font: inherit; cursor: pointer; }.brand-symbol[b-0gphknap98] { width: 38px; height: 38px; display: block; object-fit: contain; }.brand-name[b-0gphknap98] { color: var(--app-text); font-size: 18px; font-weight: 500; letter-spacing: -.025em; white-space: nowrap; }.brand-name strong[b-0gphknap98] { color: var(--app-primary); font-weight: 650; }
.desktop-nav[b-0gphknap98] { justify-self: end; display: flex; align-items: center; gap: 2px; }.desktop-nav[b-0gphknap98]  a { display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 11px; border-radius: var(--app-radius-sm); color: var(--app-muted); text-decoration: none; font-size: 13px; font-weight: 620; }.desktop-nav[b-0gphknap98]  a:hover { color: var(--app-text); background: var(--app-surface-subtle); }.desktop-nav[b-0gphknap98]  a.active { color: var(--app-primary); background: var(--app-primary-soft); }.nav-symbol[b-0gphknap98] { font-size: 15px; opacity: .8; }
.header-new-project[b-0gphknap98] { min-height: 40px; padding: 0 14px; border: 0; border-radius: var(--app-radius-sm); background: var(--app-accent); color: #fff; font: inherit; font-size: 13px; font-weight: 750; white-space: nowrap; cursor: pointer; }.header-new-project:hover[b-0gphknap98] { background: var(--app-accent-hover); }.header-cta-mobile[b-0gphknap98] { display: none; }
@media (max-width: 760px) { .topbar[b-0gphknap98] { height: 60px; min-height: 60px; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 8px; padding: 8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left)); }.brand[b-0gphknap98] { min-height: 44px; }.topbar[b-0gphknap98]  .environment-indicator { justify-self: start; }.topbar[b-0gphknap98]  .account-menu { justify-self: end; }.demo-account-cta[b-0gphknap98] { display: flex; align-items: center; min-height: 44px; color: var(--app-muted); font-size: 12px; text-underline-offset: 3px; white-space: nowrap; }.brand-symbol[b-0gphknap98] { width: 34px; height: 34px; flex: 0 0 34px; }.brand-name[b-0gphknap98] { display: none; }.desktop-nav[b-0gphknap98] { display: none; }.header-new-project[b-0gphknap98] { min-height: 44px; justify-self: end; padding: 0 11px; font-size: 12px; }.header-cta-desktop[b-0gphknap98] { display: none; }.header-cta-mobile[b-0gphknap98] { display: inline; } }
@media (max-width: 360px) { .topbar[b-0gphknap98] { gap: 5px; padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right)); }.header-new-project[b-0gphknap98] { width: 44px; padding: 0; font-size: 0; }.header-cta-mobile[b-0gphknap98] { font-size: 0; }.header-cta-mobile[b-0gphknap98]::after { content: "＋"; font-size: 21px; }.demo-account-cta[b-0gphknap98] { font-size: 11px; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-e90ynur8p2] { min-height: 100vh; background: var(--app-background); }

.topbar[b-e90ynur8p2] {
    position: sticky; top: 0; z-index: 100; height: 64px;
    display: grid; grid-template-columns: auto auto 1fr auto auto; align-items: center; gap: 10px;
    padding: 0 clamp(16px, 3vw, 32px); border-bottom: 1px solid rgba(24, 50, 59, .09);
    background: rgba(255, 255, 255, .96); box-shadow: 0 3px 14px rgba(24, 50, 59, .035);
}

.brand[b-e90ynur8p2] { display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: var(--app-text); font: inherit; cursor: pointer; }
.brand-symbol[b-e90ynur8p2] { width: 38px; height: 38px; display: block; object-fit: contain; }
.brand-name[b-e90ynur8p2] { color: var(--app-text); font-size: 18px; font-weight: 500; letter-spacing: -.025em; white-space: nowrap; }
.brand-name strong[b-e90ynur8p2] { color: var(--app-primary); font-weight: 650; }

.desktop-nav[b-e90ynur8p2] { justify-self: end; display: flex; align-items: center; gap: 2px; }
.desktop-nav[b-e90ynur8p2]  a {
    display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 11px;
    border-radius: var(--app-radius-sm); color: var(--app-muted); text-decoration: none;
    font-size: 13px; font-weight: 620; transition: color .15s ease, background .15s ease;
}
.desktop-nav[b-e90ynur8p2]  a:hover { color: var(--app-text); background: var(--app-surface-subtle); }
.desktop-nav[b-e90ynur8p2]  a.active { color: var(--app-primary); background: var(--app-primary-soft); }
.nav-symbol[b-e90ynur8p2] { font-size: 15px; opacity: .8; }

.header-new-project[b-e90ynur8p2] {
    min-height: 40px; padding: 0 14px; border: 0; border-radius: var(--app-radius-sm);
    background: var(--app-accent); color: #fff; font: inherit; font-size: 13px; font-weight: 750;
    white-space: nowrap; cursor: pointer; transition: background .15s ease, transform .15s ease;
}
.header-new-project:hover[b-e90ynur8p2] { background: var(--app-accent-hover); transform: translateY(-1px); }
.header-cta-mobile[b-e90ynur8p2] { display: none; }

.app-main[b-e90ynur8p2] { min-height: calc(100vh - 64px); }

.mobile-nav[b-e90ynur8p2] { display: none; }

@media (max-width: 760px) {
    .app-shell[b-e90ynur8p2] { display: flex; flex-direction: column; min-height: calc(100dvh - 134px - env(safe-area-inset-bottom)); }
    .topbar[b-e90ynur8p2] { height: auto; min-height: 104px; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left)); }
    .brand[b-e90ynur8p2] { min-width: 0; min-height: 44px; grid-column: 1; grid-row: 1; }
    .topbar[b-e90ynur8p2]  .environment-indicator { grid-column: 2; grid-row: 1; justify-self: end; }
    .topbar[b-e90ynur8p2]  .account-menu { grid-column: 2; grid-row: 2; justify-self: end; }
    .demo-account-cta[b-e90ynur8p2] { grid-column: 2; grid-row: 2; display: flex; align-items: center; min-height: 44px; color: var(--app-muted); font-size: 12px; text-underline-offset: 3px; }
    .brand-symbol[b-e90ynur8p2] { width: 34px; height: 34px; flex: 0 0 34px; }
    .brand-name[b-e90ynur8p2] { font-size: 17px; }
    .desktop-nav[b-e90ynur8p2] { display: none; }
    .header-new-project[b-e90ynur8p2] { min-height: 44px; grid-column: 1; grid-row: 2; justify-self: start; padding: 0 11px; font-size: 12px; }
    .header-cta-desktop[b-e90ynur8p2] { display: none; }
    .header-cta-mobile[b-e90ynur8p2] { display: inline; }
    .app-main[b-e90ynur8p2] { flex: 1; min-height: 0; padding-bottom: 16px; }
    .mobile-nav[b-e90ynur8p2] {
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; height: calc(62px + env(safe-area-inset-bottom));
        display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding-bottom: env(safe-area-inset-bottom);
        border-top: 1px solid var(--app-border); background: rgba(255, 255, 255, .97);
        box-shadow: 0 -4px 16px rgba(24, 50, 59, .05);
    }
    .mobile-nav[b-e90ynur8p2]  a { min-width: 0; min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; color: var(--app-muted); text-decoration: none; }
    .mobile-nav[b-e90ynur8p2]  a > span { font-size: 17px; }
    .mobile-nav[b-e90ynur8p2]  a small { font-size: 10px; font-weight: 600; }
    .mobile-nav[b-e90ynur8p2]  a.active { color: var(--app-primary); background: var(--app-primary-soft); }
}

@media print {
    .app-shell[b-e90ynur8p2] { min-height: 0; background: #fff; }
    .topbar[b-e90ynur8p2], .mobile-nav[b-e90ynur8p2] { display: none !important; }
    .app-main[b-e90ynur8p2] { min-height: 0; padding: 0; }
}
/* /Components/Layout/OnboardingLayout.razor.rz.scp.css */
.account-flow-page[b-vdwsb8d3hm] {
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: clamp(20px, 4vw, 48px);
    background: radial-gradient(circle at 12% 0%, rgba(21, 127, 130, .09), transparent 25rem), #f3f7f6;
}

.account-flow-card[b-vdwsb8d3hm] {
    width: min(100%, 580px);
    padding: clamp(28px, 5vw, 48px);
    background: #fff;
    border: 1px solid rgba(24, 87, 89, .14);
    border-radius: 18px;
    box-shadow: 0 22px 55px rgba(27, 66, 68, .1);
}

.account-flow-brand[b-vdwsb8d3hm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-bottom: 30px;
    color: #19343c;
    font-size: 1.2rem;
    font-weight: 650;
}

.account-flow-brand img[b-vdwsb8d3hm] {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.account-flow-brand strong[b-vdwsb8d3hm] {
    color: #157f82;
    font-weight: 750;
}

@media (max-width: 620px) {
    .account-flow-page[b-vdwsb8d3hm] {
        display: block;
        padding: 0;
        background: #fff;
    }

    .account-flow-card[b-vdwsb8d3hm] {
        min-height: 100svh;
        padding: 28px clamp(20px, 6vw, 34px) 38px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
}
/* /Components/Layout/OpsLayout.razor.rz.scp.css */
.ops-shell[b-43tthc5942]{min-height:100vh;background:var(--app-background)}.ops-header[b-43tthc5942]{min-height:72px;padding:12px clamp(16px,4vw,48px);display:flex;align-items:center;gap:24px;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.ops-brand[b-43tthc5942]{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.ops-brand img[b-43tthc5942]{border-radius:10px}.ops-brand b[b-43tthc5942]{font-size:.68rem;letter-spacing:.1em;color:#fff;background:var(--app-primary);padding:4px 7px;border-radius:6px}.ops-header nav[b-43tthc5942]{display:flex;gap:4px}.ops-header nav a[b-43tthc5942]{padding:9px 11px;border-radius:9px;text-decoration:none;color:var(--app-text-soft);font-weight:650;white-space:nowrap}.ops-header nav a.active[b-43tthc5942]{color:var(--app-primary);background:var(--app-primary-soft)}.ops-note[b-43tthc5942]{margin-left:auto;color:var(--app-muted);font-size:.82rem}.ops-main[b-43tthc5942]{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}@media(max-width:850px){.ops-header[b-43tthc5942]{align-items:flex-start;flex-wrap:wrap;gap:8px 14px}.ops-header nav[b-43tthc5942]{order:3;width:100%;overflow-x:auto}.ops-note[b-43tthc5942]{font-size:.75rem}.ops-main[b-43tthc5942]{padding-top:22px}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2u317qiycr],
.components-reconnect-repeated-attempt-visible[b-2u317qiycr],
.components-reconnect-failed-visible[b-2u317qiycr],
.components-pause-visible[b-2u317qiycr],
.components-resume-failed-visible[b-2u317qiycr],
.components-rejoining-animation[b-2u317qiycr] {
    display: none;
}

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


#components-reconnect-modal[b-2u317qiycr] {
    background-color: white;
    width: min(20rem, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    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-2u317qiycr 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2u317qiycr {
    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/UserAccountMenu.razor.rz.scp.css */
.account-menu[b-ftu3p8grvi] { position: relative; }

.account-menu-trigger[b-ftu3p8grvi] {
    width: 36px; height: 36px; display: grid; place-items: center; padding: 0;
    border: 1px solid #cce4e5; border-radius: 50%; background: var(--app-primary-soft);
    color: var(--app-primary); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease;
}
.account-menu-trigger:hover[b-ftu3p8grvi], .account-menu-trigger[aria-expanded="true"][b-ftu3p8grvi] { background: #dff2f2; }
.account-menu-trigger:focus-visible[b-ftu3p8grvi], .account-menu-item:focus-visible[b-ftu3p8grvi] {
    outline: 3px solid color-mix(in srgb, var(--app-primary) 35%, transparent); outline-offset: 2px;
}

.account-menu-popover[b-ftu3p8grvi] {
    position: absolute; top: calc(100% + 9px); right: 0; z-index: 130;
    width: min(280px, calc(100vw - 24px)); overflow: hidden;
    border: 1px solid var(--app-border); border-radius: var(--app-radius);
    background: var(--app-surface); box-shadow: 0 14px 36px rgba(24, 50, 59, .16);
}
.account-menu-identity[b-ftu3p8grvi] { display: grid; gap: 3px; padding: 15px 16px 13px; border-bottom: 1px solid var(--app-border); }
.account-menu-identity strong[b-ftu3p8grvi] { overflow: hidden; color: var(--app-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-identity span[b-ftu3p8grvi] { overflow: hidden; color: var(--app-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-items[b-ftu3p8grvi], .account-menu-footer[b-ftu3p8grvi] { padding: 6px; }
.account-menu-footer[b-ftu3p8grvi] { border-top: 1px solid var(--app-border); }
.account-menu-item[b-ftu3p8grvi] {
    display: flex; align-items: center; min-height: 44px; padding: 0 11px;
    border-radius: var(--app-radius-sm); color: var(--app-text); text-decoration: none;
    font-size: 13px; font-weight: 620; transition: color .15s ease, background .15s ease;
}
.account-menu-item:hover[b-ftu3p8grvi] { color: var(--app-primary); background: var(--app-primary-soft); }
.account-menu-logout[b-ftu3p8grvi] { color: #9b3d35; }
.account-menu-logout:hover[b-ftu3p8grvi] { color: #7d2d27; background: #fff1ef; }

@media (max-width: 760px) {
    .account-menu-trigger[b-ftu3p8grvi] { width: 44px; height: 44px; }
    .account-menu-popover[b-ftu3p8grvi] {
        max-height: calc(100dvh - 58px - 62px - env(safe-area-inset-bottom) - 16px);
        overflow-y: auto; overscroll-behavior: contain;
    }
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.page-heading p[b-kstubka5he]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:800;letter-spacing:.12em}.page-heading h1[b-kstubka5he]{margin:4px 0;font-size:clamp(1.8rem,4vw,2.5rem)}.page-heading span[b-kstubka5he]{color:var(--app-muted)}.metrics[b-kstubka5he]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metrics article[b-kstubka5he]{display:grid;gap:14px;padding:22px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}.metrics span[b-kstubka5he]{color:var(--app-muted)}.metrics strong[b-kstubka5he]{font-size:2rem}.primary-link[b-kstubka5he]{display:inline-block;padding:11px 16px;border-radius:10px;background:var(--app-primary);color:white;text-decoration:none;font-weight:750}@media(max-width:800px){.metrics[b-kstubka5he]{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.metrics[b-kstubka5he]{grid-template-columns:1fr 1fr;gap:10px}.metrics article[b-kstubka5he]{padding:16px}.metrics strong[b-kstubka5he]{font-size:1.6rem}}
/* /Components/Pages/AdminFeedback.razor.rz.scp.css */
.feedback-list[b-oj1ouzy1x2]{display:grid;gap:12px;margin-top:24px}.feedback-list article[b-oj1ouzy1x2]{padding:18px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}article header[b-oj1ouzy1x2]{display:flex;justify-content:space-between;gap:16px}article header strong[b-oj1ouzy1x2]{color:var(--app-primary)}time[b-oj1ouzy1x2],footer[b-oj1ouzy1x2]{color:var(--app-muted);font-size:.78rem}article p[b-oj1ouzy1x2]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}footer[b-oj1ouzy1x2]{display:flex;flex-wrap:wrap;gap:7px 18px;padding-top:10px;border-top:1px solid var(--app-border)}.empty[b-oj1ouzy1x2]{margin-top:24px;padding:24px;border:1px dashed var(--app-border);border-radius:14px}
/* /Components/Pages/AdminUserDetail.razor.rz.scp.css */
.breadcrumb[b-3aw9a3i7mg]{display:inline-block;margin-bottom:18px;color:var(--app-primary);font-weight:700;text-decoration:none}.page-heading[b-3aw9a3i7mg]{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading p[b-3aw9a3i7mg]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:800;letter-spacing:.12em}.page-heading h1[b-3aw9a3i7mg]{margin:4px 0;overflow-wrap:anywhere}.badges[b-3aw9a3i7mg]{display:flex;gap:7px}.status[b-3aw9a3i7mg],.admin-badge[b-3aw9a3i7mg]{padding:5px 9px;border-radius:99px;font-size:.78rem;font-weight:750}.active[b-3aw9a3i7mg]{color:var(--app-success);background:var(--app-success-soft)}.inactive[b-3aw9a3i7mg]{color:var(--app-danger);background:var(--app-danger-soft)}.admin-badge[b-3aw9a3i7mg]{color:var(--app-primary);background:var(--app-primary-soft)}.info-grid[b-3aw9a3i7mg]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.info-grid article[b-3aw9a3i7mg],.actions[b-3aw9a3i7mg]{padding:22px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius)}h2[b-3aw9a3i7mg]{margin:0 0 10px;font-size:1.08rem}dl[b-3aw9a3i7mg]{display:grid;grid-template-columns:140px 1fr;gap:10px;margin:0}dt[b-3aw9a3i7mg]{color:var(--app-muted)}dd[b-3aw9a3i7mg]{margin:0;min-width:0;overflow-wrap:anywhere}.actions[b-3aw9a3i7mg]{margin-top:16px}.actions p[b-3aw9a3i7mg]{color:var(--app-muted)}button[b-3aw9a3i7mg]{border:0;border-radius:9px;padding:10px 14px;font-weight:750;cursor:pointer}button:disabled[b-3aw9a3i7mg]{opacity:.45;cursor:not-allowed}.primary[b-3aw9a3i7mg]{background:var(--app-primary);color:white}.danger-secondary[b-3aw9a3i7mg]{background:var(--app-danger-soft);color:var(--app-danger)}.danger[b-3aw9a3i7mg]{background:var(--app-danger);color:white}.actions small[b-3aw9a3i7mg]{display:block;margin-top:8px;color:var(--app-muted)}.destructive[b-3aw9a3i7mg]{border-color:#eccaca}.destructive label[b-3aw9a3i7mg]{display:grid;gap:7px;max-width:520px;margin:18px 0}.destructive input[b-3aw9a3i7mg]{padding:10px;border:1px solid var(--app-border-strong);border-radius:9px}.staging[b-3aw9a3i7mg]{display:grid;justify-items:start;gap:8px;margin-top:22px;padding:16px;border:2px solid var(--app-warning);border-radius:12px;background:var(--app-warning-soft)}.staging strong[b-3aw9a3i7mg]{color:var(--app-warning);letter-spacing:.08em}.staging button[b-3aw9a3i7mg]{background:var(--app-accent);color:white}.message[b-3aw9a3i7mg]{padding:10px 14px;border-radius:9px}.success[b-3aw9a3i7mg]{background:var(--app-success-soft);color:var(--app-success)}.error[b-3aw9a3i7mg]{background:var(--app-danger-soft);color:var(--app-danger)}@media(max-width:650px){.info-grid[b-3aw9a3i7mg]{grid-template-columns:1fr}.page-heading[b-3aw9a3i7mg]{align-items:flex-start;flex-direction:column}dl[b-3aw9a3i7mg]{grid-template-columns:110px 1fr}.info-grid article[b-3aw9a3i7mg],.actions[b-3aw9a3i7mg]{padding:17px}}
/* /Components/Pages/AdminUsers.razor.rz.scp.css */
.page-heading[b-z2l4n49cgu]{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-heading p[b-z2l4n49cgu]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:800;letter-spacing:.12em}.page-heading h1[b-z2l4n49cgu]{margin:3px 0 0}.page-heading form[b-z2l4n49cgu]{display:flex;gap:8px}.page-heading input[b-z2l4n49cgu]{min-width:280px;padding:10px 12px;border:1px solid var(--app-border-strong);border-radius:9px}.page-heading button[b-z2l4n49cgu]{border:0;border-radius:9px;padding:10px 14px;background:var(--app-primary);color:#fff;font-weight:700}.user-list[b-z2l4n49cgu]{display:grid;gap:10px}.user-list article[b-z2l4n49cgu]{display:grid;grid-template-columns:minmax(210px,1.5fr) 110px minmax(190px,1fr) auto auto;align-items:center;gap:18px;padding:16px 18px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius)}.identity[b-z2l4n49cgu],.user-list article>div[b-z2l4n49cgu]{min-width:0;display:grid;gap:3px}.identity span[b-z2l4n49cgu],small[b-z2l4n49cgu]{color:var(--app-muted)}code[b-z2l4n49cgu]{overflow:hidden;text-overflow:ellipsis;font-size:.76rem}.badges[b-z2l4n49cgu]{display:flex!important;grid-auto-flow:column;gap:6px!important}.status[b-z2l4n49cgu],.admin-badge[b-z2l4n49cgu]{padding:4px 8px;border-radius:99px;font-size:.76rem;font-weight:750}.active[b-z2l4n49cgu]{color:var(--app-success);background:var(--app-success-soft)}.inactive[b-z2l4n49cgu]{color:var(--app-danger);background:var(--app-danger-soft)}.admin-badge[b-z2l4n49cgu]{color:var(--app-primary);background:var(--app-primary-soft)}article>a[b-z2l4n49cgu]{color:var(--app-primary);font-weight:700}.empty[b-z2l4n49cgu]{padding:24px;background:white;border-radius:var(--app-radius)}@media(max-width:850px){.user-list article[b-z2l4n49cgu]{grid-template-columns:1fr auto}.user-list article>div:nth-child(2)[b-z2l4n49cgu],.user-list article>div:nth-child(3)[b-z2l4n49cgu]{display:none}.page-heading[b-z2l4n49cgu]{align-items:stretch;flex-direction:column}.page-heading form input[b-z2l4n49cgu]{min-width:0;flex:1}}@media(max-width:480px){.user-list article[b-z2l4n49cgu]{gap:10px}.badges[b-z2l4n49cgu]{grid-column:1/2}.user-list article>a[b-z2l4n49cgu]{grid-column:2;grid-row:1/3}.page-heading form[b-z2l4n49cgu]{width:100%}}
/* /Components/Pages/Baseline.razor.rz.scp.css */
.baseline-page[b-uos1n7y9l1] { width:min(720px,calc(100% - 32px)); margin:auto; padding:42px 0 calc(100px + env(safe-area-inset-bottom)); color:#18323b; }
header[b-uos1n7y9l1] { margin-bottom:24px; } header p[b-uos1n7y9l1] { color:#218e92; font-weight:800; text-transform:uppercase; letter-spacing:.08em; } h1[b-uos1n7y9l1] { font-size:clamp(1.8rem,6vw,2.7rem); line-height:1.1; } header span[b-uos1n7y9l1] { color:#597078; line-height:1.55; }
.baseline-card[b-uos1n7y9l1] { display:grid; gap:16px; padding:24px; border:1px solid #dce8e9; border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(24,50,59,.06); } h2[b-uos1n7y9l1] { margin:12px 0 0; font-size:1.15rem; } label[b-uos1n7y9l1] { display:grid; gap:7px; font-weight:700; } input:not([type=checkbox])[b-uos1n7y9l1],textarea[b-uos1n7y9l1],select[b-uos1n7y9l1] { width:100%; min-width:0; box-sizing:border-box; padding:12px; border:1px solid #b9cccf; border-radius:10px; font:inherit; } textarea[b-uos1n7y9l1] { min-height:90px; }
.checks[b-uos1n7y9l1] { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.checks label[b-uos1n7y9l1],.inline[b-uos1n7y9l1] { display:flex; align-items:flex-start; gap:9px; font-weight:500; }.checks input[b-uos1n7y9l1],.inline input[b-uos1n7y9l1] { margin-top:3px; }.actions[b-uos1n7y9l1] { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }.actions button[b-uos1n7y9l1],.primary[b-uos1n7y9l1] { min-height:48px; padding:12px 18px; border:1px solid #b9cccf; border-radius:11px; background:#fff; color:#18323b; font:inherit; font-weight:800; text-decoration:none; }.actions .primary[b-uos1n7y9l1],.primary[b-uos1n7y9l1] { border:0; background:#ff7d66; color:#fff; }
.details-grid[b-uos1n7y9l1] { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } summary[b-uos1n7y9l1] { min-height:44px; cursor:pointer; font-weight:750; }
@media(max-width:600px){.baseline-page[b-uos1n7y9l1]{width:min(100% - 24px,430px);padding-top:24px}.baseline-card[b-uos1n7y9l1]{padding:18px}.checks[b-uos1n7y9l1],.details-grid[b-uos1n7y9l1]{grid-template-columns:minmax(0,1fr)}.actions[b-uos1n7y9l1]{display:grid}.actions button[b-uos1n7y9l1]{width:100%}}
/* /Components/Pages/Estimate.razor.rz.scp.css */
.estimate-page[b-1ehp8v25o7] {
    min-height: calc(100vh - 68px);
    color: #203039;
}

.estimate-content[b-1ehp8v25o7] {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;
    padding: 44px 0 120px;
}

@media print {
    .screen-only[b-1ehp8v25o7] {
        display: none !important;
    }
}

.estimate-footer-actions[b-1ehp8v25o7] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 30px;
}

.estimate-warning[b-1ehp8v25o7] {
    margin-top: 20px;
    padding: 13px 15px;
    border-radius: 11px;
    border: 1px solid var(--app-border);
    background: var(--app-surface-subtle);
    color: var(--app-muted);
    font-size: 10px;
    line-height: 1.5;
}

.empty-state[b-1ehp8v25o7] {
    width: min(500px, calc(100% - 30px));
    margin: 150px auto;
    text-align: center;
}

@media (max-width: 1050px) {
    .estimate-content[b-1ehp8v25o7] {
        width: min(100% - 28px, 1280px);
    }
}

@media (max-width: 850px) {
    .estimate-page[b-1ehp8v25o7] {
        min-height: calc(100vh - 124px);
        overflow-x: clip;
    }

    .estimate-content[b-1ehp8v25o7] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 24px 12px 100px;
    }

    .estimate-footer-actions[b-1ehp8v25o7] {
        flex-direction: column;
    }

    .estimate-footer-actions button[b-1ehp8v25o7] {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .estimate-content[b-1ehp8v25o7] {
        padding-right: 10px;
        padding-left: 10px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.companio-page[b-b9swsx86fc] {
    min-height: calc(100vh - 68px);
    padding: 52px 20px 120px;
}

.project-input[b-b9swsx86fc] {
    width: min(820px, 100%);
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.intro[b-b9swsx86fc] {
    margin-bottom: 28px;
}

.intro-kicker[b-b9swsx86fc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(56, 185, 189, .11);
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 700;
}

.intro h1[b-b9swsx86fc] {
    margin: 0 0 10px;
    color: #203039;
    font-size: clamp(32px, 4.5vw, 44px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.intro p[b-b9swsx86fc] {
    max-width: 680px;
    margin: 0;
    color: #708087;
    font-size: 18px;
    line-height: 1.55;
}


/* =========================================================
   COMPOSER
   ========================================================= */

.composer[b-b9swsx86fc] {
    padding: 20px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

    .composer textarea[b-b9swsx86fc] {
        box-sizing: border-box;
        width: 100%;
        min-height: 265px;
        padding: 6px;
        border: 0;
        outline: 0;
        resize: vertical;
        background: transparent;
        color: #24343c;
        font: inherit;
        font-size: 17px;
        line-height: 1.55;
    }

        .composer textarea[b-b9swsx86fc]::placeholder {
            color: #9aa7ab;
        }


/* =========================================================
   PIÈCES JOINTES ANCIENNES
   ========================================================= */

.attachments[b-b9swsx86fc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.attachment[b-b9swsx86fc] {
    display: flex;
    align-items: center;
    gap: 7px;
    max-width: 260px;
    padding: 7px 7px 7px 10px;
    border-radius: 10px;
    background: #eef5f5;
    color: #52656b;
    font-size: 13px;
}

    .attachment span:last-child[b-b9swsx86fc] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.attachment-icon[b-b9swsx86fc] {
    flex: 0 0 auto;
}

.attachment-name[b-b9swsx86fc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-remove[b-b9swsx86fc] {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    margin-left: 2px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #849398;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
}

    .attachment-remove:hover[b-b9swsx86fc] {
        background: #dce9e9;
        color: #334a52;
    }


/* =========================================================
   PRÉVISUALISATION MÉDIAS
   ========================================================= */

.media-preview-list[b-b9swsx86fc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}

.media-preview[b-b9swsx86fc] {
    position: relative;
    width: 118px;
    overflow: hidden;
    border: 1px solid #dde7e8;
    border-radius: 12px;
    background: #f5f9f9;
}

    .media-preview img[b-b9swsx86fc],
    .media-placeholder[b-b9swsx86fc] {
        display: block;
        width: 118px;
        height: 88px;
        object-fit: cover;
    }

.media-placeholder[b-b9swsx86fc] {
    display: grid;
    place-items: center;
    background: #eaf3f3;
    font-size: 25px;
}

.media-remove[b-b9swsx86fc] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(25, 44, 51, .82);
    color: white;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    opacity: .85;
}

    .media-remove:hover[b-b9swsx86fc] {
        opacity: 1;
        background: #20343d;
    }

.media-name[b-b9swsx86fc] {
    overflow: hidden;
    padding: 7px 8px;
    color: #66787e;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   BARRE ACTIONS
   ========================================================= */

.composer-actions[b-b9swsx86fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid #edf1f1;
}

.media-actions[b-b9swsx86fc] {
    display: flex;
    gap: 4px;
}

.action-button[b-b9swsx86fc] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #617278;
    font: inherit;
    cursor: pointer;
}

    .action-button:hover[b-b9swsx86fc] {
        background: #eef5f5;
        color: #203039;
    }

    .action-button.listening[b-b9swsx86fc] {
        background: rgba(56, 185, 189, .12);
        color: #218d91;
    }

.analyze-button[b-b9swsx86fc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    border: 0;
    border-radius: 12px;
    background: var(--app-accent);
    color: #fff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

    .analyze-button:hover:not(:disabled)[b-b9swsx86fc] {
        transform: translateY(-1px);
        background: var(--app-accent-hover);
        box-shadow: 0 8px 18px rgba(244, 124, 103, .22);
    }

    .analyze-button:disabled[b-b9swsx86fc] {
        opacity: 1;
        background: var(--app-surface-subtle);
        color: var(--app-muted);
        box-shadow: inset 0 0 0 1px var(--app-border);
        cursor: not-allowed;
    }


/* =========================================================
   DICTÉE VOCALE
   ========================================================= */

.speech-dot[b-b9swsx86fc] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--app-primary);
    animation: speechPulse-b-b9swsx86fc 1s ease-in-out infinite;
}

.speech-interim[b-b9swsx86fc] {
    margin: -4px 6px 10px;
    color: #93a1a5;
    font-size: 14px;
    font-style: italic;
}


/* =========================================================
   ANALYSE
   ========================================================= */

.analysis-result[b-b9swsx86fc] {
    margin-top: 28px;
    padding: 26px;
    border: 1px solid #dce5e6;
    border-radius: 20px;
    background: white;
    box-shadow: 0 10px 35px rgba(32, 48, 57, .05);
}

    .analysis-result h2[b-b9swsx86fc] {
        margin-top: 0;
        color: #203039;
        font-size: 24px;
    }

    .analysis-result h3[b-b9swsx86fc] {
        margin: 26px 0 10px;
        color: #344951;
        font-size: 17px;
    }

    .analysis-result p[b-b9swsx86fc],
    .analysis-result li[b-b9swsx86fc] {
        color: #64757b;
        line-height: 1.55;
    }

    .analysis-result ul[b-b9swsx86fc] {
        padding-left: 20px;
    }

.readiness[b-b9swsx86fc] {
    margin: 0 0 22px;
    padding: 14px 16px;
    border-radius: 12px;
    font-weight: 700;
}

    .readiness.preliminary[b-b9swsx86fc],
    .readiness.detailed[b-b9swsx86fc] {
        background: rgba(56, 185, 189, .11);
        color: #1f8589;
    }

    .readiness.insufficient[b-b9swsx86fc] {
        background: #f4ece8;
        color: #8c5a45;
    }


/* =========================================================
   QUESTIONS
   ========================================================= */

.question[b-b9swsx86fc] {
    margin-top: 12px;
    padding: 15px;
    border: 1px solid #edf1f1;
    border-radius: 12px;
    background: #f8fafa;
}

    .question strong[b-b9swsx86fc] {
        color: #344951;
    }

    .question p[b-b9swsx86fc] {
        margin-bottom: 4px;
    }

.analysis-error[b-b9swsx86fc] {
    margin-top: 20px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8eaea;
    color: #934d4d;
}


/* =========================================================
   FOOTER ANALYSE
   ========================================================= */

.analysis-footer[b-b9swsx86fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #e8eeee;
}

.analysis-footer-text[b-b9swsx86fc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .analysis-footer-text strong[b-b9swsx86fc] {
        color: #2d424a;
        font-size: 14px;
    }

    .analysis-footer-text span[b-b9swsx86fc] {
        color: #839095;
        font-size: 12px;
    }

.estimate-now-button[b-b9swsx86fc] {
    flex: 0 0 auto;
    padding: 11px 17px;
    border: 0;
    border-radius: 10px;
    background: var(--app-accent);
    color: #fff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

    .estimate-now-button:hover:not(:disabled)[b-b9swsx86fc] {
        transform: translateY(-1px);
        background: var(--app-accent-hover);
        box-shadow: 0 8px 18px rgba(244, 124, 103, .22);
    }

    .estimate-now-button:disabled[b-b9swsx86fc] {
        opacity: .5;
        cursor: default;
    }


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes speechPulse-b-b9swsx86fc {

    0%, 100% {
        opacity: .4;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 800px) {

    .companio-page[b-b9swsx86fc] {
        min-height: calc(100vh - 124px);
        padding: 34px 14px 110px;
    }

    .intro h1[b-b9swsx86fc] {
        font-size: 34px;
    }

    .intro p[b-b9swsx86fc] {
        font-size: 16px;
    }

    .composer[b-b9swsx86fc] {
        padding: 15px;
        border-radius: 18px;
    }

        .composer textarea[b-b9swsx86fc] {
            min-height: 190px;
        }
}


/* =========================================================
   MOBILE / FORMAT 9:16
   ========================================================= */

@media (max-width: 700px) {

    .companio-page[b-b9swsx86fc] {
        box-sizing: border-box;
        padding: 18px 12px 24px;
        min-height: 0;
        overflow-wrap: anywhere;
    }

    .project-input[b-b9swsx86fc] {
        width: 100%;
    }

    .action-label[b-b9swsx86fc] {
        display: inline;
        font-size: 12px;
    }

    .action-icon[b-b9swsx86fc] {
        font-size: 18px;
    }


    /* INTRO */

    .intro[b-b9swsx86fc] {
        margin-bottom: 18px;
    }

    .intro-kicker[b-b9swsx86fc] {
        margin-bottom: 9px;
        padding: 5px 8px;
        font-size: 9px;
    }

    .intro h1[b-b9swsx86fc] {
        max-width: 340px;
        margin-bottom: 8px;
        font-size: 30px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .intro p[b-b9swsx86fc] {
        max-width: 350px;
        font-size: 13px;
        line-height: 1.45;
    }


    /* COMPOSER */

    .composer[b-b9swsx86fc] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 12px;
        border-radius: 16px;
        box-shadow: 0 8px 25px rgba(32, 48, 57, .07);
    }

        .composer textarea[b-b9swsx86fc] {
            display: block;
            min-height: 112px;
            height: 112px;
            overflow-y: auto;
            padding: 3px;
            font-size: 16px;
            line-height: 1.45;
        }


    /* PHOTOS */

    .media-preview-list[b-b9swsx86fc] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin: 10px 0 12px;
    }

    .media-preview[b-b9swsx86fc] {
        min-width: 0;
        width: 100%;
        border-radius: 11px;
    }

        .media-preview img[b-b9swsx86fc],
        .media-placeholder[b-b9swsx86fc] {
            width: 100%;
            height: 105px;
        }

    .media-name[b-b9swsx86fc] {
        padding: 5px 7px;
        font-size: 9px;
    }


    /* ACTIONS */

    .composer-actions[b-b9swsx86fc] {
        min-width: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding-top: 10px;
    }

    .media-actions[b-b9swsx86fc] {
        min-width: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .action-button[b-b9swsx86fc] {
        min-width: 0;
        min-height: 44px;
        display: flex;
        justify-content: center;
        gap: 5px;
        padding: 8px 4px;
        border: 1px solid var(--app-border);
        background: var(--app-surface-subtle);
        color: var(--app-text-soft);
        border-radius: 9px;
    }

    .attachments:empty[b-b9swsx86fc] { margin: 6px 0; }
    .media-preview-list[b-b9swsx86fc] { width: 100%; }

    .analyze-button[b-b9swsx86fc] {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 9px 13px;
        border-radius: 9px;
        font-size: 15px;
        justify-content: center;
    }


    /* ANALYSE */

    .analysis-result[b-b9swsx86fc] {
        box-sizing: border-box;
        min-width: 0;
        margin-top: 18px;
        padding: 15px;
        border-radius: 15px;
        box-shadow: 0 6px 20px rgba(32, 48, 57, .04);
    }

    .readiness[b-b9swsx86fc] {
        margin-bottom: 17px;
        padding: 11px 12px;
        font-size: 11px;
        line-height: 1.4;
    }

    .analysis-result h2[b-b9swsx86fc] {
        font-size: 18px;
    }

    .analysis-result h3[b-b9swsx86fc] {
        margin-top: 19px;
        font-size: 14px;
    }

    .analysis-result p[b-b9swsx86fc],
    .analysis-result li[b-b9swsx86fc] {
        font-size: 11px;
        line-height: 1.48;
        overflow-wrap: anywhere;
    }

    .analysis-result ul[b-b9swsx86fc] {
        padding-left: 17px;
    }

    .question[b-b9swsx86fc] {
        padding: 11px;
        border-radius: 10px;
        overflow-wrap: anywhere;
    }

    .analysis-error[b-b9swsx86fc],
    .readiness[b-b9swsx86fc] {
        overflow-wrap: anywhere;
    }


    /* FOOTER */

    .analysis-footer[b-b9swsx86fc] {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        margin-top: 18px;
        padding-top: 15px;
    }

    .analysis-footer-text strong[b-b9swsx86fc] {
        font-size: 12px;
    }

    .analysis-footer-text span[b-b9swsx86fc] {
        font-size: 10px;
    }

    .estimate-now-button[b-b9swsx86fc] {
        width: 100%;
        padding: 11px;
        font-size: 12px;
    }
}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 400px) {

    .companio-page[b-b9swsx86fc] {
        padding-right: 10px;
        padding-left: 10px;
    }

    .intro h1[b-b9swsx86fc] {
        font-size: 28px;
    }

    .media-preview img[b-b9swsx86fc],
    .media-placeholder[b-b9swsx86fc] {
        height: 95px;
    }
}
/* /Components/Pages/Onboarding.razor.rz.scp.css */
.onboarding-header[b-ryc36oojpd] {
    margin-bottom: 30px;
    text-align: center;
}

.onboarding-kicker[b-ryc36oojpd] {
    margin: 0 0 9px;
    color: #157f82;
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.onboarding-header h1[b-ryc36oojpd] {
    margin: 0;
    color: #19343c;
    font-size: clamp(1.75rem, 5vw, 2.2rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.onboarding-header > p:last-child[b-ryc36oojpd] {
    max-width: 48ch;
    margin: 13px auto 0;
    color: #64777c;
    line-height: 1.55;
}

.onboarding-form[b-ryc36oojpd] {
    display: grid;
    gap: 18px;
}

.onboarding-field[b-ryc36oojpd] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.onboarding-field label[b-ryc36oojpd] {
    color: #19343c;
    font-size: .9rem;
    font-weight: 700;
}

.onboarding-field label span[b-ryc36oojpd] {
    color: #e87863;
}

.onboarding-field[b-ryc36oojpd]  input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 49px;
    padding: 11px 14px;
    color: #19343c;
    background: #fbfdfc;
    border: 1px solid #bdccca;
    border-radius: 10px;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.onboarding-field[b-ryc36oojpd]  input::placeholder {
    color: #94a4a5;
}

.onboarding-field[b-ryc36oojpd]  input:focus {
    background: #fff;
    border-color: #157f82;
    box-shadow: 0 0 0 3px rgba(21, 127, 130, .15);
}

.onboarding-field[b-ryc36oojpd]  input.invalid {
    border-color: #a93636;
}

.onboarding-field[b-ryc36oojpd]  .validation-message {
    color: #a93636;
    font-size: .84rem;
    line-height: 1.4;
}

.onboarding-address-row[b-ryc36oojpd] {
    display: grid;
    grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr);
    gap: 16px;
}

.onboarding-submit[b-ryc36oojpd] {
    width: 100%;
    min-height: 52px;
    margin-top: 5px;
    padding: 12px 18px;
    color: #fff;
    background: #e87863;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 7px 18px rgba(204, 88, 68, .18);
    font-weight: 750;
    cursor: pointer;
    transition: background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.onboarding-submit:hover[b-ryc36oojpd] {
    background: #d96753;
    box-shadow: 0 9px 22px rgba(204, 88, 68, .24);
}

.onboarding-submit:active[b-ryc36oojpd] {
    transform: translateY(1px);
}

.onboarding-submit:focus-visible[b-ryc36oojpd] {
    outline: 3px solid rgba(21, 127, 130, .28);
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .onboarding-header[b-ryc36oojpd] {
        margin-bottom: 26px;
    }

    .onboarding-address-row[b-ryc36oojpd] {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .onboarding-field[b-ryc36oojpd]  input,
    .onboarding-submit[b-ryc36oojpd] {
        transition: none;
    }
}
/* /Components/Pages/OpsAcquisition.razor.rz.scp.css */
.ops-heading p[b-efrn0ssdq6]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.ops-heading h1[b-efrn0ssdq6]{margin:5px 0}.ops-heading span[b-efrn0ssdq6]{color:var(--app-muted)}.filters[b-efrn0ssdq6]{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;align-items:end;margin:24px 0;padding:16px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:14px}.filters label[b-efrn0ssdq6]{display:grid;gap:5px;color:var(--app-muted);font-size:.78rem;font-weight:700}.filters input[b-efrn0ssdq6],.filters select[b-efrn0ssdq6]{min-width:0;padding:9px;border:1px solid var(--app-border);border-radius:8px;background:#fff}.filters .check[b-efrn0ssdq6]{display:flex;align-items:center;gap:7px}.filters button[b-efrn0ssdq6]{padding:10px;border:0;border-radius:8px;background:var(--app-primary);color:#fff;font-weight:750}.landing-metrics[b-efrn0ssdq6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0}.landing-metrics article[b-efrn0ssdq6]{display:grid;gap:7px;padding:16px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface)}.landing-metrics span[b-efrn0ssdq6]{color:var(--app-muted);font-size:.84rem}.landing-metrics strong[b-efrn0ssdq6]{font-size:1.7rem}.landing-metrics small[b-efrn0ssdq6]{color:var(--app-primary)}.funnel[b-efrn0ssdq6]{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0 30px}.funnel article[b-efrn0ssdq6]{display:grid;gap:7px;padding:16px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface)}.funnel span[b-efrn0ssdq6]{color:var(--app-muted);font-size:.84rem}.funnel strong[b-efrn0ssdq6]{font-size:1.7rem}.funnel small[b-efrn0ssdq6],td small[b-efrn0ssdq6]{display:block;color:var(--app-primary)}.partners h2[b-efrn0ssdq6]{font-size:1.25rem}.table-wrap[b-efrn0ssdq6]{overflow-x:auto;border:1px solid var(--app-border);border-radius:12px}table[b-efrn0ssdq6]{width:100%;border-collapse:collapse;background:var(--app-surface)}th[b-efrn0ssdq6],td[b-efrn0ssdq6]{padding:13px;text-align:left;border-bottom:1px solid var(--app-border);white-space:nowrap}thead th[b-efrn0ssdq6]{color:var(--app-muted);font-size:.75rem;text-transform:uppercase}@media(max-width:950px){.filters[b-efrn0ssdq6]{grid-template-columns:repeat(3,1fr)}.funnel[b-efrn0ssdq6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.filters[b-efrn0ssdq6]{grid-template-columns:1fr 1fr}.landing-metrics[b-efrn0ssdq6],.funnel[b-efrn0ssdq6]{grid-template-columns:1fr 1fr}}
/* /Components/Pages/OpsAi.razor.rz.scp.css */
.heading p[b-25bhuwhbr6]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.heading h1[b-25bhuwhbr6]{margin:5px 0}.heading span[b-25bhuwhbr6],.placeholder[b-25bhuwhbr6]{color:var(--app-muted)}.metric[b-25bhuwhbr6]{display:grid;gap:12px;width:min(360px,100%);margin:26px 0;padding:22px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px}.metric strong[b-25bhuwhbr6]{font-size:2rem}
/* /Components/Pages/OpsDashboard.razor.rz.scp.css */
.ops-heading p[b-wccr5gba5s]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.ops-heading h1[b-wccr5gba5s]{margin:5px 0;font-size:clamp(1.9rem,4vw,2.6rem)}.ops-heading span[b-wccr5gba5s]{color:var(--app-muted)}.ops-metrics[b-wccr5gba5s]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.ops-metrics article[b-wccr5gba5s]{display:grid;gap:12px;padding:21px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);box-shadow:var(--app-shadow)}.ops-metrics span[b-wccr5gba5s]{color:var(--app-muted)}.ops-metrics strong[b-wccr5gba5s]{font-size:1.9rem}.ops-primary[b-wccr5gba5s]{display:inline-block;padding:11px 16px;border-radius:10px;background:var(--app-primary);color:#fff;text-decoration:none;font-weight:750}@media(max-width:700px){.ops-metrics[b-wccr5gba5s]{grid-template-columns:repeat(2,1fr)}}
/* /Components/Pages/OpsFeedback.razor.rz.scp.css */
.heading p[b-219hv8rbog]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.heading h1[b-219hv8rbog]{margin:5px 0}.heading span[b-219hv8rbog]{color:var(--app-muted)}.feedback-list[b-219hv8rbog]{display:grid;gap:12px;margin-top:24px}.feedback-list article[b-219hv8rbog]{padding:18px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px}.feedback-list header[b-219hv8rbog],.feedback-list footer[b-219hv8rbog]{display:flex;justify-content:space-between;gap:12px}.feedback-list time[b-219hv8rbog],.feedback-list footer[b-219hv8rbog]{color:var(--app-muted);font-size:.78rem}.feedback-list footer[b-219hv8rbog]{flex-wrap:wrap}
/* /Components/Pages/OpsUsers.razor.rz.scp.css */
.heading[b-q91gk6iyg1]{display:flex;align-items:end;justify-content:space-between;gap:16px}.heading p[b-q91gk6iyg1]{margin:0;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:.12em}.heading h1[b-q91gk6iyg1]{margin:5px 0}.heading form[b-q91gk6iyg1]{display:flex;gap:8px}.heading input[b-q91gk6iyg1]{padding:10px;border:1px solid var(--app-border);border-radius:9px}.heading button[b-q91gk6iyg1]{border:0;border-radius:9px;background:var(--app-primary);color:#fff;font-weight:750}.notice[b-q91gk6iyg1]{padding:13px 15px;border-radius:10px;background:var(--app-primary-soft);color:var(--app-text-soft)}.list[b-q91gk6iyg1]{display:grid;gap:9px}.list article[b-q91gk6iyg1]{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:18px;padding:15px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:11px}.list article div[b-q91gk6iyg1]{display:grid}.list span[b-q91gk6iyg1]{color:var(--app-muted)}.list .status[b-q91gk6iyg1]{color:var(--app-text)}.list b[b-q91gk6iyg1]{font-size:.72rem;color:var(--app-primary)}@media(max-width:650px){.heading[b-q91gk6iyg1]{display:grid}.heading form input[b-q91gk6iyg1]{min-width:0;flex:1}.list article[b-q91gk6iyg1]{grid-template-columns:1fr auto}.list article>span:first-of-type[b-q91gk6iyg1]{display:none}}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-wh63p5ygxd] { width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 56px 0 110px; color: #18323b; }
.pricing-header[b-wh63p5ygxd] { max-width: 720px; margin: 0 auto 34px; text-align: center; }
.pricing-kicker[b-wh63p5ygxd] { margin: 0 0 8px; color: #218e92; font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.pricing-header h1[b-wh63p5ygxd] { margin: 0; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.08; letter-spacing: -.04em; }
.pricing-header > p:last-child[b-wh63p5ygxd] { margin: 16px auto 0; color: #597078; line-height: 1.65; }
.plan-grid[b-wh63p5ygxd] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 20px; align-items: stretch; }
.plan-card[b-wh63p5ygxd] { min-width: 0; display: flex; flex-direction: column; padding: 28px; border: 1px solid #dce8e9; border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(24, 50, 59, .07); }
.plan-eyebrow[b-wh63p5ygxd] { margin: 0 0 6px; color: #218e92; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.plan-card h2[b-wh63p5ygxd] { margin: 0; font-size: 1.65rem; }
.plan-description[b-wh63p5ygxd] { min-height: 3em; color: #597078; line-height: 1.5; }
.plan-price[b-wh63p5ygxd] { min-height: 2.5em; margin: 10px 0; font-size: 1.15rem; font-weight: 800; }
.plan-card ul[b-wh63p5ygxd] { flex: 1; margin: 8px 0 24px; padding-left: 20px; color: #405b63; line-height: 1.8; }
.plan-card button[b-wh63p5ygxd], .checkout-button[b-wh63p5ygxd], .contact-toggle[b-wh63p5ygxd] { min-height: 48px; padding: 12px 18px; border: 0; border-radius: 11px; background: #ff7d66; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.plan-card button:focus-visible[b-wh63p5ygxd], .checkout-summary button:focus-visible[b-wh63p5ygxd], .contact-toggle:focus-visible[b-wh63p5ygxd] { outline: 3px solid rgba(33, 142, 146, .3); outline-offset: 3px; }
.current-plan[b-wh63p5ygxd], .checkout-summary[b-wh63p5ygxd], .contact-choice[b-wh63p5ygxd] { max-width: 720px; margin: 24px auto; padding: 26px; border: 1px solid #dce8e9; border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(24, 50, 59, .06); }
.current-plan[b-wh63p5ygxd] { display: grid; grid-template-columns: 1fr auto; gap: 8px 20px; align-items: center; }
.current-plan p[b-wh63p5ygxd], .current-plan h2[b-wh63p5ygxd] { margin: 0; }
.current-plan > p:last-child[b-wh63p5ygxd] { grid-column: 1 / -1; color: #597078; }
.current-plan > strong[b-wh63p5ygxd] { padding: 8px 12px; border-radius: 999px; background: #e8f7f5; color: #176a6d; }
.checkout-summary[b-wh63p5ygxd] { text-align: center; }
.checkout-summary h2[b-wh63p5ygxd] { margin: 5px 0 10px; font-size: 2rem; }
.summary-price[b-wh63p5ygxd] { font-weight: 800; }
.summary-actions[b-wh63p5ygxd] { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.change-plan-button[b-wh63p5ygxd] { min-height: 48px; padding: 12px 18px; border: 1px solid #b9cccf; border-radius: 11px; background: #fff; color: #18323b; font: inherit; font-weight: 750; cursor: pointer; }
.checkout-message[b-wh63p5ygxd] { margin: 18px 0 0; padding: 12px; border-radius: 10px; background: #fff4e8; color: #74431c; font-weight: 700; }
.contact-choice[b-wh63p5ygxd] { margin-top: 32px; text-align: center; }
.contact-choice h2[b-wh63p5ygxd] { margin: 5px 0; }
.contact-choice > p:not(.pricing-kicker)[b-wh63p5ygxd] { color: #597078; }
.contact-toggle[b-wh63p5ygxd] { margin-top: 8px; background: #218e92; }
@media (max-width: 600px) { .pricing-page[b-wh63p5ygxd] { width: min(100% - 24px, 430px); padding-top: 30px; padding-bottom: calc(92px + env(safe-area-inset-bottom)); } .plan-grid[b-wh63p5ygxd] { grid-template-columns: minmax(0, 1fr); } .plan-card[b-wh63p5ygxd], .current-plan[b-wh63p5ygxd], .checkout-summary[b-wh63p5ygxd], .contact-choice[b-wh63p5ygxd] { padding: 20px; } .plan-description[b-wh63p5ygxd], .plan-price[b-wh63p5ygxd] { min-height: 0; } .current-plan[b-wh63p5ygxd] { grid-template-columns: minmax(0, 1fr); } .current-plan > strong[b-wh63p5ygxd] { justify-self: start; } .summary-actions[b-wh63p5ygxd] { display: grid; grid-template-columns: minmax(0, 1fr); } .summary-actions button[b-wh63p5ygxd], .contact-toggle[b-wh63p5ygxd] { width: 100%; } }
/* /Components/Pages/Products.razor.rz.scp.css */
.products-page[b-0vwjs71b0f] {
    min-height: calc(100vh - 68px);
    padding: 46px 20px 120px;
}

.products-content[b-0vwjs71b0f] {
    width: min(920px, 100%);
    margin: 0 auto;
}

.products-intro[b-0vwjs71b0f] {
    margin-bottom: 30px;
}

.products-kicker[b-0vwjs71b0f],
.product-category[b-0vwjs71b0f] {
    color: var(--app-primary);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.products-intro h1[b-0vwjs71b0f] {
    max-width: 720px;
    margin: 11px 0 10px;
    color: #203039;
    font-size: clamp(30px, 4.5vw, 40px);
    line-height: 1.08;
    letter-spacing: -1.4px;
}

.products-intro p[b-0vwjs71b0f] {
    max-width: 720px;
    margin: 0;
    color: #708087;
    font-size: 16px;
    line-height: 1.55;
}

.product-list[b-0vwjs71b0f] {
    display: grid;
    gap: 14px;
}

.product-card[b-0vwjs71b0f] {
    padding: 21px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.product-card.status-validated[b-0vwjs71b0f] {
    border-left: 4px solid var(--app-primary);
}

.product-card.status-ignored[b-0vwjs71b0f] {
    opacity: .62;
}

.product-card-heading[b-0vwjs71b0f],
.product-card-heading > div[b-0vwjs71b0f] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-card-heading[b-0vwjs71b0f] {
    justify-content: space-between;
}

.requirement-badge[b-0vwjs71b0f],
.status-badge[b-0vwjs71b0f] {
    display: inline-flex;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 750;
}

.requirement-badge.required[b-0vwjs71b0f] {
    background: #f6efdd;
    color: #7c6127;
}

.requirement-badge.recommended[b-0vwjs71b0f],
.status-badge[b-0vwjs71b0f] {
    background: #e8f5f5;
    color: #24898d;
}

.product-card h2[b-0vwjs71b0f] {
    margin: 12px 0 5px;
    color: #2b4149;
    font-size: 19px;
}

.structural-reason[b-0vwjs71b0f] {
    margin: 0;
    color: #687a80;
    font-size: 13px;
    line-height: 1.5;
}

.constraints[b-0vwjs71b0f] {
    margin-top: 15px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #f5f8f8;
}

.constraints > strong[b-0vwjs71b0f] {
    color: #50646b;
    font-size: 10px;
    text-transform: uppercase;
}

.constraints ul[b-0vwjs71b0f] {
    margin: 8px 0 0;
    padding-left: 18px;
    color: #687a80;
    font-size: 12px;
    line-height: 1.5;
}

.no-constraint[b-0vwjs71b0f] {
    display: block;
    margin-top: 6px;
    color: #879498;
    font-size: 12px;
}

.resolved-product[b-0vwjs71b0f] {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #cfe0e1;
    border-radius: 12px;
    background: #fbfdfd;
}

.resolved-product.selected[b-0vwjs71b0f],
.alternative-product.selected[b-0vwjs71b0f] {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 2px rgba(56, 185, 189, .13);
}

.resolved-product-heading[b-0vwjs71b0f],
.resolved-product-actions[b-0vwjs71b0f],
.alternative-product[b-0vwjs71b0f] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.resolved-product-heading[b-0vwjs71b0f],
.alternative-product[b-0vwjs71b0f] {
    justify-content: space-between;
}

.preferred-badge[b-0vwjs71b0f] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #dff3ed;
    color: #247865;
    font-size: 10px;
    font-weight: 750;
}

.usage-count[b-0vwjs71b0f],
.checked-at[b-0vwjs71b0f] {
    color: #7a898e;
    font-size: 10px;
}

.resolved-product h3[b-0vwjs71b0f],
.alternatives h3[b-0vwjs71b0f] {
    margin: 11px 0 8px;
    color: #2b4149;
    font-size: 16px;
}

.product-details[b-0vwjs71b0f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    margin: 0;
}

.product-details div[b-0vwjs71b0f] {
    min-width: 0;
}

.product-details dt[b-0vwjs71b0f] {
    color: #859297;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-details dd[b-0vwjs71b0f] {
    margin: 2px 0 0;
    color: #40565e;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.checked-at[b-0vwjs71b0f] {
    margin: 9px 0 0;
}

.resolved-product-actions[b-0vwjs71b0f] {
    flex-wrap: wrap;
    margin-top: 12px;
}

.alternatives[b-0vwjs71b0f] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 11px;
    background: #f5f8f8;
}

.alternatives > p[b-0vwjs71b0f] {
    margin: 6px 0 0;
    color: #718187;
    font-size: 12px;
}

.alternative-list[b-0vwjs71b0f] {
    display: grid;
    gap: 8px;
}

.alternative-product[b-0vwjs71b0f] {
    min-width: 0;
    padding: 10px;
    border: 1px solid #dbe5e6;
    border-radius: 9px;
    background: white;
}

.alternative-product > div[b-0vwjs71b0f] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.result-actions[b-0vwjs71b0f] { display:flex !important; flex-direction:column; gap:6px !important; flex:0 0 auto; }
.result-actions a[b-0vwjs71b0f] { text-align:center; text-decoration:none; }
.sourcing-search[b-0vwjs71b0f] { display:grid; grid-template-columns:minmax(0, 1fr) 180px auto; align-items:end; gap:8px; margin:10px 0 12px; }
.sourcing-search label[b-0vwjs71b0f] { display:grid; gap:4px; color:#50646b; font-size:11px; font-weight:700; }
.sourcing-search textarea[b-0vwjs71b0f], .sourcing-search input[b-0vwjs71b0f] { box-sizing:border-box; width:100%; min-height:42px; padding:8px; border:1px solid #ceddde; border-radius:8px; background:#fff; color:#30454d; font:inherit; resize:vertical; }
.sourcing-status[b-0vwjs71b0f] { grid-column:1 / -1; margin:0 !important; padding:9px; border-radius:8px; background:#eaf4f4; color:#417277 !important; }
.quote-request-button[b-0vwjs71b0f] { min-height:44px; padding:9px 12px; border:1px dashed #7aaeb0; border-radius:9px; background:#f5fbfb; color:#32777a; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }

.alternative-product strong[b-0vwjs71b0f],
.alternative-product span[b-0vwjs71b0f] {
    overflow-wrap: anywhere;
}

.alternative-product strong[b-0vwjs71b0f] {
    color: #40565e;
    font-size: 12px;
}

.alternative-product span[b-0vwjs71b0f] {
    color: #7a898e;
    font-size: 10px;
}

.category-input[b-0vwjs71b0f],
.label-input[b-0vwjs71b0f],
.reason-input[b-0vwjs71b0f],
.constraints input[b-0vwjs71b0f] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ceddde;
    border-radius: 8px;
    background: white;
    color: #30454d;
    font: inherit;
}

.category-input[b-0vwjs71b0f] {
    width: 170px;
    padding: 6px 8px;
    font-size: 11px;
}

.label-input[b-0vwjs71b0f] {
    margin-top: 12px;
    padding: 9px 10px;
    font-size: 17px;
    font-weight: 700;
}

.reason-input[b-0vwjs71b0f] {
    min-height: 68px;
    margin-top: 8px;
    padding: 9px 10px;
    resize: vertical;
    font-size: 13px;
}

.constraints input[b-0vwjs71b0f] {
    display: block;
    margin-top: 7px;
    padding: 7px 8px;
    font-size: 12px;
}

.product-actions[b-0vwjs71b0f] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}

.no-selected-product[b-0vwjs71b0f] { margin: 15px 0 0; color: #687a80; font-size: 12px; font-weight: 700; }
.modify-need-button[b-0vwjs71b0f] { margin-left: auto; padding: 6px 0; border: 0; background: transparent; color: #7a898e; font: inherit; font-size: 10px; text-decoration: underline; cursor: pointer; }

.validate-button[b-0vwjs71b0f],
.continue-button[b-0vwjs71b0f],
.secondary-button[b-0vwjs71b0f],
.ignore-button[b-0vwjs71b0f] {
    padding: 9px 12px;
    border: 0;
    border-radius: 9px;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.validate-button[b-0vwjs71b0f],
.continue-button[b-0vwjs71b0f] {
    background: var(--app-accent);
    color: #fff;
}

.secondary-button[b-0vwjs71b0f] {
    border: 1px solid var(--app-border);
    background: var(--app-surface);
    color: var(--app-text-soft);
}

.ignore-button[b-0vwjs71b0f] {
    background: transparent;
    color: #879398;
}

.products-footer[b-0vwjs71b0f] {
    position: sticky;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 28px;
    padding: 14px 16px;
    border: 1px solid var(--app-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 26px rgba(24, 50, 59, .10);
}

.products-footer div[b-0vwjs71b0f] {
    display: flex;
    flex-direction: column;
}

.products-footer strong[b-0vwjs71b0f] {
    color: #30454d;
    font-size: 12px;
}

.products-footer span[b-0vwjs71b0f] {
    color: #829095;
    font-size: 10px;
}

.continue-button[b-0vwjs71b0f] {
    flex: 0 0 auto;
    padding: 11px 15px;
}

.continue-button:disabled[b-0vwjs71b0f] {
    opacity: .4;
    cursor: default;
}

.products-error[b-0vwjs71b0f],
.no-products[b-0vwjs71b0f] {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 10px;
}

.products-error[b-0vwjs71b0f] {
    background: #f8eaea;
    color: #934d4d;
}

.no-products[b-0vwjs71b0f] {
    background: #eaf4f4;
    color: #287f83;
}

.products-empty[b-0vwjs71b0f] {
    margin: 100px auto;
    text-align: center;
}

.demo-learning-note[b-0vwjs71b0f] { margin-top: 12px !important; padding: 10px 12px; border-radius: 10px; background: #eef8f8; color: #417277 !important; font-size: 12px !important; }
.product-drawer-backdrop[b-0vwjs71b0f] { position: fixed; inset: 0; z-index: 1000; background: rgba(20, 42, 48, .35); }
.product-drawer[b-0vwjs71b0f] { position: fixed; z-index: 1001; top: 0; right: 0; width: min(460px, 100vw); height: 100dvh; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); background: white; box-shadow: -12px 0 36px rgba(20,42,48,.18); }
.product-drawer header[b-0vwjs71b0f] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-drawer h2[b-0vwjs71b0f] { margin: 0; color:#2b4149; }
.product-drawer h3[b-0vwjs71b0f] { margin:20px 0 8px; color:#40565e; font-size:14px; }
.product-drawer label[b-0vwjs71b0f] { display:grid; gap:5px; margin-top:11px; color:#50646b; font-size:12px; font-weight:700; }
.product-drawer input:not([type=checkbox])[b-0vwjs71b0f], .product-drawer select[b-0vwjs71b0f], .product-drawer textarea[b-0vwjs71b0f] { box-sizing:border-box; width:100%; padding:9px; border:1px solid #ceddde; border-radius:8px; font:inherit; font-weight:400; }
.product-drawer textarea[b-0vwjs71b0f] { min-height:64px; resize:vertical; }
.product-drawer .validate-button[b-0vwjs71b0f] { margin-top:20px; }
.configuration-editor > div[b-0vwjs71b0f] { display:flex; gap:6px; margin:7px 0; }
.configuration-editor > div input[b-0vwjs71b0f] { min-width:0; }

@media (max-width: 700px) {
    .validate-button[b-0vwjs71b0f],
    .continue-button[b-0vwjs71b0f],
    .secondary-button[b-0vwjs71b0f],
    .ignore-button[b-0vwjs71b0f] { min-height: 44px; }
    .products-page[b-0vwjs71b0f] {
        box-sizing: border-box;
        min-height: calc(100vh - 124px);
        padding: 25px 10px 105px;
        overflow-x: clip;
    }

    .products-intro[b-0vwjs71b0f] {
        margin-bottom: 20px;
    }

    .products-intro h1[b-0vwjs71b0f] {
        margin-top: 9px;
        font-size: 28px;
        letter-spacing: -.9px;
    }

    .products-intro p[b-0vwjs71b0f] {
        font-size: 12px;
    }

    .product-card[b-0vwjs71b0f] {
        min-width: 0;
        padding: 14px;
        border-radius: 13px;
    }

    .product-card-heading[b-0vwjs71b0f] {
        align-items: flex-start;
    }

    .product-card-heading > div[b-0vwjs71b0f] {
        min-width: 0;
        flex-wrap: wrap;
    }

    .product-card h2[b-0vwjs71b0f] {
        font-size: 16px;
        overflow-wrap: anywhere;
    }

    .structural-reason[b-0vwjs71b0f],
    .constraints li[b-0vwjs71b0f] {
        overflow-wrap: anywhere;
    }

    .category-input[b-0vwjs71b0f] {
        width: min(150px, 100%);
    }

    .product-details[b-0vwjs71b0f] {
        grid-template-columns: 1fr;
    }

    .resolved-product-actions[b-0vwjs71b0f],
    .alternative-product[b-0vwjs71b0f] {
        align-items: stretch;
        flex-direction: column;
    }

    .sourcing-search[b-0vwjs71b0f] { grid-template-columns:1fr; }
    .sourcing-search .validate-button[b-0vwjs71b0f], .quote-request-button[b-0vwjs71b0f] { width:100%; min-height:44px; }
    .result-actions[b-0vwjs71b0f] { width:100%; }

    .resolved-product-actions button[b-0vwjs71b0f],
    .alternative-product button[b-0vwjs71b0f] {
        width: 100%;
    }
    .modify-need-button[b-0vwjs71b0f] { width: 100%; min-height: 44px; margin-left: 0; text-align: left; }

    .products-footer[b-0vwjs71b0f] {
        bottom: 74px;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    .continue-button[b-0vwjs71b0f] {
        width: 100%;
    }
    .product-drawer[b-0vwjs71b0f] { width:100vw; padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(calc(34px + env(safe-area-inset-bottom)), env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); }
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.workspace-page[b-xogwg33o2i] { width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 52px 0 120px; }
.workspace-header[b-xogwg33o2i] { max-width: 680px; margin-bottom: 30px; }
.page-kicker[b-xogwg33o2i] { color: var(--app-primary); font-size: 12px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.workspace-header h1[b-xogwg33o2i] { margin: 7px 0; color: var(--app-text); font-size: clamp(30px, 4vw, 40px); letter-spacing: -.035em; }
.workspace-header p[b-xogwg33o2i] { margin: 0; color: var(--app-muted); font-size: 16px; }
.settings-grid[b-xogwg33o2i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.settings-card[b-xogwg33o2i] {
    min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px;
    padding: 20px; border: 1px solid var(--app-border); border-radius: var(--app-radius);
    background: var(--app-surface); box-shadow: var(--app-shadow);
}
.settings-card > div[b-xogwg33o2i] { min-width: 0; }
.project-actions[b-xogwg33o2i] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.settings-card h2[b-xogwg33o2i] { margin: 5px 0; color: var(--app-text); font-size: 18px; overflow-wrap: anywhere; }
.settings-card p[b-xogwg33o2i] { margin: 0; color: var(--app-muted); font-size: 12px; }
.analyze-button[b-xogwg33o2i] {
    flex: 0 0 auto; min-height: 44px; padding: 0 14px; border: 0; border-radius: 10px;
    background: var(--app-accent); color: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer;
}
.analyze-button:hover[b-xogwg33o2i] { background: var(--app-accent-hover); }
.analyze-button:disabled[b-xogwg33o2i] { opacity: .65; cursor: wait; }
.delete-button[b-xogwg33o2i] { min-height: 44px; padding: 0 14px; border: 1px solid color-mix(in srgb, var(--app-danger) 38%, var(--app-border)); border-radius: 10px; background: var(--app-surface); color: var(--app-danger); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.delete-button:hover[b-xogwg33o2i] { border-color: var(--app-danger); background: var(--app-danger-soft); }
.delete-button:disabled[b-xogwg33o2i] { opacity: .65; cursor: wait; }
.project-delete-backdrop[b-xogwg33o2i] { position: fixed; inset: 0; z-index: 210; display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(calc(78px + env(safe-area-inset-bottom)), env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); background: rgba(17, 38, 44, .32); }
.project-delete-dialog[b-xogwg33o2i] { width: min(100%, 400px); max-height: 100%; overflow: auto; padding: 22px; border: 1px solid var(--app-border); border-radius: 18px; background: var(--app-surface); box-shadow: 0 22px 60px rgba(17, 38, 44, .22); }
.project-delete-dialog h2[b-xogwg33o2i] { margin: 0; color: var(--app-text); font-size: 20px; }
.project-delete-dialog p[b-xogwg33o2i] { margin: 8px 0 20px; color: var(--app-muted); }
.project-delete-actions[b-xogwg33o2i] { display: flex; justify-content: flex-end; gap: 8px; }
.project-delete-actions .secondary-button[b-xogwg33o2i] { min-height: 44px; padding: 0 14px; }
.workspace-status[b-xogwg33o2i], .workspace-error[b-xogwg33o2i] { margin: 0 0 14px; padding: 16px; border-radius: 12px; background: var(--app-surface); color: var(--app-muted); }
.workspace-error[b-xogwg33o2i] { border: 1px solid #efcccc; background: var(--app-danger-soft); color: var(--app-danger); }
.empty-workspace[b-xogwg33o2i] {
    padding: 64px 24px; border: 1px dashed var(--app-border-strong); border-radius: var(--app-radius-lg);
    background: rgba(255, 255, 255, .72); text-align: center;
}
.empty-icon[b-xogwg33o2i] { width: 54px; height: 54px; margin: 0 auto 16px; display: grid; place-items: center; border-radius: 15px; background: var(--app-primary-soft); color: var(--app-primary); font-size: 24px; }
.empty-workspace h2[b-xogwg33o2i] { margin-bottom: 7px; color: var(--app-text); }
.empty-workspace p[b-xogwg33o2i] { max-width: 470px; margin: auto; color: var(--app-muted); }

@media (max-width: 720px) {
    .workspace-page[b-xogwg33o2i] { width: min(100% - 24px, 1080px); padding: 30px 0 100px; }
    .workspace-header[b-xogwg33o2i] { margin-bottom: 22px; }
    .workspace-header h1[b-xogwg33o2i] { font-size: 30px; }
    .workspace-header p[b-xogwg33o2i] { font-size: 13px; }
    .settings-grid[b-xogwg33o2i] { grid-template-columns: 1fr; }
    .settings-card[b-xogwg33o2i] { align-items: stretch; flex-direction: column; padding: 16px; }
    .analyze-button[b-xogwg33o2i] { width: 100%; }
    .project-actions[b-xogwg33o2i] { display: grid; grid-template-columns: 1fr 1fr; }
    .delete-button[b-xogwg33o2i] { width: 100%; }
}

@media (max-width: 380px) { .project-delete-actions[b-xogwg33o2i] { display: grid; grid-template-columns: 1fr; }.project-delete-actions .secondary-button[b-xogwg33o2i], .project-delete-actions .delete-button[b-xogwg33o2i] { width: 100%; } }
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-kvqhe2l9oe] {
    width: min(1050px, calc(100% - 32px));
    margin: 0 auto;
    padding: 52px 0 120px;
}

.settings-header[b-kvqhe2l9oe] {
    max-width: 720px;
    margin-bottom: 40px;
}

.page-kicker[b-kvqhe2l9oe] {
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 750;
}

.settings-header h1[b-kvqhe2l9oe] {
    margin: 8px 0;
    color: #203039;
    font-size: clamp(30px, 4vw, 40px);
    letter-spacing: -1.4px;
}

.settings-header p[b-kvqhe2l9oe] {
    margin: 0;
    color: #75868c;
    font-size: 17px;
    line-height: 1.55;
}

.settings-grid[b-kvqhe2l9oe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.settings-card[b-kvqhe2l9oe] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.settings-card-icon[b-kvqhe2l9oe] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--app-primary-soft);
    color: var(--app-primary);
    font-weight: 750;
}

.settings-card h2[b-kvqhe2l9oe] {
    margin: 0 0 4px;
    color: #203039;
    font-size: 18px;
}

.settings-card p[b-kvqhe2l9oe] {
    margin: 0;
    color: #7c8b90;
    font-size: 14px;
    line-height: 1.45;
}

.setting-field[b-kvqhe2l9oe],
.supplier-list[b-kvqhe2l9oe],
.add-supplier-button[b-kvqhe2l9oe],
.toggle-row[b-kvqhe2l9oe] {
    grid-column: 1 / -1;
}

.setting-field[b-kvqhe2l9oe] {
    margin-top: 8px;
}

    .setting-field label[b-kvqhe2l9oe] {
        display: block;
        margin-bottom: 6px;
        color: #5f7177;
        font-size: 13px;
        font-weight: 650;
    }

.input-with-unit[b-kvqhe2l9oe] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .input-with-unit input[b-kvqhe2l9oe] {
        width: 110px;
        padding: 10px;
        border: 1px solid var(--app-border-strong);
        border-radius: 9px;
        font: inherit;
    }

    .input-with-unit span[b-kvqhe2l9oe] {
        color: #708086;
    }

.supplier-list[b-kvqhe2l9oe] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 6px;
}

.supplier-row[b-kvqhe2l9oe] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 9px;
    border: 1px solid var(--app-border);
    background: var(--app-surface-subtle);
}

.supplier-name[b-kvqhe2l9oe] {
    color: #31444b;
    font-weight: 650;
}

.supplier-domain[b-kvqhe2l9oe] {
    color: #94a0a4;
    font-size: 12px;
}

.add-supplier-button[b-kvqhe2l9oe] {
    justify-self: start;
    margin-top: 5px;
    padding: 8px 11px;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface);
    color: var(--app-primary);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

.toggle-row[b-kvqhe2l9oe] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 0;
    color: #53666c;
}

@media (max-width: 800px) {

    .settings-page[b-kvqhe2l9oe] {
        padding-top: 40px;
    }

    .settings-grid[b-kvqhe2l9oe] {
        grid-template-columns: 1fr;
    }

    .settings-header h1[b-kvqhe2l9oe] {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .settings-page[b-kvqhe2l9oe] {
        width: min(100% - 24px, 1050px);
        padding-top: 30px;
    }

    .settings-header[b-kvqhe2l9oe] {
        margin-bottom: 24px;
    }

    .settings-header p[b-kvqhe2l9oe] {
        font-size: 14px;
    }

    .settings-card[b-kvqhe2l9oe] {
        gap: 12px;
        padding: 16px;
    }

    .supplier-row[b-kvqhe2l9oe] {
        grid-template-columns: auto 1fr;
    }

    .supplier-domain[b-kvqhe2l9oe] {
        grid-column: 2;
        overflow-wrap: anywhere;
    }
}

.plan-card[b-kvqhe2l9oe] {
    grid-column: 1 / -1;
}

.plan-name[b-kvqhe2l9oe] {
    color: var(--app-primary);
    font-weight: 700;
    text-transform: uppercase;
}

.quota-list[b-kvqhe2l9oe] {
    display: grid;
    gap: .65rem;
    grid-column: 1 / -1;
}

.quota-list div[b-kvqhe2l9oe] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--app-border);
}

.quota-list strong[b-kvqhe2l9oe] {
    white-space: nowrap;
}
.subscription-offers-link[b-kvqhe2l9oe] { display: inline-flex; min-height: 44px; align-items: center; margin-top: 10px; padding: 0 14px; border-radius: 10px; background: #218e92; color: #fff; font-weight: 750; text-decoration: none; }
.subscription-offers-link:focus-visible[b-kvqhe2l9oe] { outline: 3px solid rgba(33, 142, 146, .3); outline-offset: 2px; }
/* /Components/Pages/SupplierConsultations.razor.rz.scp.css */
.consultation-page[b-diqui5r2h0]{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:38px 0 100px}.consultation-header[b-diqui5r2h0]{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.consultation-header h1[b-diqui5r2h0]{margin:5px 0 7px;font-size:clamp(28px,4vw,42px)}.consultation-header p[b-diqui5r2h0]{margin:0;color:var(--app-muted);max-width:700px}.page-kicker[b-diqui5r2h0],.status[b-diqui5r2h0]{color:var(--app-primary);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.panel[b-diqui5r2h0],.need-card[b-diqui5r2h0],.info-card[b-diqui5r2h0],.request-card[b-diqui5r2h0],.empty[b-diqui5r2h0]{background:var(--app-surface,#fff);border:1px solid var(--app-border);border-radius:16px;padding:22px;margin-bottom:18px}.panel h2[b-diqui5r2h0],.need-card h2[b-diqui5r2h0],.info-card h2[b-diqui5r2h0],.empty h2[b-diqui5r2h0]{margin:0 0 10px}.form-grid[b-diqui5r2h0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.form-grid .wide[b-diqui5r2h0]{grid-column:1/-1}label[b-diqui5r2h0]{display:grid;gap:6px;color:var(--app-muted);font-size:13px;font-weight:650}input[b-diqui5r2h0],textarea[b-diqui5r2h0],select[b-diqui5r2h0]{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--app-border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--app-text);font:inherit}textarea[b-diqui5r2h0]{resize:vertical}.primary[b-diqui5r2h0],.secondary[b-diqui5r2h0],.ghost[b-diqui5r2h0],.back[b-diqui5r2h0]{min-height:44px;border-radius:10px;padding:0 15px;font:inherit;font-weight:750;cursor:pointer}.primary[b-diqui5r2h0]{border:0;background:var(--app-primary);color:#fff}.secondary[b-diqui5r2h0]{border:0;background:var(--app-accent);color:#fff}.ghost[b-diqui5r2h0],.back[b-diqui5r2h0]{border:1px solid var(--app-border);background:#fff;color:var(--app-text)}button:disabled[b-diqui5r2h0]{opacity:.55;cursor:not-allowed}.consultation-list[b-diqui5r2h0]{display:grid;gap:10px}.consultation-row[b-diqui5r2h0]{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px;border:1px solid var(--app-border);border-radius:14px;background:#fff;color:var(--app-text);cursor:pointer}.consultation-row span:first-child[b-diqui5r2h0]{display:grid;gap:4px}.consultation-row small[b-diqui5r2h0],.email-preview small[b-diqui5r2h0],.decision-note[b-diqui5r2h0]{color:var(--app-muted)}.back[b-diqui5r2h0]{margin-bottom:14px}.need-meta[b-diqui5r2h0],.actions[b-diqui5r2h0]{display:flex;gap:10px;flex-wrap:wrap}.need-meta span[b-diqui5r2h0]{padding:7px 10px;border-radius:8px;background:var(--app-surface-subtle)}.supplier-picker[b-diqui5r2h0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.supplier-picker label[b-diqui5r2h0]{grid-template-columns:auto 1fr;align-items:start;padding:12px;border:1px solid var(--app-border);border-radius:10px}.supplier-picker input[b-diqui5r2h0]{width:20px;min-height:20px}.supplier-picker span[b-diqui5r2h0]{display:grid;color:var(--app-text)}.supplier-picker small[b-diqui5r2h0]{color:var(--app-muted);font-weight:400}.request-grid[b-diqui5r2h0],.offers[b-diqui5r2h0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.request-card[b-diqui5r2h0]{min-width:0}.request-card h3[b-diqui5r2h0],.offer h3[b-diqui5r2h0]{margin:0}.request-card header[b-diqui5r2h0]{margin-bottom:14px}.email-preview[b-diqui5r2h0]{margin:14px 0;padding:14px;border-radius:10px;background:var(--app-surface-subtle)}.email-preview p[b-diqui5r2h0]{overflow-wrap:anywhere}.email-preview textarea[b-diqui5r2h0]{font-family:inherit;background:#fff}.request-card details[b-diqui5r2h0]{margin-top:16px}.request-card summary[b-diqui5r2h0]{min-height:44px;display:flex;align-items:center;font-weight:750;cursor:pointer}.response-form[b-diqui5r2h0]{padding-top:4px}.offer[b-diqui5r2h0]{min-width:0;border:1px solid var(--app-border);border-radius:14px;padding:18px}.offer.selected[b-diqui5r2h0]{border:2px solid var(--app-primary);background:var(--app-primary-soft)}.price[b-diqui5r2h0]{display:block;margin:10px 0;font-size:20px}.offer dl[b-diqui5r2h0]{display:grid;grid-template-columns:auto 1fr;gap:7px 12px}.offer dt[b-diqui5r2h0]{color:var(--app-muted)}.offer dd[b-diqui5r2h0]{margin:0;overflow-wrap:anywhere}.error[b-diqui5r2h0]{padding:14px;margin-bottom:16px;border-radius:10px;background:#fff0f0;color:#9b2525}
@media(max-width:760px){.consultation-page[b-diqui5r2h0]{width:min(100% - 24px,1120px);padding:24px 0 90px}.consultation-header[b-diqui5r2h0]{align-items:stretch;flex-direction:column}.consultation-header .primary[b-diqui5r2h0]{width:100%}.form-grid[b-diqui5r2h0],.request-grid[b-diqui5r2h0],.offers[b-diqui5r2h0],.supplier-picker[b-diqui5r2h0]{grid-template-columns:1fr}.form-grid .wide[b-diqui5r2h0]{grid-column:auto}.panel[b-diqui5r2h0],.need-card[b-diqui5r2h0],.info-card[b-diqui5r2h0],.request-card[b-diqui5r2h0],.empty[b-diqui5r2h0]{padding:16px;border-radius:13px}.actions[b-diqui5r2h0]{display:grid}.actions button[b-diqui5r2h0],.response-form>button[b-diqui5r2h0],.offer button[b-diqui5r2h0]{width:100%}.consultation-row[b-diqui5r2h0]{min-height:64px;gap:8px}.consultation-row>span:last-child[b-diqui5r2h0]{font-size:12px;white-space:nowrap}}
/* /Components/Shared/CompanioLoader.razor.rz.scp.css */
.loader-overlay[b-63zrotndj8] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(22, 34, 41, .64);
    backdrop-filter: blur(7px);
    animation: loaderFadeIn-b-63zrotndj8 .18s ease;
}

.loader-card[b-63zrotndj8] {
    width: min(430px, 100%);
    padding: 38px 34px;
    border-radius: 24px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .25);
}

.loader-logo[b-63zrotndj8] {
    width: 68px;
    height: 68px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loader-logo img[b-63zrotndj8] {
        display: block;
        width: 58px;
        height: 58px;
        object-fit: contain;
        animation: loaderPulse-b-63zrotndj8 1.7s ease-in-out infinite;
    }

.loader-brand[b-63zrotndj8] {
    margin-bottom: 28px;
    color: #203039;
    font-weight: 750;
    font-size: 18px;
}

    .loader-brand span[b-63zrotndj8] {
        color: #35adb1;
    }

.loader-card h2[b-63zrotndj8] {
    margin: 0 0 10px;
    color: #203039;
    font-size: 24px;
}

.loader-message[b-63zrotndj8] {
    min-height: 48px;
    margin: 0;
    color: #6e7c82;
    line-height: 1.5;
}

.loader-progress[b-63zrotndj8] {
    height: 5px;
    margin: 28px 0 19px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eeee;
}

.loader-progress-bar[b-63zrotndj8] {
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: #38b9bd;
    animation: loaderProgress-b-63zrotndj8 1.4s ease-in-out infinite;
}

.loader-dots[b-63zrotndj8] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

    .loader-dots span[b-63zrotndj8] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #38b9bd;
        animation: loaderDot-b-63zrotndj8 1.2s ease-in-out infinite;
    }

        .loader-dots span:nth-child(2)[b-63zrotndj8] {
            animation-delay: .15s;
        }

        .loader-dots span:nth-child(3)[b-63zrotndj8] {
            animation-delay: .3s;
        }

@media (max-width: 600px) {
    .loader-overlay[b-63zrotndj8] {
        padding: 32px;
    }

    .loader-card[b-63zrotndj8] {
        box-sizing: border-box;
        width: min(330px, 100%);
        padding: 30px 24px;
        border-radius: 20px;
    }

    .loader-brand[b-63zrotndj8] {
        margin-bottom: 23px;
    }

    .loader-card h2[b-63zrotndj8] {
        font-size: 21px;
    }

    .loader-progress[b-63zrotndj8] {
        margin-top: 24px;
    }
}

@keyframes loaderFadeIn-b-63zrotndj8 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes loaderPulse-b-63zrotndj8 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes loaderProgress-b-63zrotndj8 {
    0% {
        transform: translateX(-130%);
    }

    100% {
        transform: translateX(300%);
    }
}

@keyframes loaderDot-b-63zrotndj8 {
    0%, 60%, 100% {
        opacity: .3;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-4px);
    }
}
.loader-with-content[b-63zrotndj8] { overflow-y: auto; }
.loader-with-content .loader-card[b-63zrotndj8] { box-sizing: border-box; max-height: calc(100dvh - 40px); overflow-y: auto; }
@media(max-width:600px) { .loader-with-content[b-63zrotndj8] { padding: 16px; } .loader-with-content .loader-card[b-63zrotndj8] { max-height: calc(100dvh - 32px); padding: 22px 18px; } }
/* /Components/Shared/ContactLeadForm.razor.rz.scp.css */
.contact-lead-form[b-of2i7nfacd] { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 16px; margin-top: 20px; padding: 20px; border: 1px solid var(--app-border, #dce8e9); border-radius: 16px; background: #fff; text-align: left; }
.contact-lead-form h3[b-of2i7nfacd], .contact-lead-form > p[b-of2i7nfacd], .contact-lead-form textarea[b-of2i7nfacd], .contact-lead-consent[b-of2i7nfacd], .contact-lead-form button[b-of2i7nfacd], .contact-lead-result[b-of2i7nfacd] { grid-column: 1 / -1; }
.contact-lead-form h3[b-of2i7nfacd] { margin: 0; color: #18323b; }
.contact-lead-form > p[b-of2i7nfacd] { margin: 0 0 8px; color: #597078; }
.contact-lead-form label[b-of2i7nfacd] { align-self: end; font-weight: 700; color: #18323b; }
.contact-lead-form label span[b-of2i7nfacd] { color: #667b82; font-weight: 400; }
.contact-lead-form input:not([type=checkbox])[b-of2i7nfacd], .contact-lead-form textarea[b-of2i7nfacd] { width: 100%; min-width: 0; box-sizing: border-box; padding: 11px; border: 1px solid #b9cccf; border-radius: 9px; font: inherit; }
.contact-lead-form input:focus-visible[b-of2i7nfacd], .contact-lead-form textarea:focus-visible[b-of2i7nfacd], .contact-lead-form button:focus-visible[b-of2i7nfacd] { outline: 3px solid rgba(33, 142, 146, .3); outline-offset: 2px; }
.contact-lead-consent[b-of2i7nfacd] { display: flex; align-items: flex-start; gap: 9px; margin-top: 8px; font-weight: 500 !important; }
.contact-lead-consent input[b-of2i7nfacd] { margin-top: 4px; }
.contact-lead-form button[b-of2i7nfacd] { min-height: 46px; border: 0; border-radius: 10px; background: #ff7d66; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.contact-lead-form button:disabled[b-of2i7nfacd] { cursor: wait; opacity: .65; }
.contact-lead-result[b-of2i7nfacd] { min-height: 1.4em; margin: 0; color: #176a6d; font-weight: 700; }
@media (max-width: 600px) { .contact-lead-form[b-of2i7nfacd] { grid-template-columns: minmax(0, 1fr); padding: 16px; } .contact-lead-form > *[b-of2i7nfacd] { grid-column: 1 !important; } }
/* /Components/Shared/DemoAnalysisCarousel.razor.rz.scp.css */
.demo-messages[b-67aag1yfc8] { margin-top: 18px; padding-top: 14px; border-top: 1px solid #dce8e9; color: #203039; font-size: .9rem; overflow-wrap: anywhere; }
.demo-messages p[b-67aag1yfc8] { margin: 0; line-height: 1.45; min-height: 7.25em; }
.demo-messages a[b-67aag1yfc8], .demo-messages button[b-67aag1yfc8] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: #17676b; font-weight: 650; }
.demo-messages button[b-67aag1yfc8] { border: 0; background: transparent; font-size: .75rem; cursor: pointer; }
.demo-message-dots[b-67aag1yfc8] { display: flex; gap: 5px; justify-content: center; margin-top: 10px; }
.demo-message-dots span[b-67aag1yfc8] { width: 5px; height: 5px; border-radius: 50%; background: #b9cccf; }
.demo-message-dots .active[b-67aag1yfc8] { background: #17676b; }
/* /Components/Shared/DemoAnalysisOffer.razor.rz.scp.css */
.offer-announcement[b-n0qdxih399] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* /Components/Shared/DemoConversionPanel.razor.rz.scp.css */
.demo-conversion[b-fg77knvww6]{margin:28px 0;padding:24px;border:1px solid #dce8e9;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(24,50,59,.07)}.demo-conversion-kicker[b-fg77knvww6]{margin:0;color:#218e92;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-conversion h2[b-fg77knvww6]{margin:8px 0 18px}.demo-conversion-actions[b-fg77knvww6]{display:flex;flex-wrap:wrap;gap:10px}.demo-conversion-actions a[b-fg77knvww6],.demo-conversion-actions button[b-fg77knvww6],.demo-contact-form button[b-fg77knvww6]{padding:12px 16px;border:1px solid #36b7b9;border-radius:10px;background:#fff;color:#18323b;font-weight:750;text-decoration:none;cursor:pointer}.demo-conversion-actions a:first-child[b-fg77knvww6],.demo-contact-form button[b-fg77knvww6]{background:#ff7d66;border-color:#ff7d66;color:#fff}.demo-contact-form[b-fg77knvww6]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid #dce8e9}.demo-contact-form h3[b-fg77knvww6],.demo-contact-form>p[b-fg77knvww6],.demo-contact-consent[b-fg77knvww6],.demo-contact-form button[b-fg77knvww6],.demo-contact-form [role=status][b-fg77knvww6]{grid-column:1/-1}.demo-contact-form label[b-fg77knvww6]{display:grid;gap:6px;font-weight:700}.demo-contact-form label span[b-fg77knvww6]{font-weight:400;color:#667b82}.demo-contact-form input:not([type=checkbox])[b-fg77knvww6],.demo-contact-form select[b-fg77knvww6]{width:100%;padding:11px;border:1px solid #b9cccf;border-radius:9px}.demo-contact-consent[b-fg77knvww6]{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;font-weight:500!important}.demo-contact-consent input[b-fg77knvww6]{margin-top:4px}@media(max-width:600px){.demo-conversion[b-fg77knvww6]{padding:18px}.demo-conversion-actions[b-fg77knvww6]{display:grid}.demo-contact-form[b-fg77knvww6]{grid-template-columns:1fr}}
.demo-conversion-experience[b-fg77knvww6] { position: relative; min-width: 0; overflow-wrap: anywhere; }
.demo-conversion-close[b-fg77knvww6] { float: right; min-width: 44px; min-height: 44px; border: 1px solid #b9cccf; border-radius: 10px; background: #fff; color: #18323b; cursor: pointer; }
.demo-conversion-experience .demo-conversion-actions a[b-fg77knvww6], .demo-conversion-experience .demo-conversion-actions button[b-fg77knvww6], .demo-conversion-experience .demo-contact-form button[b-fg77knvww6] { min-height: 44px; box-sizing: border-box; }
.demo-conversion-experience .demo-contact-form label[b-fg77knvww6], .demo-conversion-experience .demo-contact-form input[b-fg77knvww6], .demo-conversion-experience .demo-contact-form select[b-fg77knvww6] { min-width: 0; box-sizing: border-box; }
.demo-conversion-experience .demo-conversion-actions a:first-child[b-fg77knvww6], .demo-conversion-experience .demo-contact-form button[b-fg77knvww6] { color: #18323b; }
@media(max-width:600px) { .demo-conversion-experience .demo-conversion-actions[b-fg77knvww6] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Shared/FeedbackWidget.razor.rz.scp.css */
.feedback-trigger-label[b-8izz3pb1ys] { display: none; }
.feedback-trigger[b-8izz3pb1ys]{position:fixed;right:24px;bottom:84px;z-index:119;width:42px;height:42px;border:1px solid var(--app-border);border-radius:50%;background:var(--app-surface);box-shadow:0 6px 18px rgba(24,50,59,.12);font-size:18px;cursor:pointer}.feedback-trigger:hover[b-8izz3pb1ys]{background:var(--app-primary-soft)}
.feedback-trigger:focus-visible[b-8izz3pb1ys],.feedback-panel button:focus-visible[b-8izz3pb1ys],.feedback-panel textarea:focus-visible[b-8izz3pb1ys]{outline:3px solid color-mix(in srgb,var(--app-primary) 38%,transparent);outline-offset:2px}
.feedback-backdrop[b-8izz3pb1ys]{position:fixed;inset:0;z-index:200;border:0;background:rgba(17,38,44,.32)}.feedback-panel[b-8izz3pb1ys]{position:fixed;right:24px;bottom:24px;z-index:201;box-sizing:border-box;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:22px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);box-shadow:0 22px 60px rgba(17,38,44,.22)}
header[b-8izz3pb1ys]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}header small[b-8izz3pb1ys]{color:var(--app-primary);font-size:11px;font-weight:800;letter-spacing:.1em}h2[b-8izz3pb1ys]{margin:3px 0 0;font-size:21px}header p[b-8izz3pb1ys]{margin:5px 0 0;color:var(--app-muted);font-size:12px;line-height:1.4}header button[b-8izz3pb1ys]{border:0;background:transparent;font-size:27px;color:var(--app-muted);cursor:pointer}
.feedback-choices[b-8izz3pb1ys]{display:grid;gap:8px}.feedback-choices>button[b-8izz3pb1ys]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px 12px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);color:var(--app-text);text-align:left;cursor:pointer;font:inherit}.feedback-choices>button:hover[b-8izz3pb1ys]{border-color:var(--app-primary);background:var(--app-primary-soft)}.feedback-choice-icon[b-8izz3pb1ys]{font-size:18px;text-align:center}.feedback-choices strong[b-8izz3pb1ys],.feedback-choices small[b-8izz3pb1ys]{display:block}.feedback-choices strong[b-8izz3pb1ys]{font-size:13px}.feedback-choices small[b-8izz3pb1ys]{margin-top:2px;color:var(--app-muted);font-size:11px;line-height:1.35}.feedback-choices b[b-8izz3pb1ys]{color:var(--app-primary);font-size:20px}
.feedback-back[b-8izz3pb1ys]{padding:2px 0;border:0;background:transparent;color:var(--app-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}h3[b-8izz3pb1ys]{margin:8px 0 15px;font-size:17px}label[b-8izz3pb1ys]{display:block;margin:13px 0 6px;font-size:13px;font-weight:700}textarea[b-8izz3pb1ys]{box-sizing:border-box;width:100%;min-height:120px;padding:11px;border:1px solid var(--app-border);border-radius:10px;background:#fff;color:var(--app-text);font:inherit;resize:vertical}.feedback-privacy[b-8izz3pb1ys]{margin:12px 0;color:var(--app-muted);font-size:11px;line-height:1.45}.feedback-error[b-8izz3pb1ys]{color:#a32929;font-size:13px}.feedback-primary[b-8izz3pb1ys],.feedback-secondary[b-8izz3pb1ys]{min-height:44px;padding:0 16px;border:0;border-radius:10px;font:inherit;font-weight:750;cursor:pointer}.feedback-primary[b-8izz3pb1ys]{width:100%;background:var(--app-primary);color:#fff}.feedback-primary:disabled[b-8izz3pb1ys]{opacity:.6}.feedback-secondary[b-8izz3pb1ys]{background:var(--app-primary-soft);color:var(--app-text)}.feedback-success[b-8izz3pb1ys]{display:flex;flex-direction:column;gap:5px;padding:18px 0 24px;color:var(--app-text)}.feedback-actions[b-8izz3pb1ys]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feedback-actions .feedback-primary[b-8izz3pb1ys]{width:auto}
@media(max-width:760px){.feedback-trigger[b-8izz3pb1ys]{position:static;display:flex;align-items:center;gap:8px;width:auto;min-height:44px;margin:12px auto;padding:8px 12px;border-radius:var(--app-radius-sm);box-shadow:none;color:var(--app-muted);font:inherit;font-size:12px}.feedback-trigger-label[b-8izz3pb1ys]{display:inline}.feedback-panel[b-8izz3pb1ys]{left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 90px - env(safe-area-inset-bottom) - env(safe-area-inset-top));padding:18px;border-radius:16px}}
@media(max-width:380px){.feedback-panel[b-8izz3pb1ys]{left:6px;right:6px;padding:15px}.feedback-actions[b-8izz3pb1ys]{grid-template-columns:1fr}.feedback-choices>button[b-8izz3pb1ys]{padding:10px}}
@media print{.feedback-trigger[b-8izz3pb1ys],.feedback-backdrop[b-8izz3pb1ys],.feedback-panel[b-8izz3pb1ys]{display:none!important}}