/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Main layout is styled centrally in workspace.css. */
#blazor-error-ui[b-ay82a45hyc] { display: none; position: fixed; bottom: 0; inset-inline: 0; z-index: 1000; padding: 1rem 2rem; background: #fff8e6; color: #181715; border-top: 1px solid #b39a6d; }
#blazor-error-ui .dismiss[b-ay82a45hyc] { float: inline-end; cursor: pointer; }
/* /Components/Layout/MarketingHeader.razor.rz.scp.css */
.marketing-header[b-575ip47z8i] { background: #fcfaf6; color: #302b26; font-family: 'IBM Plex Sans Arabic', sans-serif; }
.marketing-header[dir=ltr][b-575ip47z8i] { font-family: 'Manrope', sans-serif; }
.marketing-header-inner[b-575ip47z8i] { width: min(1200px, calc(100% - 64px)); margin-inline: auto; min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e4dccf; }
.marketing-logo[b-575ip47z8i] { display: flex; flex-shrink: 0; align-items: center; gap: 8px; direction: ltr; color: #24221f; text-decoration: none; font: 700 25px 'Manrope', sans-serif; }
.marketing-logo b[b-575ip47z8i] { color: #7c193f; }
.marketing-links[b-575ip47z8i] { display: flex; align-items: center; justify-content: center; gap: 22px; }
.marketing-links[b-575ip47z8i]  a { color: #514b43; text-decoration: none; font-size: 13px; padding-block: 12px; white-space: nowrap; border-bottom: 2px solid transparent; }
.marketing-links[b-575ip47z8i]  a.active { color: #7c193f; border-bottom-color: #7c193f; }
.marketing-links[b-575ip47z8i]  a:hover { color: #7c193f; }
.marketing-actions[b-575ip47z8i] { display: flex; flex-shrink: 0; gap: 18px; align-items: center; }
.marketing-signin[b-575ip47z8i] { display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 12px 18px; min-height: 44px; border-radius: 9px; background: #292724; color: #fff; font-size: 13px; text-decoration: none; white-space: nowrap; }
.marketing-signin:hover[b-575ip47z8i] { background: #651331; }
.marketing-header[b-575ip47z8i]  a:focus-visible { outline: 2px solid #7c193f; outline-offset: 4px; }
@media(max-width:1100px) { .marketing-header-inner[b-575ip47z8i] { flex-wrap: wrap; padding-block: 20px 8px; gap: 12px; }.marketing-links[b-575ip47z8i] { order: 3; flex-basis: 100%; gap: 28px; } }
@media(max-width:600px) { .marketing-header-inner[b-575ip47z8i] { width: calc(100% - 36px); gap: 18px; }.marketing-logo[b-575ip47z8i] { font-size: 23px; }.marketing-logo img[b-575ip47z8i] { width: 30px; height: 30px; }.marketing-actions[b-575ip47z8i] { gap: 12px; flex-wrap: wrap; }.marketing-signin[b-575ip47z8i] { font-size: 12px; padding: 10px 14px; }.marketing-links[b-575ip47z8i] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; text-align: center; }.marketing-links[b-575ip47z8i]  a { font-size: 12px; white-space: normal; padding-block: 12px; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Navigation styles are shared by desktop and mobile in workspace.css. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4cb6vsue0k],
.components-reconnect-repeated-attempt-visible[b-4cb6vsue0k],
.components-reconnect-failed-visible[b-4cb6vsue0k],
.components-pause-visible[b-4cb6vsue0k],
.components-resume-failed-visible[b-4cb6vsue0k],
.components-rejoining-animation[b-4cb6vsue0k] { display: none; }

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-retrying):not(.components-reconnect-failed) .components-reconnect-first-attempt-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-4cb6vsue0k] { display: block; }

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-rejoining-animation[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-4cb6vsue0k] { display: flex; }

#components-reconnect-modal[b-4cb6vsue0k] {
    box-sizing: border-box;
    width: min(420px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 32px 28px;
    border: 1px solid #e8e1d7;
    border-radius: 22px;
    background: #fcfaf6;
    color: #181715;
    font-family: inherit;
    box-shadow: 0 24px 80px #1817152e;
    overflow-y: auto;
}
#components-reconnect-modal[open][b-4cb6vsue0k] { animation: reconnect-enter-b-4cb6vsue0k .2s ease-out; }
#components-reconnect-modal[b-4cb6vsue0k]::backdrop { background: #18171566; backdrop-filter: blur(5px); }
.components-reconnect-container[b-4cb6vsue0k] { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.reconnect-symbol[b-4cb6vsue0k] { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 20px; background: #7c193f0d; border: 1px solid #7c193f1a; color: #7c193f; }
.reconnect-brand[b-4cb6vsue0k] { font-size: 10px; font-weight: 700; letter-spacing: 1.6px; color: #846c42; direction: ltr; }
#reconnect-title[b-4cb6vsue0k] { margin: 0; font-size: 21px; line-height: 1.5; font-weight: 700; }
#reconnect-status[b-4cb6vsue0k] { width: 100%; }
#components-reconnect-modal p[b-4cb6vsue0k] { margin: 0; font-size: 14px; line-height: 1.9; color: #6b655d; text-wrap: pretty; }
#components-seconds-to-next-attempt[b-4cb6vsue0k] { display: inline-block; min-width: 1ch; font-weight: 700; color: #7c193f; }
#components-reconnect-modal button[b-4cb6vsue0k] { min-height: 44px; width: 100%; border: 0; border-radius: 10px; background: #7c193f; color: #fff; padding: 11px 20px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
#components-reconnect-modal button:hover[b-4cb6vsue0k] { background: #651331; }
#components-reconnect-modal button:focus-visible[b-4cb6vsue0k] { outline: 3px solid #b39a6d; outline-offset: 3px; }
.components-rejoining-animation[b-4cb6vsue0k] { gap: 6px; padding: 6px; }
.components-rejoining-animation span[b-4cb6vsue0k] { width: 6px; height: 6px; border-radius: 50%; background: #7c193f; animation: reconnect-pulse-b-4cb6vsue0k 1.2s ease-in-out infinite; }
.components-rejoining-animation span:nth-child(2)[b-4cb6vsue0k] { animation-delay: .15s; background: #b39a6d; }
.components-rejoining-animation span:nth-child(3)[b-4cb6vsue0k] { animation-delay: .3s; }
@keyframes reconnect-pulse-b-4cb6vsue0k { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes reconnect-enter-b-4cb6vsue0k { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { #components-reconnect-modal[b-4cb6vsue0k] { padding: 26px 20px; } #reconnect-title[b-4cb6vsue0k] { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { #components-reconnect-modal[open][b-4cb6vsue0k], .components-rejoining-animation span[b-4cb6vsue0k] { animation: none; } }
/* /Components/Pages/Admin/AIManagement.razor.rz.scp.css */
.ai-management[b-dvi5odm07p] { max-width: 1280px; margin-inline: auto; }
.ai-management[b-dvi5odm07p] { width:100%; }
.management-header[b-dvi5odm07p] { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-block:12px 24px; }
.management-header h1[b-dvi5odm07p] { margin:8px 0; font-size:28px; }.management-header p[b-dvi5odm07p],.muted[b-dvi5odm07p] {color:var(--pioneers-muted);font-size:13px;line-height:1.8}.eyebrow[b-dvi5odm07p] {font-size:11px;letter-spacing:2px;color:#947e57}.management-header a[b-dvi5odm07p] {white-space:nowrap}
.metrics[b-dvi5odm07p] {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article[b-dvi5odm07p] {border:1px solid #e6e0d7;border-radius:16px;background:#fff;padding:20px}.metrics small[b-dvi5odm07p] {display:block;color:#7b756e}.metrics strong[b-dvi5odm07p] {display:block;font-size:27px;margin-top:10px;color:#7b173b}
.management-tabs[b-dvi5odm07p] {display:flex;gap:6px;border-bottom:1px solid #e6e0d7;margin-block:24px 20px;overflow:auto}.management-tabs button[b-dvi5odm07p] {display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:14px 18px;color:#746e66;white-space:nowrap;border-bottom:3px solid transparent}.management-tabs .selected[b-dvi5odm07p] {color:#7b173b;border-color:#7b173b;font-weight:700}
.ai-management fieldset[b-dvi5odm07p] {border:0;padding:0;min-width:0}.management-card[b-dvi5odm07p] {background:#fff;border:1px solid #e6e0d7;border-radius:18px;padding:24px;margin-bottom:18px}.management-card h2[b-dvi5odm07p] {font-size:20px;margin-bottom:20px}.management-card h3[b-dvi5odm07p] {font-size:16px;margin-top:24px}.management-card>label[b-dvi5odm07p] {display:block;margin-block:14px}.management-card label>input:not([type=checkbox])[b-dvi5odm07p],.management-card label>textarea[b-dvi5odm07p],.management-card label>select[b-dvi5odm07p] {margin-top:8px}.management-card button[b-dvi5odm07p] {margin:6px 0;margin-inline-end:8px}.management-card textarea[b-dvi5odm07p] {width:100%}.setting[b-dvi5odm07p] {display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid #eee}.setting small[b-dvi5odm07p] {display:block;max-width:700px;color:#7b756e;font-size:12px;margin-top:6px}.setting input[b-dvi5odm07p] {width:20px;height:20px;accent-color:#7b173b;flex-shrink:0}.master[b-dvi5odm07p] {background:#faf7f1;border-radius:12px;padding:18px!important}.channel-options[b-dvi5odm07p] {display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.channel-options label[b-dvi5odm07p] {font-size:13px}
.schedule-row[b-dvi5odm07p] {display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:center;margin:12px 0}.schedule-row.exception[b-dvi5odm07p] {grid-template-columns:2fr 1fr 1fr 1fr auto}.training-grid[b-dvi5odm07p] {display:grid;grid-template-columns:1fr 1fr;gap:18px}.source-item[b-dvi5odm07p] {border-top:1px solid #eee;padding:18px 0}.source-item strong[b-dvi5odm07p] {display:block}.status[b-dvi5odm07p] {display:inline-block;padding:4px 9px;font-size:11px;border-radius:8px;background:#f3eee4;color:#76603c;margin-block:8px}.actions[b-dvi5odm07p] {display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-item p[b-dvi5odm07p] {font-size:13px;white-space:pre-wrap}.reply-text[b-dvi5odm07p] {max-height:160px;overflow:auto}.notice[b-dvi5odm07p] {border:1px solid #ddc99e;background:#fffbef;padding:16px;border-radius:12px;margin-block:14px;font-size:13px;line-height:1.8}.notice.error[b-dvi5odm07p] {background:#fff1f2;border-color:#f0c4cd;color:#a02a41}
.classification-grid[b-dvi5odm07p] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 22px}.classification-option[b-dvi5odm07p] {display:flex;align-items:flex-start;gap:12px;border:1px solid #e6e0d7;border-radius:14px;padding:16px;background:#fff}.classification-option:has(input:checked)[b-dvi5odm07p] {border-color:#b98aa0;background:#fcf7f9}.classification-option input[b-dvi5odm07p] {width:19px;height:19px;margin-top:2px;accent-color:#7b173b}.classification-option span[b-dvi5odm07p] {display:block}.classification-option strong[b-dvi5odm07p] {display:block}.classification-option small[b-dvi5odm07p] {display:block;color:#7b756e;font-size:12px;line-height:1.65;margin-top:5px}
@media(max-width:760px){.management-header[b-dvi5odm07p]{align-items:start;flex-direction:column}.metrics[b-dvi5odm07p]{grid-template-columns:1fr 1fr}.training-grid[b-dvi5odm07p],.classification-grid[b-dvi5odm07p]{grid-template-columns:1fr}.management-card[b-dvi5odm07p]{padding:16px}.schedule-row[b-dvi5odm07p],.schedule-row.exception[b-dvi5odm07p]{grid-template-columns:1fr 1fr}.management-tabs button[b-dvi5odm07p]{padding:12px}.management-header h1[b-dvi5odm07p]{font-size:24px}}

/* Clear, responsive management surfaces. */
.management-header[b-dvi5odm07p] { align-items:flex-start; padding-bottom:24px; border-bottom:1px solid #e1e7ef; }
.metrics[b-dvi5odm07p] { gap:12px; }
.metrics article[b-dvi5odm07p] { padding:18px 20px; border-color:#e0e6ef; border-radius:14px; background:linear-gradient(145deg,#fff,#f8faff); }
.metrics strong[b-dvi5odm07p] { font-size:25px; color:#303b4c; font-variant-numeric:tabular-nums; }
.metrics small[b-dvi5odm07p] { font-size:12px; color:#68778b; }
.management-tabs[b-dvi5odm07p] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; border:0; overflow:visible; margin-block:28px; }
.management-tabs button[b-dvi5odm07p] { min-width:0; white-space:normal; text-align:start; border:1px solid #e0e6ef; border-radius:12px; padding:16px; background:#fff; color:#58677b; cursor:pointer; min-height:56px; }
.management-tabs button:hover[b-dvi5odm07p] { background:#f5f8ff; border-color:#b4c7e8; }
.management-tabs .selected[b-dvi5odm07p] { background:#edf3ff; color:#246bff; border-color:#9cbbf5; box-shadow:inset 0 0 0 1px #c4d6fc; }
.management-card[b-dvi5odm07p] { border-color:#e0e6ef; padding:28px; margin-bottom:24px; }
.management-card h2[b-dvi5odm07p] { margin:0 0 20px; line-height:1.6; }
.management-card h3[b-dvi5odm07p] { padding-top:22px; border-top:1px solid #e6ebf2; margin:28px 0 16px; }
.management-card > label:not(.setting)[b-dvi5odm07p],.source-editor label[b-dvi5odm07p] { display:grid; gap:8px; margin:20px 0; font-size:14px; font-weight:500; line-height:1.8; }
.management-card label > :is(input:not([type=checkbox]),textarea,select)[b-dvi5odm07p],.source-editor label > :is(input,textarea)[b-dvi5odm07p] { margin:0; min-width:0; width:100%; }
.management-card :is(input,select,textarea):focus-visible[b-dvi5odm07p],.source-editor :is(input,textarea):focus-visible[b-dvi5odm07p],.management-tabs button:focus-visible[b-dvi5odm07p] { outline:2px solid #246bff; outline-offset:3px; }
.management-card > button[b-dvi5odm07p] { min-height:44px; margin-block:16px 8px; }
.permissions-grid[b-dvi5odm07p] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-block:20px; }
.setting[b-dvi5odm07p] { margin:0; border:1px solid #e1e7ef; border-radius:12px; padding:18px; line-height:1.8; font-size:14px; cursor:pointer; }
.setting:has(input:checked)[b-dvi5odm07p] { background:#f6f9ff; border-color:#bed0ee; }
.setting.master[b-dvi5odm07p] { background:linear-gradient(120deg,#edf3ff,#faf4f7); padding:22px!important; border:1px solid #dce4f1; }
.setting small[b-dvi5odm07p] { line-height:1.8; }
.channel-options[b-dvi5odm07p] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-block:20px 28px; }
.channel-options label[b-dvi5odm07p] { display:flex; align-items:center; gap:10px; min-width:0; overflow-wrap:anywhere; padding:12px; border:1px solid #e1e7ef; border-radius:10px; cursor:pointer; }
.channel-options label:has(input:checked)[b-dvi5odm07p] { background:#edf3ff; border-color:#a8c3f4; }
.channel-options input[b-dvi5odm07p],.classification-option input[b-dvi5odm07p] { flex-shrink:0; width:18px; height:18px; accent-color:#246bff; }
.training-grid[b-dvi5odm07p] { display:block; }
.library-toolbar[b-dvi5odm07p] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:28px 0 16px; color:#68778b; font-size:13px; }
.source-editor[b-dvi5odm07p] { max-width:680px; }
.source-editor h2[b-dvi5odm07p] { font-size:20px; margin:0; }
.source-editor .modal-footer[b-dvi5odm07p] { gap:12px; }
.source-item[b-dvi5odm07p] { border:1px solid #e3e8ef; border-radius:12px; padding:20px; margin-block:12px; overflow-wrap:anywhere; }
.source-item button[b-dvi5odm07p] { min-height:40px; }
.source-item .actions[b-dvi5odm07p] { gap:10px; }
.status[b-dvi5odm07p] { background:#eef3fb; color:#526986; }
.schedule-row[b-dvi5odm07p],.schedule-row.exception[b-dvi5odm07p] { padding:18px; border:1px solid #e1e7ef; border-radius:12px; background:#f9fbff; align-items:end; grid-template-columns:1.5fr 1fr 1fr auto; gap:14px; }
.schedule-row.exception[b-dvi5odm07p] { grid-template-columns:1.5fr auto 1fr 1fr auto; }
.schedule-row label[b-dvi5odm07p] { display:grid; gap:8px; font-size:12px; min-width:0; margin:0; }
.schedule-row .closed-option[b-dvi5odm07p] { display:flex; align-items:center; gap:8px; min-height:44px; }
.schedule-row button[b-dvi5odm07p] { margin:0; min-height:44px; }
.schedule-row input[b-dvi5odm07p] { min-width:0; }
.empty-panel[b-dvi5odm07p] { border:1px dashed #ccd7e6; background:#f8faff; padding:24px; border-radius:12px; color:#68778b; line-height:1.8; }
.classification-option:has(input:disabled)[b-dvi5odm07p] { opacity:.6; }
@media(max-width:1000px) { .schedule-row.exception[b-dvi5odm07p] { grid-template-columns:repeat(2,minmax(0,1fr)); } .channel-options[b-dvi5odm07p] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .management-tabs[b-dvi5odm07p] { grid-template-columns:repeat(2,minmax(0,1fr)); } .management-tabs button[b-dvi5odm07p] { padding:12px; font-size:12px; gap:8px; } .management-card[b-dvi5odm07p] { padding:18px; } .permissions-grid[b-dvi5odm07p] { grid-template-columns:1fr; } .metrics article[b-dvi5odm07p] { padding:14px; } .metrics strong[b-dvi5odm07p] { font-size:22px; } .schedule-row[b-dvi5odm07p] { grid-template-columns:repeat(2,minmax(0,1fr)); } .library-toolbar[b-dvi5odm07p] { flex-wrap:wrap; } .channel-options[b-dvi5odm07p] { grid-template-columns:1fr; } }
/* /Components/Pages/Admin/AISettings.razor.rz.scp.css */
.ai-fieldset[b-gttyarc0k9] { border: 0; padding: 0; margin: 0; min-width: 0; }
.ai-columns[b-gttyarc0k9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ai-section[b-gttyarc0k9] { padding: 24px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ai-section h2[b-gttyarc0k9] { font-size: 19px; margin: 0; }
.ai-section h3[b-gttyarc0k9] { font-size: 16px; margin: 0; }
.ai-section label[b-gttyarc0k9] { font-weight: 600; }
.ai-section small[b-gttyarc0k9] { line-height: 1.7; }
.ai-check[b-gttyarc0k9] { display: flex; align-items: center; gap: 8px; }
.ai-actions[b-gttyarc0k9] { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 16px; }
.ai-notice[b-gttyarc0k9] { padding: 16px; margin-block-end: 20px; border: 1px solid var(--pioneers-border); border-inline-start: 4px solid var(--pioneers-bronze); background: var(--pioneers-surface); border-radius: 8px; }
.ai-notice p[b-gttyarc0k9] { margin: 8px 0 0; }
.ai-section-heading[b-gttyarc0k9] { display: flex; align-items: flex-start; gap: 16px; justify-content: space-between; }
.ai-section-heading .badge-pioneers[b-gttyarc0k9] { white-space: nowrap; }
.ai-editor[b-gttyarc0k9] { display: flex; flex-direction: column; gap: 12px; }
.ai-source-list[b-gttyarc0k9] { display: flex; flex-direction: column; gap: 16px; }
.ai-source[b-gttyarc0k9] { padding: 16px; border: 1px solid var(--pioneers-border); border-radius: 8px; overflow-wrap: anywhere; }
.ai-source h3[b-gttyarc0k9], .ai-source details[b-gttyarc0k9] { margin-block-end: 12px; }
.ai-source summary[b-gttyarc0k9] { cursor: pointer; margin-block: 12px; }
.ai-source-text[b-gttyarc0k9] { white-space: pre-wrap; max-height: 360px; overflow: auto; }
.ai-control textarea[b-gttyarc0k9] { resize: vertical; }
@media (max-width: 850px) { .ai-columns[b-gttyarc0k9] { grid-template-columns: 1fr; } .ai-section[b-gttyarc0k9] { padding: 16px; } .ai-section-heading[b-gttyarc0k9] { flex-wrap: wrap; } }
.ai-diagnostics[b-gttyarc0k9] { margin-block-end: 24px; }
.ai-test-status[b-gttyarc0k9] { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--pioneers-border); border-inline-start-width: 4px; border-radius: 8px; }
.ai-test-status[data-state="success"][b-gttyarc0k9] { border-inline-start-color: #287547; background: #f1f8f3; }
.ai-test-status[data-state="failed"][b-gttyarc0k9] { border-inline-start-color: #a51d24; background: #fdf0f0; }
.ai-test-status[data-state="running"][b-gttyarc0k9] { border-inline-start-color: var(--pioneers-bronze); }
.ai-test-status p[b-gttyarc0k9] { margin: 0; overflow-wrap: anywhere; }
/* /Components/Pages/Admin/Channels.razor.rz.scp.css */
.channels-page[b-rc8rpb9kfc] { background: #fff; padding: 28px 32px 48px; }
.channel-toolbar[b-rc8rpb9kfc] { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-block: 28px; }
.channel-toolbar[b-rc8rpb9kfc]  .page-search { width: min(340px, 45%); margin: 0; }
.catalog-caption[b-rc8rpb9kfc] { margin: 34px 0 20px; }
.catalog-caption h2[b-rc8rpb9kfc] { font-size: 17px; margin-bottom: 5px; }
.catalog-caption p[b-rc8rpb9kfc], .channel-status-note[b-rc8rpb9kfc] { color: #728096; font-size: 13px; }
.channel-catalog[b-rc8rpb9kfc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.channel-catalog-card[b-rc8rpb9kfc] { display: flex; flex-direction: column; min-height: 262px; padding: 24px 22px 16px; border: 1px solid #dce1e7; border-radius: 12px; background: linear-gradient(135deg, #fff 25%, var(--channel-tint)); }
.catalog-card-heading[b-rc8rpb9kfc] { display: flex; align-items: flex-start; gap: 16px; justify-content: space-between; }
.catalog-card-heading h3[b-rc8rpb9kfc] { font-size: 20px; line-height: 1.4; overflow-wrap: anywhere; }
.channel-catalog-card > p[b-rc8rpb9kfc] { font-size: 14px; color: #6c7a8c; line-height: 1.85; padding-block: 14px 25px; }
.channel-catalog-card footer[b-rc8rpb9kfc] { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #dce1e7; padding-top: 12px; }
.channel-catalog-card footer > span[b-rc8rpb9kfc] { color: #5e758c; font-size: 11px; }
.channel-back[b-rc8rpb9kfc] { border: 0; background: none; color: #2369e8; padding: 10px 0; margin-bottom: 18px; font: inherit; cursor: pointer; }
.channel-setup-layout[b-rc8rpb9kfc] { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 32px; align-items: start; margin-bottom: 30px; }
.channel-intro[b-rc8rpb9kfc] { padding: 24px; background: #f7f9fc; border-radius: 12px; }
.channel-intro h2[b-rc8rpb9kfc] { font-size: 23px; line-height: 1.45; margin: 20px 0 12px; }
.channel-intro p[b-rc8rpb9kfc], .channel-intro li[b-rc8rpb9kfc] { color: #6c7a8c; line-height: 1.9; font-size: 13px; }
.channel-intro ol[b-rc8rpb9kfc] { padding-inline-start: 20px; margin-block: 24px; }
.channel-intro li[b-rc8rpb9kfc] { margin-bottom: 12px; }
.channel-intro a[b-rc8rpb9kfc] { font-size: 13px; }
.channel-setup-form[b-rc8rpb9kfc] { min-width: 0; }
.channel-setup-form > .pioneers-card[b-rc8rpb9kfc] { padding: 28px; border-radius: 12px; box-shadow: none; }
.channel-setup-form h2[b-rc8rpb9kfc] { margin-bottom: 10px; }
.channel-setup-form p[b-rc8rpb9kfc] { line-height: 1.8; color: #6c7a8c; font-size: 13px; margin-bottom: 22px; }
.channel-setup-form label[b-rc8rpb9kfc] { display: grid; gap: 7px; font-size: 13px; font-weight: 500; }
.channel-setup-form input[b-rc8rpb9kfc] { direction: ltr; text-align: left; }
.channel-setup-form button[b-rc8rpb9kfc] { margin-top: 8px; }
.connected-grid[b-rc8rpb9kfc] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 18px; margin-top: 20px; }
.connected-grid .pioneers-card[b-rc8rpb9kfc] { min-width: 0; overflow-wrap: anywhere; }
.connected-grid .channel-pause-button[b-rc8rpb9kfc] { color: #fff; background: #b42318; border-color: #b42318; }
.connected-grid .channel-pause-button:hover:not(:disabled)[b-rc8rpb9kfc] { color: #fff; background: #912018; border-color: #912018; }
.connected-grid .channel-pause-button:focus-visible[b-rc8rpb9kfc] { outline: 3px solid #fda29b; outline-offset: 3px; }
@media (min-width: 1700px) { .channel-catalog[b-rc8rpb9kfc] { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 1100px) { .channel-setup-layout[b-rc8rpb9kfc] { grid-template-columns: 1fr; } .channel-intro[b-rc8rpb9kfc] { display: none; } }
@media (max-width: 640px) { .channels-page[b-rc8rpb9kfc] { padding: 20px 16px; } .channel-toolbar[b-rc8rpb9kfc] { flex-direction: column; align-items: stretch; gap: 14px; } .channel-toolbar[b-rc8rpb9kfc]  .page-search { width: 100%; } .channel-catalog[b-rc8rpb9kfc] { grid-template-columns: 1fr; } .channel-setup-form > .pioneers-card[b-rc8rpb9kfc] { padding: 18px; } }
.connection-steps[b-rc8rpb9kfc] { display:flex; gap:12px; padding:0; margin:0 0 24px; list-style:none; }
.connection-steps li[b-rc8rpb9kfc] { display:flex; align-items:center; gap:10px; flex:1; padding:14px; border:1px solid #e1e7ef; border-radius:12px; font-size:13px; color:#69798e; }
.connection-steps li span[b-rc8rpb9kfc] { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#eef2f7; flex-shrink:0; }
.connection-steps .current[b-rc8rpb9kfc] { background:#edf3ff; color:#246bff; border-color:#a8c3f4; }
.connection-steps .complete[b-rc8rpb9kfc] { color:#167145; background:#eefaf3; border-color:#bce5ca; }
.channel-setup-form .readiness-option[b-rc8rpb9kfc] { display:flex; align-items:flex-start; gap:12px; padding:18px; margin:16px 0; border:1px solid #dfe6ef; border-radius:12px; line-height:1.8; cursor:pointer; }
.readiness-option input[b-rc8rpb9kfc] { width:18px; height:18px; flex-shrink:0; margin-top:4px; accent-color:#246bff; }
.readiness-option:has(input:checked)[b-rc8rpb9kfc] { background:#f1f6ff; border-color:#a8c3f4; }
.setup-help[b-rc8rpb9kfc] { padding:18px; background:#f3f7fe; border-radius:12px; line-height:1.9; color:#64748b; font-size:13px; margin:20px 0; }
.webhook-card label[b-rc8rpb9kfc] { margin:20px 0; }
.setup-actions[b-rc8rpb9kfc] { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.channel-setup-form .receive-status[b-rc8rpb9kfc] { padding:12px 16px; border:1px solid #dce5f2; border-radius:10px; color:#354965; }
.channel-toolbar .surface-tabs[b-rc8rpb9kfc] { align-items:center; border:0; gap:20px; overflow:visible; }
.channel-toolbar .surface-tabs > a[b-rc8rpb9kfc] { text-decoration:none; white-space:nowrap; }
@media(max-width:640px) { .connection-steps[b-rc8rpb9kfc] { gap:6px; } .connection-steps li[b-rc8rpb9kfc] { flex-direction:column; font-size:11px; padding:10px 5px; text-align:center; } }
/* /Components/Pages/Admin/DataCollection.razor.rz.scp.css */
.forms-studio[b-7ycp52noxi] { background:#f7f9fc; color:#25334a; }
.studio-scroll[b-7ycp52noxi] { padding:32px clamp(20px,3vw,48px); }
.studio-container[b-7ycp52noxi] { max-width:1200px; margin-inline:auto; }
.studio-header[b-7ycp52noxi] { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.eyebrow[b-7ycp52noxi] { display:block; font-size:11px; font-weight:700; letter-spacing:.04em; color:#617698; margin-bottom:8px; }
h1[b-7ycp52noxi] { font-size:28px; font-weight:750; line-height:1.4; margin:0 0 8px; overflow-wrap:anywhere; }
.studio-header p[b-7ycp52noxi],.section-intro p[b-7ycp52noxi] { margin:0; color:#738098; font-size:14px; line-height:1.9; }
.studio-header-actions[b-7ycp52noxi],.footer-buttons[b-7ycp52noxi] { display:flex; gap:10px; flex-shrink:0; }
.forms-studio[b-7ycp52noxi]  button { font-family:inherit; }
.forms-studio[b-7ycp52noxi]  .btn-pioneers-primary,.forms-studio[b-7ycp52noxi]  .btn-pioneers-secondary { display:inline-flex; gap:8px; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; font-size:13px; border-radius:10px; white-space:normal; }
.forms-studio[b-7ycp52noxi]  button:focus-visible,.forms-studio[b-7ycp52noxi]  summary:focus-visible { outline:3px solid #9bbfff; outline-offset:3px; }
.back-link[b-7ycp52noxi] { background:none; border:0; color:#466593; padding:0; margin-bottom:18px; font-size:12px; cursor:pointer; }
.library-stats[b-7ycp52noxi] { display:flex; gap:28px; align-items:center; border-bottom:1px solid #e4eaf3; padding:0 0 20px; font-size:12px; color:#76849a; }
.library-stats > span[b-7ycp52noxi] { display:flex; align-items:center; gap:8px; }
.library-stats strong[b-7ycp52noxi] { font-size:19px; color:#2c3d57; }
.status-dot[b-7ycp52noxi] { width:7px; height:7px; border-radius:50%; background:#23a478; }
.library-empty[b-7ycp52noxi] { text-align:center; max-width:760px; margin:36px auto 10px; }
.library-empty h2[b-7ycp52noxi] { font-size:24px; margin:0 0 12px; }
.library-empty > p[b-7ycp52noxi] { max-width:500px; margin:0 auto 28px; color:#758299; font-size:14px; line-height:1.9; }
.library-empty > small[b-7ycp52noxi] { display:block; color:#7b889d; font-size:12px; margin-top:22px; }
.empty-illustration[b-7ycp52noxi] { width:120px; height:115px; margin:0 auto 14px; position:relative; background:radial-gradient(ellipse,#e7efff 60%,transparent 62%); }
.mini-form[b-7ycp52noxi] { position:absolute; top:9px; right:27px; width:68px; height:88px; background:#fff; border:1px solid #d1def4; box-shadow:0 8px 18px #4169a512; border-radius:10px; transform:rotate(-8deg); padding:15px 10px; }
.mini-form i[b-7ycp52noxi],.mini-form b[b-7ycp52noxi] { display:block; background:#eaf0fa; height:12px; margin-bottom:7px; border-radius:3px; }
.mini-form i[b-7ycp52noxi] { height:5px; background:#6c99f7; width:60%; }
.mini-form em[b-7ycp52noxi] { position:absolute; bottom:-8px; left:-12px; border-radius:50%; border:4px solid #f7f9fc; background:#2c75ff; color:#fff; width:32px; height:32px; font-style:normal; }
.mini-bubble[b-7ycp52noxi] { position:absolute; right:4px; top:25px; border-radius:9px 9px 0; padding:0 9px; color:#748dc5; background:#dee9ff; }
.creation-choices[b-7ycp52noxi] { display:grid; grid-template-columns:1fr 1fr; gap:18px; text-align:start; }
.creation-choice[b-7ycp52noxi] { display:grid; gap:12px; text-align:start; padding:26px; border:1px solid #dde5f0; border-radius:16px; background:#fff; cursor:pointer; color:inherit; transition:border-color .15s,box-shadow .15s; }
.creation-choice:hover[b-7ycp52noxi],.form-tile:hover[b-7ycp52noxi] { border-color:#8eb4fc; box-shadow:0 8px 24px #34649d0d; }
.choice-icon[b-7ycp52noxi],.guide-icon[b-7ycp52noxi] { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; color:#3777df; border-radius:12px; background:#edf4ff; }
.choice-icon.violet[b-7ycp52noxi] { background:#f1edff; color:#7962bc; }
.creation-choice strong[b-7ycp52noxi] { font-size:17px; }.creation-choice > span:not(.choice-icon)[b-7ycp52noxi] { font-size:13px; color:#78849a; line-height:1.8; }.creation-choice b[b-7ycp52noxi] { color:#3476e3; font-size:12px; margin-top:6px; }
.library-toolbar[b-7ycp52noxi] { display:flex; gap:14px; margin:24px 0; }
.search-field[b-7ycp52noxi] { display:flex; gap:10px; align-items:center; background:#fff; border:1px solid #dce4ee; border-radius:10px; padding:0 14px; color:#8693a8; flex:1; max-width:450px; }
.search-field input[b-7ycp52noxi] { width:100%; min-width:0; border:0; outline:0; background:none; min-height:44px; font:inherit; font-size:13px; }
.search-field:focus-within[b-7ycp52noxi] { outline:2px solid #8eb4fc; }.forms-studio .status-filter[b-7ycp52noxi] { max-width:180px; margin:0; }
.form-library[b-7ycp52noxi] { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.form-tile[b-7ycp52noxi] { padding:22px; border-radius:14px; border:1px solid #e0e7f0; background:#fff; text-align:start; color:inherit; cursor:pointer; min-width:0; }
.tile-top[b-7ycp52noxi],.tile-bottom[b-7ycp52noxi] { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.form-tile h2[b-7ycp52noxi] { font-size:17px; margin:20px 0 8px; overflow-wrap:anywhere; }.form-tile p[b-7ycp52noxi] { color:#78869a; font-size:13px; line-height:1.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:48px; }
.tile-meta[b-7ycp52noxi] { display:flex; flex-wrap:wrap; gap:8px; font-size:11px; color:#657a95; }.tile-meta span[b-7ycp52noxi] { background:#f6f8fc; border-radius:5px; padding:4px 8px; }.tile-bottom[b-7ycp52noxi] { border-top:1px solid #eef1f6; padding-top:16px; margin-top:18px; font-size:12px; color:#4c77b7; }
.status-pill[b-7ycp52noxi] { display:inline-flex; flex-shrink:0; padding:5px 10px; border-radius:6px; background:#edf1f6; color:#69778d; font-size:11px; font-weight:600; }.status-pill.published[b-7ycp52noxi] { background:#e6f5ed; color:#298661; }
.editor-tabs[b-7ycp52noxi] { display:flex; gap:24px; border-bottom:1px solid #dce4ef; margin-bottom:28px; overflow-x:auto; }
.editor-tabs button[b-7ycp52noxi] { flex-shrink:0; display:flex; align-items:center; gap:8px; padding:14px 4px; color:#78869a; font-weight:600; font-size:13px; border:0; border-bottom:3px solid transparent; background:transparent; cursor:pointer; }.editor-tabs button span[b-7ycp52noxi] { border-radius:6px; background:#eaf0f7; font-size:11px; width:23px; height:23px; display:grid; place-items:center; }.editor-tabs .active[b-7ycp52noxi] { border-bottom-color:#3479ee; color:#246ee6; }.editor-tabs .active span[b-7ycp52noxi] { background:#e1edff; }
.editor-body[b-7ycp52noxi] { padding:0; margin:0; min-width:0; }.editor-section[hidden][b-7ycp52noxi] { display:none; }.section-intro[b-7ycp52noxi] { margin-bottom:22px; }.section-intro h2[b-7ycp52noxi] { font-size:19px; margin:0 0 6px; }
.editor-grid[b-7ycp52noxi],.import-layout[b-7ycp52noxi] { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:24px; align-items:start; }
.studio-card[b-7ycp52noxi] { background:#fff; border:1px solid #e1e7f0; border-radius:14px; padding:28px; min-width:0; }
.forms-studio[b-7ycp52noxi]  label:not(.publish-toggle):not(.search-field):not(.destination-choice) { display:block; font-size:13px; color:#43536c; font-weight:600; margin:20px 0 8px; }
.studio-card > label:first-child[b-7ycp52noxi] { margin-top:0 !important; }
.forms-studio[b-7ycp52noxi]  .pioneers-input { width:100%; max-width:none; border:1px solid #dce4ee; border-radius:9px; background:#fff; font-size:13px; min-height:44px; padding:11px 13px; color:#2d4059; font-family:inherit; }
.forms-studio[b-7ycp52noxi]  label > .pioneers-input { margin-top:8px; }
.forms-studio[b-7ycp52noxi]  textarea { resize:vertical; line-height:1.9; }
.forms-studio[b-7ycp52noxi]  .pioneers-input:focus { border-color:#78a8fc; outline:3px solid #edf4ff; box-shadow:none; }
.forms-studio[b-7ycp52noxi]  input[type=checkbox],.forms-studio[b-7ycp52noxi]  input[type=radio] { accent-color:#2f76f0; width:17px; height:17px; flex-shrink:0; }
.forms-studio[b-7ycp52noxi]  small { font-size:11px; color:#7c899b; line-height:1.8; }.required[b-7ycp52noxi] { color:#cd6370; }
.studio-guide[b-7ycp52noxi] { padding:22px; border-radius:14px; background:#edf3fc; color:#546c90; font-size:13px; line-height:1.9; }.studio-guide h2[b-7ycp52noxi],.studio-guide h3[b-7ycp52noxi] { color:#344e73; font-size:15px; margin:0 0 12px; }.studio-guide p[b-7ycp52noxi] { margin:8px 0 18px; }.guide-note[b-7ycp52noxi] { border-top:1px solid #dbe5f4; padding-top:16px; font-size:12px; }.studio-guide ol[b-7ycp52noxi] { padding-inline-start:20px; }.studio-guide li[b-7ycp52noxi] { padding-inline-start:4px; }.studio-guide .guide-icon[b-7ycp52noxi] { margin-bottom:18px; background:#fff; }
.destination-choices[b-7ycp52noxi] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.destination-choice[b-7ycp52noxi] { display:grid; grid-template-columns:20px 1fr; gap:6px 9px; padding:18px; border:1px solid #e0e6ee; border-radius:10px; cursor:pointer; }.destination-choice input[b-7ycp52noxi] { grid-row:span 2; margin-top:2px; }.destination-choice strong[b-7ycp52noxi] { font-size:13px; }.destination-choice span[b-7ycp52noxi] { font-size:11px; color:#8490a1; }.destination-choice.selected[b-7ycp52noxi] { background:#f3f7ff; border-color:#7ca7f6; }
.inline-link[b-7ycp52noxi] { display:inline-block; font-size:12px; margin-top:10px; }.mapping-box[b-7ycp52noxi] { border-top:1px solid #e9edf4; margin-top:24px; padding-top:22px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; }.mapping-box h3[b-7ycp52noxi] { font-size:14px; margin:0 0 8px; }.mapping-box p[b-7ycp52noxi] { font-size:12px; color:#7b8aa0; margin:0; line-height:1.9; }.mapping-box code[b-7ycp52noxi] { direction:ltr; display:inline-block; }
.forms-studio[b-7ycp52noxi]  pre { background:#17283f; color:#d4e3f8; padding:20px; border-radius:10px; overflow:auto; font-size:12px; max-height:360px; }
.advanced-options[b-7ycp52noxi] { border:1px solid #e2e8f1; border-radius:10px; padding:16px; margin-top:22px; }.advanced-options summary[b-7ycp52noxi] { cursor:pointer; font-size:12px; color:#566d90; }.advanced-options p[b-7ycp52noxi] { color:#7b869a; font-size:12px; }
.studio-footer[b-7ycp52noxi] { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:20px; padding:16px clamp(20px,3vw,48px); padding-bottom:max(16px,env(safe-area-inset-bottom)); border-top:1px solid #dde5f0; background:#fff; }
.publish-toggle[b-7ycp52noxi] { display:flex; align-items:center; gap:12px; margin:0; cursor:pointer; }.publish-toggle span[b-7ycp52noxi] { display:grid; gap:3px; }.publish-toggle strong[b-7ycp52noxi] { font-size:12px; }.publish-toggle small[b-7ycp52noxi] { font-size:11px; color:#8491a3; }
.studio-notice[b-7ycp52noxi] { padding:14px 18px; margin-bottom:20px; border-radius:10px; font-size:13px; line-height:1.8; }.studio-notice.error[b-7ycp52noxi] { background:#fff0f0; color:#a63b4a; border:1px solid #f4ccd1; }.studio-notice.success[b-7ycp52noxi] { background:#eaf7f0; color:#287750; border:1px solid #cdebdc; }.close-confirm[b-7ycp52noxi] { background:#fff7e8; color:#85622b; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }.close-confirm .back-link[b-7ycp52noxi] { margin:0; }
.compact-empty[b-7ycp52noxi] { display:grid; justify-items:center; gap:12px; background:#fff; border:1px dashed #d6e0ee; padding:56px 24px; border-radius:14px; text-align:center; }.compact-empty h2[b-7ycp52noxi],.compact-empty h3[b-7ycp52noxi] { margin:0; font-size:17px; }.compact-empty p[b-7ycp52noxi] { color:#8591a3; font-size:13px; margin:0; }
.count-badge[b-7ycp52noxi] { font-size:12px; background:#e6edf7; color:#647b9b; padding:3px 9px; border-radius:6px; }.submission-card[b-7ycp52noxi] { border:1px solid #e0e7f1; background:#fff; border-radius:12px; padding:20px; margin-bottom:12px; }.submission-card summary[b-7ycp52noxi] { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; cursor:pointer; }.submission-card[open] summary[b-7ycp52noxi] { margin-bottom:20px; }
@media(min-width:1600px) { .studio-scroll[b-7ycp52noxi] { padding-top:40px; } }
@media(max-width:1100px) { .editor-grid[b-7ycp52noxi],.import-layout[b-7ycp52noxi] { grid-template-columns:minmax(0,1fr); }.studio-guide[b-7ycp52noxi] { display:none; }.studio-header-actions[b-7ycp52noxi] { flex-wrap:wrap; justify-content:flex-end; } }
@media(max-width:640px) { .studio-scroll[b-7ycp52noxi] { padding:22px 16px; }.studio-header[b-7ycp52noxi] { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:22px; }h1[b-7ycp52noxi] { font-size:23px; }.studio-header p[b-7ycp52noxi] { font-size:12px; }.studio-header-actions[b-7ycp52noxi] { width:100%; flex-wrap:nowrap; }.studio-header-actions button[b-7ycp52noxi] { flex:1; padding-inline:10px !important; }.library-stats[b-7ycp52noxi] { gap:20px; }.library-empty[b-7ycp52noxi] { margin-top:26px; }.library-empty h2[b-7ycp52noxi] { font-size:20px; }.creation-choices[b-7ycp52noxi] { grid-template-columns:1fr; gap:12px; }.creation-choice[b-7ycp52noxi] { padding:20px; gap:9px; }.empty-illustration[b-7ycp52noxi] { height:100px; }.library-toolbar[b-7ycp52noxi] { gap:8px; }.forms-studio .status-filter[b-7ycp52noxi] { width:120px; }.editor-tabs[b-7ycp52noxi] { gap:12px; margin-bottom:22px; }.editor-tabs button[b-7ycp52noxi] { font-size:12px; gap:5px; }.editor-tabs button span[b-7ycp52noxi] { width:19px; height:19px; }.studio-card[b-7ycp52noxi] { padding:20px; }.destination-choices[b-7ycp52noxi] { grid-template-columns:1fr; }.studio-footer[b-7ycp52noxi] { flex-direction:column; align-items:stretch; gap:12px; padding:12px 16px; padding-bottom:max(12px,env(safe-area-inset-bottom)); }.footer-buttons[b-7ycp52noxi] { width:100%; }.footer-buttons button[b-7ycp52noxi] { flex:1; font-size:12px !important; }.publish-toggle[b-7ycp52noxi] { gap:9px; }.publish-toggle span[b-7ycp52noxi] { display:flex; flex-wrap:wrap; gap:4px 10px; }.section-intro h2[b-7ycp52noxi] { font-size:17px; }.section-intro p[b-7ycp52noxi] { font-size:12px; }.form-library[b-7ycp52noxi] { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { *[b-7ycp52noxi] { transition:none !important; } }
.footer-notice[b-7ycp52noxi] { flex:0 0 auto; padding:10px 24px; font-size:12px; line-height:1.8; border-top:1px solid #dde5f0; }.footer-notice.error[b-7ycp52noxi] { background:#fff0f0; color:#a63b4a; }.footer-notice.success[b-7ycp52noxi] { background:#eaf7f0; color:#287750; }

/* /Components/Pages/Admin/Integrations.razor.rz.scp.css */
.integration-page[b-mnw27sld02] { max-width: 1250px; margin-inline: auto; }
.integration-tabs[b-mnw27sld02],.button-row[b-mnw27sld02] { display:flex; flex-wrap:wrap; gap:12px; margin-block:16px; align-items:center; }
.integration-tabs a[b-mnw27sld02] { padding:10px 16px; border:1px solid #ccd5df; border-radius:10px; }
.integration-page fieldset[b-mnw27sld02] { border:0; padding:0; min-width:0; }
.integration-page section[b-mnw27sld02] { padding:24px; margin-block:24px; scroll-margin-top:90px; }
.integration-page h2[b-mnw27sld02] { margin-bottom:12px; }
.integration-page label[b-mnw27sld02] { display:grid; gap:8px; margin-block:18px; font-size:14px; font-weight:500; line-height:1.7; min-width:0; }
.integration-page label > .pioneers-input[b-mnw27sld02] { margin:0; width:100%; min-width:0; }
.integration-page label:has(> input[type=checkbox])[b-mnw27sld02] { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.integration-page input[type=checkbox][b-mnw27sld02] { width:18px; height:18px; flex:0 0 18px; margin:3px 0 0; accent-color:var(--pioneers-burgundy); }
.integration-page h1[b-mnw27sld02] { font-size:28px; margin-bottom:8px; }
.integration-page h2[b-mnw27sld02] { font-size:21px; }
.integration-page h3[b-mnw27sld02],.event-options legend[b-mnw27sld02] { font-size:16px; font-weight:600; margin:0 0 16px; }
.integration-page p[b-mnw27sld02] { line-height:1.85; color:var(--pioneers-muted); overflow-wrap:anywhere; }
.integration-page .form-section[b-mnw27sld02] { padding:24px 0; margin:0; border:0; border-bottom:1px solid #e4e9f1; }
.event-options legend[b-mnw27sld02] { float:inline-start; width:100%; padding:0; }
.event-options > p[b-mnw27sld02] { clear:both; }
.choice-grid[b-mnw27sld02] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.integration-page .choice-card[b-mnw27sld02] { padding:16px; margin:0; border:1px solid #dfe5ee; border-radius:12px; background:#f8faff; transition:background .15s,border-color .15s; }
.integration-page .choice-card:hover[b-mnw27sld02] { border-color:#a6bce4; }
.integration-page .choice-card:has(input:checked)[b-mnw27sld02] { background:#edf3ff; border-color:#7ca5f5; }
.integration-page .choice-card:focus-within[b-mnw27sld02] { outline:2px solid #246bff; outline-offset:2px; }
.choice-card span[b-mnw27sld02] { min-width:0; overflow-wrap:anywhere; }
.choice-card small[b-mnw27sld02] { display:block; font-size:12px; font-weight:400; color:var(--pioneers-muted); margin-top:4px; }
.form-actions[b-mnw27sld02] { display:flex; flex-wrap:wrap; gap:12px; padding-block:24px; }
.integration-page details[b-mnw27sld02] { border:1px solid #e1e7ef; border-radius:12px; padding:16px; margin-block:20px; }
.integration-page summary[b-mnw27sld02] { cursor:pointer; font-weight:500; line-height:1.7; }
.integration-page details[open] summary[b-mnw27sld02] { margin-bottom:16px; }
.integration-page .saved-heading[b-mnw27sld02] { margin-top:28px; }
.integration-page .table-scroll[b-mnw27sld02] { margin-top:24px; }
.integration-page td > button[b-mnw27sld02] { margin-block:4px; margin-inline-end:8px; }
.integration-grid[b-mnw27sld02] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; align-items:start; margin-block:24px; }
.integration-grid label[b-mnw27sld02] { margin:0; }
.integration-grid .wide[b-mnw27sld02] { grid-column:1/-1; }
.integration-page code[b-mnw27sld02] { display:block; white-space:pre-wrap; overflow-wrap:anywhere; padding:8px; text-align:left; }
.table-scroll[b-mnw27sld02] { overflow-x:auto; }
.secret-box[b-mnw27sld02] { padding:20px; border:2px solid #318280; border-radius:14px; }
@media(max-width:700px) { .integration-grid[b-mnw27sld02],.choice-grid[b-mnw27sld02] { grid-template-columns:1fr; } .integration-page section[b-mnw27sld02] { padding:18px; } .integration-page .form-section[b-mnw27sld02] { padding-block:20px; } .integration-tabs[b-mnw27sld02] { gap:8px; } .integration-tabs button[b-mnw27sld02] { flex:1 1 auto; } .form-actions button[b-mnw27sld02] { width:100%; } }
/* /Components/Pages/Admin/ProjectAgents.razor.rz.scp.css */
.agents-page[b-e1n7r782bk] { padding: 28px 32px 48px; }
.agent-fieldset[b-e1n7r782bk] { border: 0; min-width: 0; }
.agent-card-grid[b-e1n7r782bk] { display: grid; grid-template-columns: repeat(auto-fill, minmax(205px,1fr)); gap: 16px; margin-bottom: 24px; }
.agent-selection[b-e1n7r782bk] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; text-align: start; border: 1px solid #e1e5ed; border-radius: 12px; background: #fff; padding: 22px; font: inherit; color: #354357; cursor: pointer; }
.agent-selection:hover[b-e1n7r782bk], .agent-selection.selected[b-e1n7r782bk] { border-color: #809dff; background: #f9faff; }
.agent-selection strong[b-e1n7r782bk] { font-size: 17px; }
.agent-selection > span:not(.agent-card-icon)[b-e1n7r782bk] { color: #78879a; font-size: 12px; }
.agent-selection small[b-e1n7r782bk] { color: #3970da; }
.agent-card-icon[b-e1n7r782bk] { width: 44px; height: 44px; background: #efecff; color: #886ae2; border-radius: 12px; display: grid; place-items: center; }
.agent-editor[b-e1n7r782bk] { padding: 26px; max-width: 850px; }
.agent-editor > .surface-section-heading[b-e1n7r782bk] { margin-top: 0; }
.agent-editor label[b-e1n7r782bk] { display: block; margin: 18px 0 8px; font-size: 13px; }
.agent-editor textarea[b-e1n7r782bk] { min-height: 105px; }
.agent-editor > button[b-e1n7r782bk] { margin-block: 18px; }
.agent-editor p[b-e1n7r782bk] { font-size: 13px; line-height: 1.8; }
.agent-editor h3[b-e1n7r782bk] { margin-top: 28px; font-size: 17px; }
@media(max-width:640px) { .agents-page[b-e1n7r782bk] { padding: 20px 16px; } .agent-editor[b-e1n7r782bk] { padding: 18px; } }
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.project-settings[b-dhk67ut0ts] { padding: 0; margin-bottom: 24px; overflow: visible; }
.settings-heading[b-dhk67ut0ts] { padding: 24px 28px; border-bottom: 1px solid var(--pioneers-border); }
.settings-heading h2[b-dhk67ut0ts], .team-link h2[b-dhk67ut0ts] { margin: 0 0 8px; font-size: 1.2rem; }
.settings-heading p[b-dhk67ut0ts], .settings-actions p[b-dhk67ut0ts], .team-link p[b-dhk67ut0ts] { margin: 0; }
.settings-fields[b-dhk67ut0ts] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 28px; border: 0; min-width: 0; }
.settings-field[b-dhk67ut0ts] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.settings-field-wide[b-dhk67ut0ts] { grid-column: 1 / -1; }
.settings-field label[b-dhk67ut0ts] { margin: 0; font-weight: 600; }
.project-settings .settings-field .pioneers-input[b-dhk67ut0ts] { width: 100%; max-width: none; min-width: 0; margin: 0; }
.settings-field .form-help[b-dhk67ut0ts] { margin: 0; }
.settings-actions strong[b-dhk67ut0ts] { display: block; margin-bottom: 5px; }
.settings-actions .settings-save[b-dhk67ut0ts] { min-width: 170px; flex-shrink: 0; margin: 0; }
.team-link[b-dhk67ut0ts] { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding: 24px 28px; }
.team-link a[b-dhk67ut0ts] { display: block; overflow-wrap: anywhere; padding: 14px 16px; border: 1px solid var(--pioneers-border); border-radius: 10px; background: #f8fafc; text-align: start; }
@media (max-width: 640px) {
    .simple-admin .project-settings[b-dhk67ut0ts] { padding: 0 !important; }
    .settings-fields[b-dhk67ut0ts] { grid-template-columns: minmax(0, 1fr); padding: 20px; }
    .settings-heading[b-dhk67ut0ts], .team-link[b-dhk67ut0ts] { padding: 20px; }
    .settings-save[b-dhk67ut0ts] { width: 100%; }
}
/* /Components/Pages/AIAdoption.razor.rz.scp.css */
.adoption[b-ygbgn336rc] { max-width:1120px; margin:auto; padding:36px 24px 20px; color:#302b26; }
.adoption a[b-ygbgn336rc] {text-decoration:none;color:inherit}.adoption a:focus-visible[b-ygbgn336rc] {outline:3px solid #b39a6d;outline-offset:5px}.back[b-ygbgn336rc] {font-size:12px;color:#897b69!important}
header[b-ygbgn336rc] {max-width:720px;padding-block:48px 38px}.eyebrow[b-ygbgn336rc] {font-size:11px;letter-spacing:2px;color:#9a8057}h1[b-ygbgn336rc] {font-size:clamp(30px,4vw,48px);line-height:1.4;margin:16px 0}header p[b-ygbgn336rc] {font-size:17px;line-height:1.9;color:#746b5e;max-width:620px}
.steps[b-ygbgn336rc] {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article[b-ygbgn336rc] {position:relative;padding:26px;border:1px solid #e6ded0;border-radius:18px;background:#fffdfa}.step-icon[b-ygbgn336rc] {display:inline-flex;padding:12px;background:#f3ece1;color:#7c193f;border-radius:14px}.steps small[b-ygbgn336rc] {position:absolute;inset-inline-end:24px;top:34px;color:#ab987b;font-size:12px}.steps h2[b-ygbgn336rc] {font-size:21px;margin:22px 0 10px}.steps p[b-ygbgn336rc] {font-size:14px;line-height:1.9;color:#746b5e;margin:0}
.next[b-ygbgn336rc] {display:flex;align-items:center;justify-content:space-between;gap:24px;background:#651331;color:#fff7ed;border-radius:18px;padding:28px 32px;margin-top:30px}.next h2[b-ygbgn336rc] {font-size:23px;margin:0 0 8px}.next p[b-ygbgn336rc] {font-size:13px;color:#e0c8d2;margin:0;line-height:1.8}.next a[b-ygbgn336rc] {display:inline-flex;align-items:center;gap:22px;padding:13px 20px;background:#fff7ed;color:#651331;border-radius:10px;white-space:nowrap;font-size:14px;font-weight:600}
footer[b-ygbgn336rc] {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px;font-size:12px;color:#8c7c64}
@media(max-width:700px){header[b-ygbgn336rc]{padding-block:32px 24px}.steps[b-ygbgn336rc]{grid-template-columns:1fr}.steps article[b-ygbgn336rc]{padding:20px}.steps h2[b-ygbgn336rc]{margin-top:14px}.next[b-ygbgn336rc]{align-items:start;flex-direction:column;padding:24px}.adoption[b-ygbgn336rc]{padding-inline:18px}}
/* /Components/Pages/DataDeletion.razor.rz.scp.css */
.legal-page[b-cf70n5s6z1] { max-width: 850px; margin: 0 auto; padding: 48px 24px 64px; color: #243247; line-height: 1.95; overflow-wrap: anywhere; }
.legal-page nav[b-cf70n5s6z1], .legal-page footer[b-cf70n5s6z1] { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; }
.legal-page header[b-cf70n5s6z1] { padding: 28px 0; border-bottom: 1px solid #dce3ef; margin-bottom: 32px; }
.legal-page h1[b-cf70n5s6z1] { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.4; margin: 12px 0; }
.legal-page h2[b-cf70n5s6z1] { font-size: 1.35rem; line-height: 1.6; margin: 0 0 12px; }
.legal-page section[b-cf70n5s6z1] { margin-bottom: 32px; }
.legal-page p[b-cf70n5s6z1], .legal-page li[b-cf70n5s6z1] { margin-bottom: 12px; }
.legal-page a[b-cf70n5s6z1] { color: #1758c7; text-decoration: underline; text-underline-offset: 4px; }
.legal-page a:focus-visible[b-cf70n5s6z1] { outline: 3px solid #1758c7; outline-offset: 4px; }
.legal-brand[b-cf70n5s6z1] { color: #66728a; }
.legal-page footer[b-cf70n5s6z1] { border-top: 1px solid #dce3ef; padding-top: 24px; justify-content: space-between; }

/* /Components/Pages/GetStarted.razor.rz.scp.css */
.onboarding-page[b-ucq8nfhqf5] { background: #f8f9fb; padding: clamp(44px, 7vw, 96px) 3% 52px; color: #29313a; }
.onboarding-layout[b-ucq8nfhqf5] { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: clamp(32px, 4.5vw, 80px); max-width: 1900px; margin-inline: auto; }
.onboarding-heading[b-ucq8nfhqf5] { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 50px; margin-bottom: 26px; }
.onboarding-heading h1[b-ucq8nfhqf5] { display: flex; align-items: center; gap: 18px; font-size: clamp(21px, 1.7vw, 30px); font-weight: 700; line-height: 1.5; letter-spacing: -.5px; }
.welcome-wave[b-ucq8nfhqf5] { font-size: 40px; }
.onboarding-progress[b-ucq8nfhqf5] { display: flex; align-items: center; gap: 12px; color: #728296; white-space: nowrap; font-size: 15px; }
.onboarding-progress progress[b-ucq8nfhqf5] { appearance: none; border: 0; width: clamp(90px, 12vw, 220px); height: 5px; border-radius: 20px; overflow: hidden; background: #c8cacc; }
progress[b-ucq8nfhqf5]::-webkit-progress-bar { background: #c8cacc; }
progress[b-ucq8nfhqf5]::-webkit-progress-value { background: #2470ff; border-radius: 20px; }
progress[b-ucq8nfhqf5]::-moz-progress-bar { background: #2470ff; }
.onboarding-steps[b-ucq8nfhqf5] { display: grid; gap: 20px; }
.onboarding-step[b-ucq8nfhqf5] { background: #fff; border: 1px solid #dadde1; border-radius: 11px; box-shadow: 0 0 0 1px #26354a03; padding-inline: 30px; }
.step-toggle[b-ucq8nfhqf5] { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 74px; padding: 20px 0; border: 0; background: transparent; text-align: start; font: inherit; font-size: 17px; font-weight: 650; color: #29313a; cursor: pointer; }
.step-check[b-ucq8nfhqf5] { display: grid; place-items: center; width: 25px; height: 25px; border: 1.7px solid #8090a2; border-radius: 50%; color: #8090a2; flex-shrink: 0; }
.step-check.is-reviewed[b-ucq8nfhqf5] { color: #fff; background: #2470ff; border-color: #2470ff; }
.step-toggle[b-ucq8nfhqf5]  .step-chevron { margin-inline-start: auto; transition: transform .2s; }
.is-expanded .step-toggle[b-ucq8nfhqf5]  .step-chevron { transform: rotate(180deg); }
.step-content[b-ucq8nfhqf5] { border-top: 1px solid #dadde1; padding-block: 22px; display: grid; grid-template-columns: minmax(0, 1fr) 32%; gap: 32px; }
.step-copy p[b-ucq8nfhqf5] { font-size: 17px; line-height: 1.55; max-width: 690px; margin: 0 0 22px; }
.onboarding-button[b-ucq8nfhqf5] { display: inline-flex; align-items: center; justify-content: center; background: #1c6bff; color: #fff; border-radius: 9px; padding: 10px 20px; font-size: 17px; font-weight: 600; min-height: 44px; }
.onboarding-button:hover[b-ucq8nfhqf5] { background: #1254d3; }
.step-illustration[b-ucq8nfhqf5] { aspect-ratio: 1; border-radius: 11px; background: linear-gradient(140deg, #7164eb 0%, #aea6f4 48%, #ebe8ff 100%); display: grid; place-items: center; min-height: 230px; }
.illustration-mark[b-ucq8nfhqf5] { display: grid; place-items: center; width: 82px; height: 82px; border-radius: 50%; background: white; color: #2877ff; }
.step-illustration.channel-illustration[b-ucq8nfhqf5] { overflow: hidden; aspect-ratio: 1; min-height: 0; }
.channel-illustration img[b-ucq8nfhqf5] { display: block; width: 100%; height: 100%; object-fit: cover; }
.step-reviewed[b-ucq8nfhqf5] { display: flex; align-items: center; gap: 8px; width: fit-content; margin-top: 32px; font-size: 12px; color: #718095; cursor: pointer; }
.step-reviewed input[b-ucq8nfhqf5] { accent-color: #1c6bff; width: 16px; height: 16px; }
.step-copy .step-permission[b-ucq8nfhqf5], .onboarding-note[b-ucq8nfhqf5] { font-size: 12px; color: #718095; }
.onboarding-note[b-ucq8nfhqf5] { margin-top: 16px; }
.onboarding-resources h2[b-ucq8nfhqf5] { font-size: 27px; line-height: 50px; margin: 0 0 28px; font-weight: 700; }
.onboarding-resources a[b-ucq8nfhqf5] { display: flex; align-items: center; gap: 10px; color: #29313a; font-size: 17px; padding-block: 14px; width: fit-content; }
.onboarding-resources a:hover[b-ucq8nfhqf5] { color: #1c6bff; }
.onboarding-assistant[b-ucq8nfhqf5] { position: fixed; bottom: 32px; inset-inline-end: 25px; display: flex; align-items: center; justify-content: center; gap: 6px; width: 56px; height: 52px; border-radius: 21px; background: linear-gradient(130deg, #246fff, #7939ed); box-shadow: 0 6px 20px #29295b26; }
.onboarding-assistant span[b-ucq8nfhqf5] { height: 13px; width: 7px; background: white; border-radius: 50%; }
.step-toggle:focus-visible[b-ucq8nfhqf5], a:focus-visible[b-ucq8nfhqf5] { outline: 3px solid #81aaff; outline-offset: 4px; }
@media (min-width: 1750px) { .step-content[b-ucq8nfhqf5] { min-height: 350px; } }
@media (max-width: 1200px) { .onboarding-layout[b-ucq8nfhqf5] { grid-template-columns: minmax(0,1fr) 205px; gap: 28px; } .onboarding-heading[b-ucq8nfhqf5] { align-items: flex-start; flex-direction: column; gap: 12px; } .step-content[b-ucq8nfhqf5] { grid-template-columns: minmax(0,1fr) 34%; gap: 20px; } .step-illustration[b-ucq8nfhqf5] { min-height: 180px; } }
@media (max-width: 900px) { .onboarding-page[b-ucq8nfhqf5] { padding: 34px 24px 80px; } .onboarding-layout[b-ucq8nfhqf5] { grid-template-columns: 1fr; } .onboarding-resources[b-ucq8nfhqf5] { border-top: 1px solid #dadde1; padding-top: 20px; } .onboarding-resources h2[b-ucq8nfhqf5] { margin-bottom: 8px; } }
@media (max-width: 540px) { .onboarding-page[b-ucq8nfhqf5] { padding: 28px 16px 85px; } .onboarding-step[b-ucq8nfhqf5] { padding-inline: 18px; } .step-toggle[b-ucq8nfhqf5] { font-size: 15px; gap: 10px; } .step-content[b-ucq8nfhqf5] { grid-template-columns: 1fr; } .step-illustration[b-ucq8nfhqf5] { min-height: 160px; aspect-ratio: 2; grid-row: 2; } .step-copy p[b-ucq8nfhqf5], .onboarding-button[b-ucq8nfhqf5] { font-size: 15px; } .onboarding-heading h1[b-ucq8nfhqf5] { font-size: 22px; gap: 10px; } .welcome-wave[b-ucq8nfhqf5] { font-size: 32px; } }
@media (prefers-reduced-motion: reduce) { .step-toggle[b-ucq8nfhqf5]  .step-chevron { transition: none; } }
/* /Components/Pages/Home.razor.rz.scp.css */
.omni-site[b-croe2ydfdy] { background: #fcfaf6; color: #24221f; overflow: clip; font-family: var(--font-arabic, 'IBM Plex Sans Arabic'), sans-serif; }
.omni-site[dir=ltr][b-croe2ydfdy] { font-family: 'Manrope', sans-serif; }
.omni-site a[b-croe2ydfdy] { text-decoration: none; color: inherit; }
.omni-explore-grid[b-croe2ydfdy] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.omni-explore-grid > a[b-croe2ydfdy] { display: flex; flex-direction: column; padding: 30px; border: 1px solid #e1d6c4; border-radius: 15px; background: #f7f2e9; }
.omni-explore-grid > a:hover[b-croe2ydfdy] { border-color: #b39a6d; }
.omni-explore-grid span[b-croe2ydfdy] { font-size: 11px; color: #967b4e; }
.omni-explore-grid h3[b-croe2ydfdy] { font-size: 24px; line-height: 1.6; font-weight: 500; margin: 20px 0 12px; }
.omni-explore-grid p[b-croe2ydfdy] { font-size: 14px; line-height: 1.9; color: #746c61; margin-bottom: 25px; }
.omni-explore-grid strong[b-croe2ydfdy] { margin-top: auto; font-size: 12px; font-weight: 500; color: #7c193f; }
@media(max-width:700px) { .omni-explore-grid[b-croe2ydfdy] { grid-template-columns: 1fr; } }
.omni-meaning h2[b-croe2ydfdy], .omni-cta h2[b-croe2ydfdy] { color: #fff7ed; }
.omni-site a:focus-visible[b-croe2ydfdy], .omni-site summary:focus-visible[b-croe2ydfdy] { outline: 3px solid #b39a6d; outline-offset: 5px; }
.omni-wrap[b-croe2ydfdy] { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.omni-nav[b-croe2ydfdy] { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #e8e0d5; }
.omni-brand[b-croe2ydfdy] { display: flex; align-items: center; gap: 10px; font: 800 29px 'Manrope', sans-serif; direction: ltr; }
.omni-brand b[b-croe2ydfdy] { color: #7c193f; }
.omni-brand small[b-croe2ydfdy] { display: block; font-size: 8px; letter-spacing: 1.7px; color: #8d7d69; margin-top: 4px; }
.omni-nav nav[b-croe2ydfdy], .omni-nav-actions[b-croe2ydfdy] { display: flex; align-items: center; gap: 25px; }
.omni-nav nav[b-croe2ydfdy] { font-size: 14px; }
.omni-nav nav a:hover[b-croe2ydfdy], .omni-text-link:hover[b-croe2ydfdy] { color: #7c193f; }
.omni-button[b-croe2ydfdy] { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 15px 24px; border-radius: 9px; background: #fff; font-size: 15px; font-weight: 600; transition: transform .2s, background .2s; }
.omni-button:hover[b-croe2ydfdy] { transform: translateY(-2px); }
.omni-site .omni-button-primary[b-croe2ydfdy] { background: #7c193f; color: #fff; }
.omni-site .omni-button-dark[b-croe2ydfdy] { background: #292724; color: #fff; padding: 11px 18px; font-size: 13px; }
.omni-hero[b-croe2ydfdy] { display: grid; grid-template-columns: 1.05fr 1fr; gap: 65px; align-items: center; padding-block: 80px 90px; }
.omni-eyebrow[b-croe2ydfdy] { display: block; color: #967b4e; font-size: 12px; letter-spacing: 1px; font-weight: 600; margin-bottom: 20px; }
.omni-hero h1[b-croe2ydfdy] { font-size: clamp(37px, 4.4vw, 60px); line-height: 1.35; letter-spacing: -1.8px; font-weight: 600; margin: 0 0 24px; }
.omni-hero h1 em[b-croe2ydfdy] { color: #7c193f; font-style: normal; }
.omni-lead[b-croe2ydfdy] { color: #716a61; font-size: 17px; line-height: 1.95; max-width: 560px; }
.omni-actions[b-croe2ydfdy] { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 30px; }
.omni-text-link[b-croe2ydfdy] { font-size: 14px; }
.omni-note[b-croe2ydfdy] { color: #857c70; font-size: 12px; margin-top: 22px; }
.omni-hero-art[b-croe2ydfdy] { position: relative; height: 505px; border-radius: 160px 160px 20px 20px; background: #eee6d9; }
.omni-hero-art > img[b-croe2ydfdy] { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.omni-art-caption[b-croe2ydfdy] { position: absolute; inset-inline: 25px; bottom: 24px; background: #fcfaf6ed; border: 1px solid #fff; border-radius: 12px; padding: 20px; display: grid; gap: 10px; }
.omni-art-caption span[b-croe2ydfdy] { font: 11px 'Manrope', sans-serif; color: #7c193f; letter-spacing: 2px; }
.omni-art-caption strong[b-croe2ydfdy] { font-size: 20px; font-weight: 500; }
.omni-floating[b-croe2ydfdy] { position: absolute; top: 50px; inset-inline-start: -24px; background: #fff; padding: 14px 18px; border: 1px solid #e6dfd4; border-radius: 10px; box-shadow: 0 10px 28px #4634200a; font-size: 12px; display: flex; align-items: center; gap: 10px; }
.omni-dot[b-croe2ydfdy] { background: #3b8a61; width: 7px; height: 7px; border-radius: 50%; }
.omni-channel-strip[b-croe2ydfdy] { border-block: 1px solid #e9e1d5; background: #f4f0e8; text-align: center; padding: 28px 0; }
.omni-channel-strip p[b-croe2ydfdy] { font-size: 13px; color: #736c60; }
.omni-channel-strip small[b-croe2ydfdy] { font-size: 11px; color: #7c7469; }
.omni-section[b-croe2ydfdy] { padding-block: 95px; scroll-margin-top: 25px; }
.omni-section-heading[b-croe2ydfdy] { max-width: 670px; margin-bottom: 40px; }
.omni-site h2[b-croe2ydfdy] { font-size: clamp(30px, 3vw, 42px); line-height: 1.45; font-weight: 500; margin: 0 0 18px; letter-spacing: -.8px; }
.omni-section-heading p[b-croe2ydfdy], .omni-feature-grid p[b-croe2ydfdy], .omni-steps p[b-croe2ydfdy], .omni-faq p[b-croe2ydfdy] { line-height: 1.9; color: #746c61; font-size: 15px; }
.omni-product-preview[b-croe2ydfdy] { border: 1px solid #ddd5c9; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 65px #47361d0c; background: #fff; }
.omni-preview-top[b-croe2ydfdy] { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #ebe5dc; padding: 20px 26px; }
.omni-preview-top strong[b-croe2ydfdy] { color: #7c193f; }.omni-preview-top strong span[b-croe2ydfdy] { font-weight: 400; color: #7b7267; font-size: 13px; }.omni-preview-top small[b-croe2ydfdy] { font-size: 10px; color: #8c7a62; letter-spacing: 1px; }
.omni-preview-body[b-croe2ydfdy] { display: grid; grid-template-columns: 32% 1fr; min-height: 385px; }
.omni-preview-list[b-croe2ydfdy] { background: #faf8f3; padding: 24px; border-inline-end: 1px solid #ebe5dc; }
.omni-preview-list > strong[b-croe2ydfdy] { font-size: 13px; display: block; margin-bottom: 24px; }
.omni-preview-list > div[b-croe2ydfdy] { padding: 20px 16px; border-bottom: 1px solid #eee8df; }.omni-preview-list .selected[b-croe2ydfdy] { background: #f4e8ec; border-radius: 8px; border: 0; box-shadow: inset -3px 0 #7c193f; }.omni-preview-list b[b-croe2ydfdy] { font-size: 13px; }.omni-preview-list small[b-croe2ydfdy] { display: block; margin-top: 7px; color: #82786a; font-size: 11px; }
.omni-preview-chat[b-croe2ydfdy] { padding: 24px 32px; display: flex; flex-direction: column; gap: 20px; }.omni-chat-header[b-croe2ydfdy] { display: flex; justify-content: space-between; gap: 15px; font-size: 13px; }.omni-chat-header span[b-croe2ydfdy] { font-size: 10px; color: #24784e; background: #eef6ef; padding: 4px 8px; border-radius: 6px; }
.omni-bubble[b-croe2ydfdy] { align-self: flex-start; background: #f4f1eb; padding: 13px 18px; border-radius: 12px 12px 2px 12px; font-size: 14px; margin-top: 8px; }.omni-ai-draft[b-croe2ydfdy] { background: #faf6ef; border: 1px solid #e6d8bd; border-radius: 12px; padding: 20px; }.omni-ai-draft > span[b-croe2ydfdy] { font-size: 11px; color: #896b39; }.omni-ai-draft p[b-croe2ydfdy] { font-size: 14px; line-height: 1.9; margin: 12px 0; }.omni-ai-draft small[b-croe2ydfdy] { color: #8a7c68; font-size: 11px; }.omni-preview-composer[b-croe2ydfdy] { border: 1px solid #e8e0d5; border-radius: 9px; padding: 12px 16px; font-size: 12px; color: #948b7e; display: flex; justify-content: space-between; margin-top: auto; }
.omni-feature-grid[b-croe2ydfdy] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; margin-top: 50px; }.omni-feature-number[b-croe2ydfdy] { color: #a89068; font: 12px 'Manrope', sans-serif; }.omni-feature-grid h3[b-croe2ydfdy], .omni-steps h3[b-croe2ydfdy] { font-size: 20px; font-weight: 500; margin: 15px 0 10px; }.omni-feature-grid p[b-croe2ydfdy] { font-size: 14px; }
.omni-meaning[b-croe2ydfdy] { background: #302b27; color: #fff9ed; padding-block: 65px; }.omni-meaning-grid[b-croe2ydfdy] { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.omni-meaning h2[b-croe2ydfdy] { font: 500 clamp(45px, 6vw, 78px) 'Manrope', sans-serif; direction: ltr; text-align: start; }.omni-meaning p[b-croe2ydfdy] { font-size: 17px; line-height: 2; color: #d7cfc1; }.omni-meaning strong[b-croe2ydfdy] { color: #e4c99f; font-family: 'Manrope', sans-serif; }
.omni-ai-section[b-croe2ydfdy] { display: grid; grid-template-columns: 1.1fr 1fr; gap: 85px; align-items: center; }.omni-checklist[b-croe2ydfdy] { list-style: none; padding: 0; margin: 25px 0; }.omni-checklist li[b-croe2ydfdy] { padding-block: 10px; line-height: 1.8; font-size: 14px; padding-inline-start: 28px; position: relative; }.omni-checklist li[b-croe2ydfdy]::before { content: '✓'; position: absolute; inset-inline-start: 0; color: #7c193f; }.omni-disclosure[b-croe2ydfdy] { font-size: 12px; color: #82776a; line-height: 1.9; border-inline-start: 2px solid #cdb88f; padding-inline-start: 15px; }
.omni-knowledge-art[b-croe2ydfdy] { padding: 45px 30px 25px; background: #f1ebe0; border: 1px solid #e9dfcf; border-radius: 24px; text-align: center; }.omni-knowledge-sources[b-croe2ydfdy] { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }.omni-knowledge-sources span[b-croe2ydfdy] { background: #fffaf2; border: 1px solid #e1d6c3; padding: 12px 16px; border-radius: 8px; font-size: 13px; }.omni-connector[b-croe2ydfdy] { color: #b39970; font-size: 30px; margin: 12px; }.omni-ai-core[b-croe2ydfdy] { display: flex; flex-direction: column; align-items: center; gap: 13px; }.omni-ai-core strong[b-croe2ydfdy] { font: 700 27px 'Manrope', sans-serif; }.omni-ai-core > span[b-croe2ydfdy] { font-size: 12px; color: #8a7960; }.omni-review-card[b-croe2ydfdy] { display: flex; align-items: center; text-align: start; gap: 15px; background: #fff; padding: 20px; border-radius: 12px; }.omni-review-card > span[b-croe2ydfdy] { color: #327d55; background: #edf7ef; padding: 8px 12px; border-radius: 50%; }.omni-review-card strong[b-croe2ydfdy] { font-size: 14px; }.omni-review-card p[b-croe2ydfdy] { color: #82776a; font-size: 12px; margin: 6px 0 0; }.omni-knowledge-art > small[b-croe2ydfdy] { display: block; margin-top: 22px; font-size: 10px; color: #948573; }
.omni-start-section[b-croe2ydfdy] { padding-block: 70px; background: #f4f0e8; border-block: 1px solid #e9e1d4; }.omni-steps[b-croe2ydfdy] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }.omni-steps article[b-croe2ydfdy] { border-top: 1px solid #d7cbb7; padding-top: 25px; }.omni-steps article > span[b-croe2ydfdy] { font: 28px 'Manrope', sans-serif; color: #b09a75; }
.omni-faq[b-croe2ydfdy] { display: grid; grid-template-columns: 1fr 1.6fr; gap: 65px; }.omni-faq details[b-croe2ydfdy] { border-bottom: 1px solid #e1d8ca; padding: 23px 0; }.omni-faq details:first-child[b-croe2ydfdy] { padding-top: 0; }.omni-faq summary[b-croe2ydfdy] { cursor: pointer; font-weight: 500; font-size: 17px; }.omni-faq p[b-croe2ydfdy] { margin-top: 16px; }
.omni-cta[b-croe2ydfdy] { text-align: center; background: #651331; color: #fff7ed; padding: 60px 35px; border-radius: 22px; }.omni-cta .omni-eyebrow[b-croe2ydfdy] { color: #dbbc8b; }.omni-cta h2[b-croe2ydfdy] { max-width: 730px; margin-inline: auto; }.omni-cta p[b-croe2ydfdy] { color: #e3cbd4; line-height: 1.9; margin-bottom: 26px; }.omni-cta .omni-button[b-croe2ydfdy] { color: #651331; }
.omni-footer[b-croe2ydfdy] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 25px; padding-block: 40px; margin-top: 35px; font-size: 12px; color: #897d6a; }.omni-footer .omni-brand[b-croe2ydfdy] { gap: 0; font-size: 23px; }.omni-footer p[b-croe2ydfdy] { margin: 0; }.omni-footer small[b-croe2ydfdy] { width: 100%; border-top: 1px solid #e7ded1; padding-top: 20px; font-size: 10px; }
@media (max-width: 1000px) { .omni-nav nav[b-croe2ydfdy] { display: none; }.omni-hero[b-croe2ydfdy] { gap: 35px; }.omni-hero-art[b-croe2ydfdy] { height: 440px; }.omni-hero h1[b-croe2ydfdy] { font-size: 42px; }.omni-feature-grid[b-croe2ydfdy] { grid-template-columns: repeat(2, 1fr); }.omni-ai-section[b-croe2ydfdy] { gap: 35px; }.omni-meaning-grid[b-croe2ydfdy] { gap: 35px; } }
@media (max-width: 700px) { .omni-wrap[b-croe2ydfdy] { width: calc(100% - 36px); }.omni-nav[b-croe2ydfdy] { min-height: 85px; gap: 12px; flex-wrap: wrap; padding-block: 18px; }.omni-brand[b-croe2ydfdy] { font-size: 23px; }.omni-brand img[b-croe2ydfdy] { width: 30px; height: 30px; }.omni-brand small[b-croe2ydfdy] { font-size: 6px; }.omni-nav-actions[b-croe2ydfdy] { gap: 10px; }.omni-nav-actions .omni-button[b-croe2ydfdy] { font-size: 11px; padding: 9px 12px; }.omni-hero[b-croe2ydfdy] { grid-template-columns: 1fr; padding-block: 45px; gap: 35px; }.omni-hero h1[b-croe2ydfdy] { font-size: 40px; }.omni-lead[b-croe2ydfdy] { font-size: 16px; }.omni-hero-art[b-croe2ydfdy] { height: 370px; margin-inline: 10px; }.omni-floating[b-croe2ydfdy] { inset-inline-start: -10px; top: 32px; }.omni-section[b-croe2ydfdy] { padding-block: 55px; }.omni-preview-body[b-croe2ydfdy] { grid-template-columns: 1fr; }.omni-preview-list[b-croe2ydfdy] { display: none; }.omni-preview-chat[b-croe2ydfdy] { padding: 20px; }.omni-preview-top[b-croe2ydfdy] { padding: 16px; }.omni-preview-top strong span[b-croe2ydfdy] { display: none; }.omni-chat-header[b-croe2ydfdy] { flex-wrap: wrap; }.omni-feature-grid[b-croe2ydfdy] { gap: 20px; margin-top: 30px; }.omni-feature-grid h3[b-croe2ydfdy] { font-size: 18px; }.omni-feature-grid p[b-croe2ydfdy] { font-size: 13px; }.omni-meaning-grid[b-croe2ydfdy], .omni-ai-section[b-croe2ydfdy], .omni-faq[b-croe2ydfdy], .omni-steps[b-croe2ydfdy] { grid-template-columns: 1fr; gap: 30px; }.omni-meaning[b-croe2ydfdy] { padding-block: 45px; }.omni-meaning h2[b-croe2ydfdy] { font-size: 55px; }.omni-meaning p[b-croe2ydfdy] { font-size: 16px; }.omni-knowledge-art[b-croe2ydfdy] { padding: 30px 20px; }.omni-start-section[b-croe2ydfdy] { padding-block: 45px; }.omni-cta[b-croe2ydfdy] { padding: 40px 22px; }.omni-footer[b-croe2ydfdy] { gap: 20px; }.omni-footer p[b-croe2ydfdy] { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .omni-button[b-croe2ydfdy] { transition: none; } }

/* Two identical groups create one continuous, direction-independent loop. */
.omni-channel-strip .omni-wrap[b-croe2ydfdy] { position: relative; }
.omni-marquee[b-croe2ydfdy] { overflow: hidden; direction: ltr; margin: 14px 0 24px; padding-block: 14px; mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent); }
.omni-marquee:focus-visible[b-croe2ydfdy] { outline: 2px solid #7c193f; outline-offset: 4px; border-radius: 8px; }
.omni-channels-track[b-croe2ydfdy] { display: flex; width: max-content; animation: omni-channel-scroll-b-croe2ydfdy 75s linear infinite; }
.omni-channel-group[b-croe2ydfdy] { display: flex; align-items: center; flex-shrink: 0; gap: 48px; padding: 0 48px 0 0; margin: 0; list-style: none; }
.omni-channel[b-croe2ydfdy] { display: flex; align-items: center; flex-shrink: 0; gap: 12px; white-space: nowrap; padding-block: 8px; }
.omni-channel img[b-croe2ydfdy] { display: block; width: 36px; height: 36px; object-fit: contain; flex-shrink: 0; }
.omni-channel span[b-croe2ydfdy] { font: 650 21px 'Manrope', sans-serif; color: #302e2b; letter-spacing: -.5px; }
.omni-channel-snapchat img[b-croe2ydfdy] { background: #fffc00; border-radius: 9px; padding: 5px; box-sizing: border-box; }
.omni-marquee:hover .omni-channels-track[b-croe2ydfdy], .omni-marquee:focus-within .omni-channels-track[b-croe2ydfdy] { animation-play-state: paused; }
@keyframes omni-channel-scroll-b-croe2ydfdy { to { transform: translateX(-50%); } }
@media(max-width:700px) { .omni-channel-group[b-croe2ydfdy] { gap: 30px; padding-right: 30px; }.omni-channel[b-croe2ydfdy] { gap: 10px; }.omni-channel img[b-croe2ydfdy] { width: 30px; height: 30px; }.omni-channel span[b-croe2ydfdy] { font-size: 18px; } }
@media(prefers-reduced-motion:reduce) { .omni-channels-track[b-croe2ydfdy] { animation: none; width: auto; }.omni-channel-group[b-croe2ydfdy] { flex-wrap: wrap; justify-content: center; width: 100%; padding: 0; gap: 20px 30px; }.omni-channel-group[aria-hidden=true][b-croe2ydfdy] { display: none; }.omni-marquee[b-croe2ydfdy] { mask-image: none; overflow: visible; } }
/* /Components/Pages/Inbox.razor.rz.scp.css */
.inbox-page-header[b-pma8vgsc79] { padding: 6px 14px; min-height: 45px; }
.inbox-page-header h1[b-pma8vgsc79] { font-size: 17px; display: flex; align-items: center; gap: 8px; }
.inbox-total[b-pma8vgsc79] { font-size: 12px; background: #eee4e8; color: #7c193f; padding: 2px 7px; border-radius: 8px; }
.filter-toggle[b-pma8vgsc79] { display: inline-flex; white-space: nowrap; }
.inbox-container[b-pma8vgsc79] {
    position: relative;
    grid-template-columns: minmax(240px, 24%) minmax(0, 1fr);
    margin: 0 10px 10px;
    border-radius: 12px;
}
.inbox-container .inbox-queues-pane[b-pma8vgsc79] {
    display: none;
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: min(300px, 90%);
    z-index: 12;
    padding: 16px;
    background: #fff;
    box-shadow: 0 8px 32px #18171520;
}
.inbox-container.filters-open .inbox-queues-pane[b-pma8vgsc79] { display: flex; }
.inbox-filter-scrim[b-pma8vgsc79] {
    position: absolute;
    inset: 0;
    z-index: 11;
    border: 0;
    border-radius: inherit;
    background: #18171535;
    cursor: pointer;
}
.inbox-list-heading[b-pma8vgsc79], .inbox-filter-summary[b-pma8vgsc79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.inbox-list-heading[b-pma8vgsc79] { font-size: 14px; }
.inbox-list-heading .btn-pioneers-icon[b-pma8vgsc79] { width: 30px; height: 30px; }
.inbox-filter-summary[b-pma8vgsc79] { font-size: 12px; color: var(--pioneers-muted); }
.inbox-filter-summary button[b-pma8vgsc79] {
    color: var(--pioneers-burgundy);
    background: transparent;
    border: 0;
    padding: 6px;
    text-decoration: underline;
    cursor: pointer;
}
.inbox-list-header[b-pma8vgsc79] { gap: 10px; padding: 14px; }
.inbox-list-pane[b-pma8vgsc79] { background: #fff; }
.conv-card-item[b-pma8vgsc79] { padding: 14px 12px; gap: 8px; margin-bottom: 2px; }
.conv-contact-name[b-pma8vgsc79] { font-size: 13px; }
.conv-preview[b-pma8vgsc79] { font-size: 12px; line-height: 1.65; }
.conv-time[b-pma8vgsc79] { font-size: 10px; }
.workspace-top-bar[b-pma8vgsc79] { padding: 12px 18px; gap: 12px; }
.workspace-messages-area[b-pma8vgsc79] { background-image: none; padding: 20px; }
.msg-row[b-pma8vgsc79] { max-width: 85%; }
.workspace-composer[b-pma8vgsc79] { padding: 10px 16px 12px; }
.workspace-composer textarea[b-pma8vgsc79] { min-height: 60px; max-height: 130px; }
.workspace-composer.is-note[b-pma8vgsc79] { background: #fff9ed; }
.composer-tabs[b-pma8vgsc79] { margin-bottom: 8px; gap: 18px; }
.composer-tab-btn[b-pma8vgsc79] { font-size: 12px; }
.composer-actions-bar[b-pma8vgsc79] { margin-top: 8px; }
.thread-tools-toggle[b-pma8vgsc79] { display: none; }
.latest-messages[b-pma8vgsc79] { align-self: center; flex-shrink: 0; border: 1px solid #d9bcc7; border-radius: 20px; background: white; color: #7c193f; padding: 7px 16px; cursor: pointer; }
.workspace-composer[b-pma8vgsc79] { flex-shrink: 0; padding-bottom: max(10px, env(safe-area-inset-bottom)); }
.workspace-composer textarea[b-pma8vgsc79] { resize: none; line-height: 1.6; }
.workspace-top-bar[b-pma8vgsc79] { flex-shrink: 0; }
/* Brand symbols keep their original colors; tinted surfaces retain readable contrast. */
[data-channel][b-pma8vgsc79] { --channel-accent: #7c193f; --channel-ink: #651331; --channel-soft: #f2e5eb; --channel-canvas: #fcfaf6; --channel-line: #ead3dd; }
[data-channel="Telegram"][b-pma8vgsc79] { --channel-accent: #006fa8; --channel-ink: #075479; --channel-soft: #dceffc; --channel-canvas: #f0f7fb; --channel-line: #b9dced; }
[data-channel="Discord"][b-pma8vgsc79] { --channel-accent: #5865f2; --channel-ink: #3944a6; --channel-soft: #e5e8ff; --channel-canvas: #f3f4fb; --channel-line: #ccd1fc; }
[data-channel="WhatsApp"][b-pma8vgsc79] { --channel-accent: #087b54; --channel-ink: #075e43; --channel-soft: #dcf8c6; --channel-canvas: #f1f6ef; --channel-line: #beddb2; }
[data-channel="Instagram"][b-pma8vgsc79] { --channel-accent: #b52265; --channel-ink: #8d1c50; --channel-soft: #fce2ef; --channel-canvas: #fdf5f9; --channel-line: #f0c4d9; }
[data-channel="FacebookMessenger"][b-pma8vgsc79] { --channel-accent: #0866cf; --channel-ink: #084e9c; --channel-soft: #e0ecff; --channel-canvas: #f3f7ff; --channel-line: #bed5fa; }
.channel-badge[b-pma8vgsc79] { background: var(--channel-soft); color: var(--channel-ink); border: 1px solid var(--channel-line); gap: 6px; }
.conv-card-item.selected[b-pma8vgsc79] { background: var(--channel-canvas); border-color: var(--channel-line); box-shadow: inset -3px 0 var(--channel-accent); }
.inbox-workspace-pane .workspace-top-bar[b-pma8vgsc79] { border-top: 3px solid var(--channel-accent); }
.inbox-workspace-pane .workspace-messages-area[b-pma8vgsc79] { background: var(--channel-canvas); }
.inbox-workspace-pane .bubble-outbound[b-pma8vgsc79] { background: var(--channel-soft); border-color: var(--channel-line); }
.inbox-workspace-pane .bubble-inbound[b-pma8vgsc79] { background: #fff; border-color: var(--channel-line); }
.inbox-workspace-pane .workspace-composer:not(.is-note) [data-send-reply][b-pma8vgsc79] { background: var(--channel-accent); border-color: var(--channel-accent); color: #fff; }
.inbox-workspace-pane .composer-tab-btn.active[b-pma8vgsc79] { color: var(--channel-ink); border-bottom-color: var(--channel-accent); }
.inbox-workspace-pane .workspace-composer:not(.is-note) textarea:focus[b-pma8vgsc79] { border-color: var(--channel-accent); outline-color: var(--channel-accent); box-shadow: 0 0 0 2px var(--channel-soft); }
.inbox-workspace-pane .latest-messages[b-pma8vgsc79] { color: var(--channel-ink); border-color: var(--channel-line); }
@media (max-width: 1100px) {
    .inbox-container[b-pma8vgsc79] { grid-template-columns: 245px minmax(0, 1fr); }
    .workspace-top-bar[b-pma8vgsc79] { padding: 12px; }
}
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
    .inbox-container[b-pma8vgsc79] { grid-template-columns: minmax(0, 1fr); }
    .inbox-page-header[b-pma8vgsc79] { padding: 4px 10px; align-items: center; min-height: 40px; }
    .inbox-page-header h1[b-pma8vgsc79] { font-size: 16px; }
    .inbox-page-header p[b-pma8vgsc79] { display: none; }
    .filter-toggle[b-pma8vgsc79] { font-size: 12px; padding: 9px; }
    .workspace-composer[b-pma8vgsc79] { padding: 10px; }
    .workspace-messages-area[b-pma8vgsc79] { padding: 14px; }
    .msg-row[b-pma8vgsc79] { max-width: 94%; }
    .inbox-container[b-pma8vgsc79] { margin: 0; border-radius: 0; border-inline: 0; border-bottom: 0; }
    .workspace-top-bar[b-pma8vgsc79] { gap: 6px; padding: 8px; }
    .thread-identity[b-pma8vgsc79] { flex: 1; }
    .thread-identity > div:first-child[b-pma8vgsc79] { display: none !important; }
    .thread-identity > div > div:last-child[b-pma8vgsc79] { display: none !important; }
    .workspace-top-bar .inbox-mobile-back[b-pma8vgsc79] { font-size: 11px; padding: 7px; min-height: 40px; }
    .thread-tools-toggle[b-pma8vgsc79] { display: inline-flex; min-height: 40px; padding: 7px; }
    .thread-tools:not(.expanded)[b-pma8vgsc79] { display: none !important; }
    .thread-tools.expanded[b-pma8vgsc79] { width: 100%; gap: 8px; }
    .thread-tools button[b-pma8vgsc79], .thread-tools select[b-pma8vgsc79] { min-height: 40px; }
    .workspace-top-bar h2[b-pma8vgsc79] { max-width: 110px; }
    .workspace-composer textarea[b-pma8vgsc79] { font-size: 16px; min-height: 48px; }
    .composer-tab-btn[b-pma8vgsc79] { min-height: 36px; }
    .composer-actions-bar button[b-pma8vgsc79] { min-height: 42px; }
}

/* Phone conversations prioritize the timeline and a one-handed composer. */
.thread-menu[b-pma8vgsc79] { display: none; }
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
  .workspace-top-bar .thread-menu[b-pma8vgsc79] { display: inline-flex; width: 44px; height: 44px; order: 4; }
  .workspace-top-bar .inbox-mobile-back[b-pma8vgsc79] { min-height: 44px; }
  .workspace-top-bar .thread-tools-toggle[b-pma8vgsc79] { min-height: 44px; }
  .workspace-top-bar .thread-identity[b-pma8vgsc79] { min-width: 0; }
  .workspace-top-bar .thread-identity > div[b-pma8vgsc79] { min-width: 0; }
  .workspace-top-bar .thread-identity > div > div:first-child[b-pma8vgsc79] { flex-wrap: wrap; gap: 3px !important; }
  .workspace-top-bar h2[b-pma8vgsc79] { max-width: 100%; font-size: 14px !important; }
  .thread-tools.expanded[b-pma8vgsc79] { order: 5; }
  .thread-tools.expanded button[b-pma8vgsc79], .thread-tools.expanded select[b-pma8vgsc79] { flex: 1 1 auto; min-height: 44px; }
  .inbox-list-header[b-pma8vgsc79] { padding: 10px 12px; gap: 8px; }
  .inbox-list-header .pioneers-input[b-pma8vgsc79] { font-size: 16px !important; min-height: 44px; }
  .inbox-list-heading .btn-pioneers-icon[b-pma8vgsc79] { width: 44px; height: 44px; }
  .inbox-list-header select[b-pma8vgsc79] { min-height: 44px; }
  .conv-card-item[b-pma8vgsc79] { padding: 14px; gap: 7px; }
  .conv-contact-name[b-pma8vgsc79] { font-size: 15px; }
  .conv-preview[b-pma8vgsc79] { font-size: 13px; }
  .conv-time[b-pma8vgsc79] { font-size: 11px; }
  .workspace-messages-area[b-pma8vgsc79] { padding: 14px 10px; overscroll-behavior-y: contain; }
  .msg-row[b-pma8vgsc79] { max-width: 92%; }
  .bubble-inbound[b-pma8vgsc79], .bubble-outbound[b-pma8vgsc79] { padding: 10px 12px; line-height: 1.65; }
  .workspace-composer[b-pma8vgsc79] { display: grid; grid-template-columns: minmax(0,1fr) 48px; gap: 6px 8px; padding: 4px 10px max(8px,env(safe-area-inset-bottom)); }
  .composer-tabs[b-pma8vgsc79] { grid-column: 1; grid-row: 1; margin: 0; gap: 16px; min-width: 0; }
  .composer-tab-btn[b-pma8vgsc79] { min-height: 44px; font-size: 12px; }
  .workspace-composer textarea[b-pma8vgsc79] { grid-column: 1; grid-row: 2; min-height: 48px; height: 48px; max-height: 120px; margin: 0; padding: 11px 12px; border-radius: 18px; }
  .composer-actions-bar[b-pma8vgsc79], .composer-actions-bar > div[b-pma8vgsc79] { display: contents !important; }
  .composer-actions-bar .text-muted[b-pma8vgsc79] { display: none; }
  .canned-trigger[b-pma8vgsc79] { grid-column: 2; grid-row: 1; width: 44px; height: 44px; padding: 10px; justify-content: center; border: 0; }
  .canned-trigger span[b-pma8vgsc79] { display: none; }
  [data-send-reply][b-pma8vgsc79] { grid-column: 2; grid-row: 2; align-self: end; width: 48px; height: 48px; min-height: 48px; padding: 12px; border-radius: 50%; justify-content: center; }
  [data-send-reply] span[b-pma8vgsc79] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  [data-send-reply]:disabled[b-pma8vgsc79] { opacity: .6; }
  .latest-messages[b-pma8vgsc79] { min-height: 44px; }
  .inbox-container .inbox-queues-pane[b-pma8vgsc79] { width: min(340px, 95%); }
  .inbox-queues-pane button[b-pma8vgsc79] { min-height: 44px; }
  .conversation-drawer[b-pma8vgsc79] { width: 100%; padding: 14px; overscroll-behavior: contain; }
  .conversation-drawer .btn-pioneers-icon[b-pma8vgsc79] { min-width: 44px; min-height: 44px; }
}
@media (max-width: 900px) and (max-height: 500px) {
  .inbox-container .inbox-workspace-pane[b-pma8vgsc79] { display: none; }
  .inbox-container.thread-open .inbox-list-pane[b-pma8vgsc79] { display: none; }
  .inbox-container.thread-open .inbox-workspace-pane[b-pma8vgsc79] { display: flex; }
  .workspace-top-bar .inbox-mobile-back[b-pma8vgsc79] { display: inline-flex; }
}
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
  .workspace-composer textarea[b-pma8vgsc79] { line-height: 1.5; padding-block: 10px; }
}

/* All conversation actions share one dialog on desktop and phone. */
.thread-tools-toggle[b-pma8vgsc79] { display: inline-flex; }
.conversation-tools-modal[b-pma8vgsc79] { width: min(640px, calc(100vw - 32px)); }
.conversation-tools-modal h2[b-pma8vgsc79] { font-size: 19px; }
.conversation-tools-modal .modal-header p[b-pma8vgsc79] { font-size: 12px; margin-top: 5px; color: var(--pioneers-muted); }
.conversation-tools-modal .tools-controls[b-pma8vgsc79] { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); align-items: end !important; gap: 12px !important; }
.tools-assignee[b-pma8vgsc79] { margin-bottom: 12px; font-size: 13px; }
.tool-field[b-pma8vgsc79] { display: grid; gap: 6px; font-size: 12px; font-weight: 600; }
.tool-field select[b-pma8vgsc79] { width: 100% !important; min-height: 44px; font-size: 14px !important; }
.tools-controls > button[b-pma8vgsc79] { min-height: 44px; justify-content: center; }
.tools-controls > button:first-child[b-pma8vgsc79] { grid-column: 1 / -1; }
.tools-detail[b-pma8vgsc79] { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--pioneers-border); overflow-wrap: anywhere; }
.conversation-tools-modal .modal-header .btn-pioneers-icon[b-pma8vgsc79] { min-width: 44px; min-height: 44px; font-size: 26px; }
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
 .workspace-top-bar .thread-tools-toggle[b-pma8vgsc79] { font-size: 11px; padding-inline: 7px; }
 .conversation-tools-modal[b-pma8vgsc79] { width: 100%; max-height: 90dvh; }
 .conversation-tools-modal .modal-body[b-pma8vgsc79] { padding: 16px; }
 .conversation-tools-modal .modal-footer button[b-pma8vgsc79] { width: 100%; min-height: 44px; }
}

/* Compact messaging composer, shared by desktop and mobile. */
.workspace-composer[b-pma8vgsc79] { display: block; background: #f0f2f5; padding: 8px 12px max(10px, env(safe-area-inset-bottom)); }
.workspace-composer .composer-tabs[b-pma8vgsc79] { display: flex; margin: 0 6px 6px; gap: 18px; }
.workspace-composer .composer-tab-btn[b-pma8vgsc79] { min-height: 32px; padding: 4px 2px; font-size: 12px; }
.chat-input-row[b-pma8vgsc79] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.workspace-composer .chat-input-row textarea[b-pma8vgsc79] { flex: 1; min-width: 60px; width: auto; height: 46px; min-height: 46px; max-height: 110px; margin: 0; padding: 11px 16px; border: 1px solid transparent; border-radius: 24px; background: #fff; font-size: 14px; line-height: 22px; outline: none; box-shadow: none; resize: none; }
.inbox-workspace-pane .workspace-composer .chat-input-row textarea:focus[b-pma8vgsc79] { border-color: #b9d8ce; outline: none; box-shadow: 0 0 0 2px #00806912; }
.chat-input-row .chat-icon[b-pma8vgsc79] { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #667781; cursor: pointer; }
.chat-input-row .chat-icon:hover[b-pma8vgsc79] { background: #e1e7e5; }
.chat-input-row .chat-icon:focus-visible[b-pma8vgsc79] { outline: 2px solid #008069; outline-offset: 3px; }
.inbox-workspace-pane .workspace-composer:not(.is-note) .chat-send[b-pma8vgsc79] { background: #008069; color: white; }
.chat-input-row .chat-send[b-pma8vgsc79] { background: #8b6a34; color: white; }
.chat-input-row .chat-icon:disabled[b-pma8vgsc79] { opacity: .45; cursor: default; }
.chat-input-row .send-spinner[b-pma8vgsc79] { position: static; width: 18px; height: 18px; clip-path: none; border: 2px solid #ffffff60; border-top-color: #fff; border-radius: 50%; animation: send-spin-b-pma8vgsc79 .7s linear infinite; }
@keyframes send-spin-b-pma8vgsc79 { to { transform: rotate(360deg); } }
@media (max-width: 640px) { .workspace-composer[b-pma8vgsc79] { padding-inline: 8px; } .chat-input-row[b-pma8vgsc79] { gap: 2px; } .workspace-composer .chat-input-row textarea[b-pma8vgsc79] { font-size: 16px; padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { .chat-input-row .send-spinner[b-pma8vgsc79] { animation: none; } }
/* A voice draft owns the composer until it is sent or discarded. */
.workspace-composer .voice-mode > textarea[b-pma8vgsc79],
.workspace-composer .voice-mode > .canned-trigger[b-pma8vgsc79],
.workspace-composer .voice-mode > .chat-send[b-pma8vgsc79] { display: none; }
.thread-classifications[b-pma8vgsc79] { display:flex; flex-wrap:wrap; gap:4px 12px; color:var(--pioneers-muted); font-size:10px; }
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
  .workspace-composer .composer-tab-btn[b-pma8vgsc79] { min-height: 44px; }
  .workspace-composer .chat-input-row textarea[b-pma8vgsc79] { font-size: 16px; }
  .thread-identity h2[b-pma8vgsc79] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .bubble-inbound[b-pma8vgsc79], .bubble-outbound[b-pma8vgsc79] { overflow-wrap: anywhere; min-width: 0; }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.legal-page[b-6gi5jmj7ot] { max-width: 850px; margin: 0 auto; padding: 48px 24px 64px; color: #243247; line-height: 1.95; overflow-wrap: anywhere; }
.legal-page nav[b-6gi5jmj7ot], .legal-page footer[b-6gi5jmj7ot] { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; }
.legal-page header[b-6gi5jmj7ot] { padding: 28px 0; border-bottom: 1px solid #dce3ef; margin-bottom: 32px; }
.legal-page h1[b-6gi5jmj7ot] { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.4; margin: 12px 0; }
.legal-page h2[b-6gi5jmj7ot] { font-size: 1.35rem; line-height: 1.6; margin: 0 0 12px; }
.legal-page section[b-6gi5jmj7ot] { margin-bottom: 32px; }
.legal-page p[b-6gi5jmj7ot], .legal-page li[b-6gi5jmj7ot] { margin-bottom: 12px; }
.legal-page a[b-6gi5jmj7ot] { color: #1758c7; text-decoration: underline; text-underline-offset: 4px; }
.legal-page a:focus-visible[b-6gi5jmj7ot] { outline: 3px solid #1758c7; outline-offset: 4px; }
.legal-brand[b-6gi5jmj7ot] { color: #66728a; }
.legal-page footer[b-6gi5jmj7ot] { border-top: 1px solid #dce3ef; padding-top: 24px; justify-content: space-between; }

/* /Components/Pages/ProductStory.razor.rz.scp.css */
.story[b-r3m7p7ho0d] { background: #fcfaf6; color: #302b26; min-height: 100vh; font-family: 'IBM Plex Sans Arabic', sans-serif; }
.story[dir=ltr][b-r3m7p7ho0d] { font-family: 'Manrope', sans-serif; }
.story a[b-r3m7p7ho0d] { color: inherit; text-decoration: none; }
.story a:focus-visible[b-r3m7p7ho0d] { outline: 3px solid #b39a6d; outline-offset: 5px; }
.story-wrap[b-r3m7p7ho0d] { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.story-nav[b-r3m7p7ho0d] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 25px; border-bottom: 1px solid #e4dccf; }
.story-brand[b-r3m7p7ho0d] { display: flex; gap: 10px; align-items: center; direction: ltr; font: 800 27px 'Manrope', sans-serif; }.story-brand b[b-r3m7p7ho0d] { color: #7c193f; }
.story-nav nav[b-r3m7p7ho0d], .story-actions[b-r3m7p7ho0d] { display: flex; gap: 22px; align-items: center; font-size: 12px; }.story-nav [aria-current=page][b-r3m7p7ho0d] { color: #7c193f; text-decoration: underline; text-underline-offset: 7px; }
.story-hero[b-r3m7p7ho0d] { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 80px; padding-block: 70px; }.story-back[b-r3m7p7ho0d] { display: block; font-size: 12px; color: #8a7b65!important; margin-bottom: 40px; }.story-eyebrow[b-r3m7p7ho0d] { display: block; font-size: 11px; letter-spacing: 1.3px; color: #9a8057; margin-bottom: 20px; }.story h1[b-r3m7p7ho0d] { font-size: clamp(34px, 4vw, 53px); font-weight: 500; line-height: 1.4; margin: 0 0 24px; }.story-hero p[b-r3m7p7ho0d] { font-size: 17px; line-height: 2; color: #776d60; }.story .story-button[b-r3m7p7ho0d] { display: inline-flex; padding: 14px 24px; background: #7c193f; color: #fff; border-radius: 9px; margin-top: 22px; font-size: 14px; }
.story-map[b-r3m7p7ho0d] { background: #f2ebde; border: 1px solid #e2d6c2; border-radius: 100px 100px 20px 20px; padding: 50px 30px 30px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }.story-map > strong[b-r3m7p7ho0d] { font-size: 23px; font-weight: 500; }.story-map > div[b-r3m7p7ho0d] { display: grid; gap: 12px; width: 100%; }.story-map > div span[b-r3m7p7ho0d] { padding: 15px; background: #fffaf3; border: 1px solid #e5dac7; border-radius: 9px; font-size: 14px; }.story-map small[b-r3m7p7ho0d] { font-size: 11px; color: #89795f; line-height: 1.8; }
.story-band[b-r3m7p7ho0d] { background: #302b27; padding-block: 40px; }.story-band span[b-r3m7p7ho0d] { font-size: 11px; color: #d6b885; }.story-band h2[b-r3m7p7ho0d] { color: #fff8ed; font-size: clamp(23px, 3vw, 34px); font-weight: 400; line-height: 1.6; max-width: 900px; margin: 15px 0 0; }
.story-content[b-r3m7p7ho0d] { padding-block: 65px; }.story-grid[b-r3m7p7ho0d] { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; }.story-grid article[b-r3m7p7ho0d] { border-top: 1px solid #d9cdbb; padding-top: 24px; }.story-number[b-r3m7p7ho0d] { font: 12px 'Manrope',sans-serif; color: #a68c64; }.story-grid h2[b-r3m7p7ho0d] { font-size: 23px; font-weight: 500; margin: 17px 0 12px; }.story-grid p[b-r3m7p7ho0d], .story-practical p[b-r3m7p7ho0d] { font-size: 15px; line-height: 1.95; color: #746b5e; }
.story-practical[b-r3m7p7ho0d] { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; align-items: start; padding-bottom: 65px; }.story-practical h2[b-r3m7p7ho0d] { font-size: 29px; line-height: 1.6; font-weight: 500; }.story-note[b-r3m7p7ho0d] { background: #f2eee6; padding: 30px; border-radius: 15px; }.story-note h3[b-r3m7p7ho0d] { font-size: 18px; font-weight: 500; }.story-note p[b-r3m7p7ho0d] { font-size: 13px; }
.story-next[b-r3m7p7ho0d] { background: #651331; padding: 50px 30px; border-radius: 20px; text-align: center; }.story-next h2[b-r3m7p7ho0d] { color: #fff7ed; font-weight: 500; font-size: 32px; }.story-next p[b-r3m7p7ho0d] { color: #e0c8d2; line-height: 1.9; }.story-next .story-eyebrow[b-r3m7p7ho0d] { color: #dfbf91; }.story-next .story-button[b-r3m7p7ho0d] { background: #fff7ed; color: #651331; }
.story-footer[b-r3m7p7ho0d] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-block: 35px; font-size: 12px; color: #8c7c64; }
@media(max-width:1000px) { .story-nav[b-r3m7p7ho0d] { flex-wrap: wrap; }.story-nav nav[b-r3m7p7ho0d] { order: 3; width: 100%; justify-content: center; flex-wrap: wrap; }.story-hero[b-r3m7p7ho0d] { gap: 30px; }.story-grid[b-r3m7p7ho0d] { grid-template-columns: repeat(2,1fr); } }
@media(max-width:650px) { .story-wrap[b-r3m7p7ho0d] { width: calc(100% - 36px); }.story-brand[b-r3m7p7ho0d] { font-size: 22px; }.story-actions[b-r3m7p7ho0d] { gap: 12px; }.story-nav[b-r3m7p7ho0d] { gap: 18px; }.story-nav nav[b-r3m7p7ho0d] { gap: 18px; font-size: 11px; }.story-hero[b-r3m7p7ho0d], .story-practical[b-r3m7p7ho0d] { grid-template-columns: 1fr; gap: 30px; }.story-hero[b-r3m7p7ho0d] { padding-block: 35px; }.story h1[b-r3m7p7ho0d] { font-size: 36px; }.story-hero p[b-r3m7p7ho0d] { font-size: 15px; }.story-map[b-r3m7p7ho0d] { border-radius: 25px; padding: 30px 24px; }.story-grid[b-r3m7p7ho0d] { grid-template-columns: 1fr; gap: 25px; }.story-content[b-r3m7p7ho0d] { padding-block: 40px; }.story-next h2[b-r3m7p7ho0d] { font-size: 27px; }.story-footer[b-r3m7p7ho0d] { justify-content: center; } }
/* /Components/Pages/Projects.razor.rz.scp.css */
.projects-page[b-cubsfstgnc] { max-width:1180px; margin-inline:auto; width:100%; }
.projects-heading[b-cubsfstgnc] { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.eyebrow[b-cubsfstgnc] { color:var(--pioneers-muted); font-size:12px; }
.projects-heading h1[b-cubsfstgnc] { font-size:30px; margin:6px 0 8px; letter-spacing:0; }
.projects-heading p[b-cubsfstgnc],.project-role[b-cubsfstgnc],.invitation-row p[b-cubsfstgnc],.empty-state p[b-cubsfstgnc] { color:var(--pioneers-muted); margin:0; line-height:1.8; }
button[b-cubsfstgnc] { min-height:42px; white-space:nowrap; gap:8px; }
button:disabled[b-cubsfstgnc] { opacity:.55; cursor:not-allowed; }
button:focus-visible[b-cubsfstgnc],a:focus-visible[b-cubsfstgnc],input:focus-visible[b-cubsfstgnc] { outline:3px solid var(--pioneers-bronze); outline-offset:3px; }
.project-create-dialog[b-cubsfstgnc] { max-width:520px; }
.project-create-form[b-cubsfstgnc] { display:flex; flex-direction:column; min-height:0; }
.create-heading[b-cubsfstgnc] { display:flex; align-items:center; gap:12px; }
.create-heading h2[b-cubsfstgnc] { margin:0; font-size:21px; }
.create-symbol[b-cubsfstgnc] { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:linear-gradient(135deg,#edf3ff,#f4e9f0); color:#81163e; font-size:28px; border:1px solid #fff; }
.create-close[b-cubsfstgnc] { display:grid; place-items:center; width:40px; min-height:40px; padding:0; border:1px solid #dce3ee; border-radius:12px; background:#ffffffb3; color:#526176; font-size:26px; }
.create-close:hover[b-cubsfstgnc] { background:#fff; color:#81163e; }
.project-create-dialog .modal-body[b-cubsfstgnc] { padding:28px; }
.project-create-dialog .modal-body > p:first-child[b-cubsfstgnc] { margin:0 0 26px; color:#65748a; line-height:1.9; }
.project-create-dialog label[b-cubsfstgnc] { display:block; margin-bottom:10px; font-weight:600; }
.project-create-dialog input[b-cubsfstgnc] { width:100%; margin:0; background:#ffffffd9; }
.project-create-dialog .field-hint[b-cubsfstgnc] { margin:10px 0 0; font-size:12px; color:#65748a; line-height:1.8; }
.project-create-dialog .modal-footer[b-cubsfstgnc] { justify-content:flex-start; }
h2[b-cubsfstgnc] { font-size:17px; margin:0 0 16px; }
.list-toolbar[b-cubsfstgnc] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0 16px; }
.list-toolbar h2[b-cubsfstgnc] { margin:0; display:flex; align-items:center; gap:10px; }
.count[b-cubsfstgnc] { font-size:12px; background:var(--pioneers-surface); color:var(--pioneers-muted); padding:3px 9px; border-radius:20px; }
.project-search[b-cubsfstgnc] { max-width:280px; margin:0; }
.project-grid[b-cubsfstgnc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.project-card[b-cubsfstgnc] { min-width:0; padding:24px; border:1px solid var(--pioneers-border-light); border-radius:16px; background:var(--pioneers-card); display:flex; flex-direction:column; box-shadow:var(--shadow-sm); }
.current-project[b-cubsfstgnc] { border-color:var(--pioneers-bronze); }
.card-top[b-cubsfstgnc] { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:24px; }
.project-symbol[b-cubsfstgnc] { display:grid; place-items:center; height:44px; width:44px; font-size:26px; border-radius:12px; background:var(--pioneers-burgundy-light); color:var(--pioneers-burgundy); }
.current-badge[b-cubsfstgnc] { color:var(--pioneers-burgundy); background:var(--pioneers-burgundy-light); border-radius:20px; padding:4px 10px; font-size:11px; }
.project-card h3[b-cubsfstgnc] { font-size:19px; line-height:1.65; overflow-wrap:anywhere; margin:0 0 6px; }
.project-role[b-cubsfstgnc] { font-size:13px; margin-bottom:28px; }
.card-actions[b-cubsfstgnc] { display:flex; gap:8px; margin-top:auto; padding-top:18px; border-top:1px solid var(--pioneers-border-light); flex-wrap:wrap; }
.card-actions .btn-pioneers-primary[b-cubsfstgnc] { flex:1; }
.invitations[b-cubsfstgnc] { background:var(--pioneers-bronze-light); border:1px solid var(--pioneers-border-light); padding:20px 24px; border-radius:16px; margin-bottom:24px; }
.invitation-row[b-cubsfstgnc] { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:14px 0; }
.invitation-row + .invitation-row[b-cubsfstgnc] { border-top:1px solid var(--pioneers-border-light); }
.invitation-row strong[b-cubsfstgnc] { overflow-wrap:anywhere; }
.invitation-row p[b-cubsfstgnc] { font-size:12px; }
.row-actions[b-cubsfstgnc] { display:flex; gap:8px; }
.empty-state[b-cubsfstgnc] { padding:48px 24px; border:1px dashed var(--pioneers-border); border-radius:16px; text-align:center; background:var(--pioneers-card); }
.empty-state h3[b-cubsfstgnc] { margin-bottom:8px; font-size:20px; }
.success-message[b-cubsfstgnc] { background:var(--state-success-bg); color:var(--state-success); padding:12px 16px; border-radius:10px; margin-bottom:20px; }
@media(max-width:650px) {
 .projects-heading[b-cubsfstgnc] { flex-direction:column; }
 .projects-heading > button[b-cubsfstgnc] { width:100%; justify-content:center; }
 .list-toolbar > input[b-cubsfstgnc] { width:100%; }
 .row-actions[b-cubsfstgnc] { width:100%; }
 .row-actions button[b-cubsfstgnc] { flex:1; }
}
@media(max-width:1100px) { .project-grid[b-cubsfstgnc] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .projects-heading[b-cubsfstgnc] { align-items:flex-start; gap:16px; } .projects-heading h1[b-cubsfstgnc] { font-size:25px; } .projects-heading p[b-cubsfstgnc] { font-size:12px; } .projects-heading > button[b-cubsfstgnc] { padding-inline:12px; } .project-grid[b-cubsfstgnc] { grid-template-columns:1fr; } .invitation-row[b-cubsfstgnc] { align-items:flex-start; flex-direction:column; } .list-toolbar[b-cubsfstgnc] { flex-wrap:wrap; } .project-search[b-cubsfstgnc] { max-width:none; } .project-card[b-cubsfstgnc] { padding:20px; } .project-create-dialog .modal-body[b-cubsfstgnc] { padding:20px; } }
/* /Components/UI/AIAnalysisLogs.razor.rz.scp.css */
.ai-logs[b-qy3vd1ie6j]{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e7e1d8);border-radius:18px;padding:24px;min-width:0}
header[b-qy3vd1ie6j],.filters[b-qy3vd1ie6j],footer[b-qy3vd1ie6j]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}header[b-qy3vd1ie6j]{justify-content:space-between}h2[b-qy3vd1ie6j]{margin:0 0 8px}header p[b-qy3vd1ie6j],.scope-note[b-qy3vd1ie6j],.filters[b-qy3vd1ie6j]{color:var(--text-muted,#746e66);font-size:.88rem}.filters[b-qy3vd1ie6j]{margin:20px 0}.filters label[b-qy3vd1ie6j]{display:flex;align-items:center;gap:10px}.scope-note[b-qy3vd1ie6j]{line-height:1.7;max-width:90ch}.table-scroll[b-qy3vd1ie6j]{overflow-x:auto}table[b-qy3vd1ie6j]{width:100%;border-collapse:collapse;text-align:start;font-size:.88rem}th[b-qy3vd1ie6j],td[b-qy3vd1ie6j]{padding:14px 12px;text-align:start;border-bottom:1px solid var(--border-color,#e7e1d8);vertical-align:top}th[b-qy3vd1ie6j]{font-weight:600;color:var(--text-muted,#746e66)}td small[b-qy3vd1ie6j],td time[b-qy3vd1ie6j],td code[b-qy3vd1ie6j]{display:block;margin-top:7px}code[b-qy3vd1ie6j]{direction:ltr;text-align:start;font-size:.72rem;overflow-wrap:anywhere;max-width:32ch}td a[b-qy3vd1ie6j]{color:var(--primary,#7c183d)}.state[b-qy3vd1ie6j]{display:inline-block;border-radius:20px;padding:4px 10px;background:#f1f1ee;margin-bottom:8px}.Completed[b-qy3vd1ie6j]{background:#e6f3ec;color:#206545}.Failed[b-qy3vd1ie6j]{background:#fbe9eb;color:#a3253c}.Pending[b-qy3vd1ie6j],.Processing[b-qy3vd1ie6j]{background:#fff3d9;color:#785717}.failure[b-qy3vd1ie6j]{max-width:38ch;line-height:1.65;margin:4px 0;color:#a3253c}footer[b-qy3vd1ie6j]{justify-content:center;margin-top:20px}.empty[b-qy3vd1ie6j]{padding:36px;text-align:center;color:#746e66}@media(max-width:700px){.ai-logs[b-qy3vd1ie6j]{padding:16px}table[b-qy3vd1ie6j]{min-width:750px}}
/* /Components/UI/AudioComposer.razor.rz.scp.css */
.audio-composer[b-j6hqe2qvgr], .audio-controls[b-j6hqe2qvgr] { display: contents; }
.audio-controls[b-j6hqe2qvgr] { border: 0; padding: 0; margin: 0; min-width: 0; }
.audio-actions[b-j6hqe2qvgr] { display: flex; align-items: center; gap: 4px; }
.audio-icon[b-j6hqe2qvgr] { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid transparent; border-radius: 50%; padding: 0; background: transparent; color: #667781; cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s; }
.audio-icon[b-j6hqe2qvgr]  svg { width: 21px; height: 21px; flex-shrink: 0; }
.audio-icon:active:not(:disabled)[b-j6hqe2qvgr] { box-shadow: inset 0 0 0 2px #0000000a; }
.audio-icon:hover[b-j6hqe2qvgr] { background: #e8eeec; }
.audio-icon:focus-visible[b-j6hqe2qvgr], .attach-audio:focus-within[b-j6hqe2qvgr] { outline: 2px solid #008069; outline-offset: 3px; }
.audio-icon.microphone[b-j6hqe2qvgr], .audio-icon.voice-send[b-j6hqe2qvgr] { background: #008069; color: white; }
.audio-icon.microphone:hover[b-j6hqe2qvgr], .audio-icon.voice-send:hover[b-j6hqe2qvgr] { background: #006e5a; }
.attach-audio[b-j6hqe2qvgr] { overflow: hidden; background: #fff; border-color: #e1e7e5; }
.attach-audio[b-j6hqe2qvgr]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.audio-controls:disabled .audio-icon[b-j6hqe2qvgr] { opacity: .45; cursor: wait; }
.voice-preview[b-j6hqe2qvgr] { order: 10; display: flex; align-items: center; gap: 10px; flex-basis: 100%; min-width: 0; padding: 6px 10px; background: #fff; border: 1px solid #dfe7e3; border-radius: 28px; margin-top: 4px; }
.voice-preview audio[b-j6hqe2qvgr] { flex: 1; min-width: 0; height: 40px; }
.voice-preview.is-recording[b-j6hqe2qvgr] { flex-basis: min(100%, 460px); max-width: 460px; box-sizing: border-box; margin-inline-start: auto; padding: 8px; gap: 12px; border-color: #e3e8e6; box-shadow: 0 2px 8px #233b3005; }
.voice-preview .audio-icon.discard[b-j6hqe2qvgr] { background: #f5f7f6; border-color: #e7ece9; color: #76847e; }
.voice-preview .audio-icon.discard:hover[b-j6hqe2qvgr] { background: #fff0f1; border-color: #f3ccd0; color: #bc3341; }
.voice-preview .audio-icon.stop[b-j6hqe2qvgr] { background: #c93d4c; color: #fff; box-shadow: 0 2px 5px #c93d4c20; }
.voice-preview .audio-icon.stop:hover[b-j6hqe2qvgr] { background: #b42e3e; }
.voice-preview .audio-icon.stop[b-j6hqe2qvgr]  svg { width: 22px; height: 22px; }
.recording-status[b-j6hqe2qvgr] { display: flex; align-items: center; gap: 10px; flex: 1; font-size: 13px; color: #374b45; }
.recording-dot[b-j6hqe2qvgr] { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #e34b55; box-shadow: 0 0 0 4px #e34b5510; animation: recording-pulse-b-j6hqe2qvgr 1.2s ease-in-out infinite; }
.recording-limit[b-j6hqe2qvgr] { color: #667781; font-size: 11px; }
.audio-error[b-j6hqe2qvgr] { order: 11; flex-basis: 100%; margin: 4px 8px; color: #a51d24; font-size: 12px; }
@keyframes recording-pulse-b-j6hqe2qvgr { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .recording-dot[b-j6hqe2qvgr] { animation: none; } }
@media (max-width: 480px) { .audio-actions[b-j6hqe2qvgr] { gap: 4px; } .recording-limit[b-j6hqe2qvgr] { display: none; } .voice-preview[b-j6hqe2qvgr] { gap: 4px; padding-inline: 4px; } .voice-preview.is-recording[b-j6hqe2qvgr] { flex-basis: 100%; max-width: none; } }
.audio-actions.is-hidden[b-j6hqe2qvgr] { display: none; }
.voice-preview.is-recording[b-j6hqe2qvgr], .voice-preview.is-ready[b-j6hqe2qvgr] { flex-basis: 100%; max-width: none; margin: 0; flex-wrap: wrap; }
.waveform-panel[b-j6hqe2qvgr] { flex: 1; min-width: 80px; direction: ltr; }
.waveform-panel canvas[b-j6hqe2qvgr] { display: block; width: 100%; height: 40px; }
.recording-status[b-j6hqe2qvgr] { flex: 0 1 auto; }
.voice-preview.is-ready .waveform-panel[b-j6hqe2qvgr] { flex-basis: calc(100% - 60px); }
@media (max-width: 480px) { .recording-status[b-j6hqe2qvgr] { font-size: 11px; gap: 5px; } .waveform-panel[b-j6hqe2qvgr] { min-width: 50px; } }
/* /Components/UI/AudioTranscript.razor.rz.scp.css */
.audio-transcript[b-au3eo0wxtb]{margin-top:12px;border-top:1px solid #dce5e6;padding-top:10px;font-size:.85rem;line-height:1.7}.audio-transcript summary[b-au3eo0wxtb]{cursor:pointer;font-weight:600}.audio-transcript p[b-au3eo0wxtb]{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.formal-summary[b-au3eo0wxtb]{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(0,128,110,.06)}small[b-au3eo0wxtb]{color:var(--text-muted,#6b777c)}
/* /Components/UI/CollectionAnswers.razor.rz.scp.css */
.collection-answers[b-47f10nejl8] { display: grid; gap: 16px; }
.answer-field[b-47f10nejl8] { display: grid; gap: 6px; }
.answer-option[b-47f10nejl8] { display: flex; align-items: center; gap: 8px; margin-block: 6px; }
small[b-47f10nejl8] { color: var(--pioneers-muted, #746F68); }
/* /Components/UI/CollectionFieldsEditor.razor.rz.scp.css */
.form-fields-editor[b-d14v6ufsu9] { display:grid; gap:18px; max-width:880px; }
.field-editor[b-d14v6ufsu9] { border:1px solid #dfe7f1; border-radius:14px; padding:24px; background:#fff; display:grid; gap:12px; min-width:0; }
.surface-section-heading[b-d14v6ufsu9] { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid #edf1f7; }.surface-section-heading h4[b-d14v6ufsu9] { font-size:14px; margin:0; color:#3f5778; overflow-wrap:anywhere; }.surface-section-heading button[b-d14v6ufsu9] { font-size:11px; color:#a56771; border:0; background:#fff5f5; min-height:34px; padding:7px 12px; }
.form-fields-grid[b-d14v6ufsu9] { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; align-items:end; }
label[b-d14v6ufsu9] { display:grid; gap:6px; font-size:13px; color:#4f617c; }label:has(input[type=checkbox])[b-d14v6ufsu9] { display:flex; align-items:center; gap:8px; padding-bottom:10px; }
.field-advanced[b-d14v6ufsu9] { border-top:1px solid #edf1f7; margin-top:8px; }summary[b-d14v6ufsu9] { font-size:12px; color:#5d779b; padding:16px 0 2px; cursor:pointer; }summary span[b-d14v6ufsu9] { color:#9aa6b8; font-size:11px; margin-inline-start:10px; }.advanced-fields[b-d14v6ufsu9] { display:grid; gap:12px; padding-top:12px; }
p[b-d14v6ufsu9] { font-size:12px; color:#8a96aa; line-height:1.8; }.fields-empty[b-d14v6ufsu9] { display:grid; justify-items:center; gap:12px; padding:38px 20px; border:1px dashed #cfddf0; background:#f0f5fc; border-radius:14px; text-align:center; color:#6b8dbb; }.fields-empty h3[b-d14v6ufsu9] { font-size:17px; color:#405d82; margin:0; }.fields-empty p[b-d14v6ufsu9] { margin:0; }.form-fields-editor > button[b-d14v6ufsu9] { justify-self:start; min-width:150px; }
@media(max-width:640px) { .field-editor[b-d14v6ufsu9] { padding:18px; }.form-fields-grid[b-d14v6ufsu9] { grid-template-columns:1fr; }summary span[b-d14v6ufsu9] { display:block; margin:8px 0 0; }.surface-section-heading[b-d14v6ufsu9] { align-items:flex-start; } }
/* /Components/UI/FormImportPanel.razor.rz.scp.css */
.import-card[b-oweuf91eeq] { background:#fff; border:1px solid #e0e7f1; border-radius:16px; padding:28px; min-width:0; }
.import-heading[b-oweuf91eeq] { display:flex; align-items:center; gap:12px; }.import-heading h2[b-oweuf91eeq] { font-size:16px; color:#30445f; margin:0 0 5px; }.import-heading p[b-oweuf91eeq] { font-size:12px; color:#8190a4; margin:0; line-height:1.8; }.step-number[b-oweuf91eeq] { flex-shrink:0; display:grid; place-items:center; width:32px; height:32px; background:#edf4ff; color:#427edd; font-size:13px; font-weight:700; border-radius:9px; }
fieldset[b-oweuf91eeq] { padding:0; margin:0; min-width:0; }label[b-oweuf91eeq] { display:block; font-size:13px; color:#43536c; font-weight:600; margin:20px 0 8px; }.pioneers-input[b-oweuf91eeq] { margin-top:8px; width:100%; max-width:none; min-height:44px; border:1px solid #dce4ee; border-radius:9px; padding:11px 13px; font-size:13px; font-family:inherit; }small[b-oweuf91eeq] { display:block; font-size:11px; color:#8692a4; line-height:1.8; }.required[b-oweuf91eeq] { color:#cd6370; }.optional[b-oweuf91eeq] { font-weight:400; color:#8a97aa; font-size:11px; }.import-divider[b-oweuf91eeq] { height:1px; background:#edf0f6; margin:28px 0; }
.import-advanced[b-oweuf91eeq] { border:1px solid #e2e8f1; border-radius:10px; margin-top:26px; }summary[b-oweuf91eeq] { cursor:pointer; color:#526983; font-size:12px; font-weight:600; padding:16px; }summary span[b-oweuf91eeq] { font-weight:400; color:#98a3b3; font-size:11px; margin-inline-start:8px; }.advanced-body[b-oweuf91eeq] { padding:0 18px 18px; border-top:1px solid #edf0f6; }.connection-link[b-oweuf91eeq] { display:inline-block; margin-top:12px; font-size:12px; }
.import-actions[b-oweuf91eeq] { display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:24px; border-top:1px solid #e9eef5; padding-top:20px; }.import-actions p[b-oweuf91eeq] { margin:0; display:flex; align-items:center; gap:8px; color:#8090a6; font-size:11px; line-height:1.8; }.import-actions button[b-oweuf91eeq] { min-width:230px; }.import-error[b-oweuf91eeq] { background:#fff1f2; color:#a84456; padding:14px; margin-top:20px; border-radius:8px; font-size:12px; line-height:1.8; }.import-results[b-oweuf91eeq] { background:#f1f6fd; border-radius:10px; padding:18px; margin-top:20px; }.import-results h3[b-oweuf91eeq] { font-size:14px; margin-top:0; }.import-results p[b-oweuf91eeq] { font-size:12px; color:#697f9e; line-height:1.9; }
@media(max-width:640px) { .import-card[b-oweuf91eeq] { padding:20px; }.import-actions button[b-oweuf91eeq] { width:100%; min-width:0; }.import-heading h2[b-oweuf91eeq] { font-size:15px; }summary span[b-oweuf91eeq] { display:block; margin:7px 0 0; } }
.ai-import-note[b-oweuf91eeq] { display:flex; align-items:flex-start; gap:12px; background:#f2f5ff; border:1px solid #e2e8fa; border-radius:10px; padding:16px; margin-top:22px; color:#526eab; }.ai-import-note strong[b-oweuf91eeq] { font-size:12px; }.ai-import-note p[b-oweuf91eeq] { font-size:12px; line-height:1.9; color:#7385a3; margin:6px 0; }.import-progress[b-oweuf91eeq] { display:flex; gap:12px; align-items:center; padding:16px; margin-top:16px; border:1px solid #d5e5fc; border-radius:10px; background:#f5f9ff; }.import-progress strong[b-oweuf91eeq] { font-size:12px; color:#426ba5; }.import-progress small[b-oweuf91eeq] { display:block; margin-top:4px; }.progress-spinner[b-oweuf91eeq] { flex-shrink:0; width:20px; height:20px; border:2px solid #d0e0fa; border-top-color:#3479ee; border-radius:50%; animation:import-spin-b-oweuf91eeq 1s linear infinite; }@keyframes import-spin-b-oweuf91eeq { to { transform:rotate(360deg); } }@media(prefers-reduced-motion:reduce) { .progress-spinner[b-oweuf91eeq] { animation:none; } }
/* /Components/UI/MessageClassification.razor.rz.scp.css */
.message-classification[b-uwr2lx8qva] { display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap; font-size:10px; line-height:1.6; color:#78847d; margin-block:3px; }
.emotion[b-uwr2lx8qva],.intent[b-uwr2lx8qva] { border-radius:7px; padding:1px 6px; background:#edf1ee; color:#56665b; }
.emotion.Happy[b-uwr2lx8qva] { background:#e5f3e9; color:#297044; }.emotion.Angry[b-uwr2lx8qva],.emotion.Sad[b-uwr2lx8qva] {background:#fae9e9;color:#a04444}.emotion.Worried[b-uwr2lx8qva] {background:#fbf0d9;color:#8a6b24}
.analysis-spinner[b-uwr2lx8qva] { width:8px; height:8px; border:1.5px solid #ccd8d1; border-top-color:#718378; border-radius:50%; animation:analysis-turn-b-uwr2lx8qva .9s linear infinite; }
.analysis-unavailable[b-uwr2lx8qva] { color:#93867a; }
@keyframes analysis-turn-b-uwr2lx8qva { to {transform:rotate(360deg)} }
@media(prefers-reduced-motion:reduce) {.analysis-spinner[b-uwr2lx8qva] {animation:none}}
/* /Components/UI/ProductPreview.razor.rz.scp.css */
.product-illustration[b-5bwbrpif77] { margin: 0; }
.product-illustration-link[b-5bwbrpif77] { display: block; border-radius: 26px; overflow: hidden; border: 1px solid #e7dfe9; box-shadow: 0 18px 55px #4c2d4c0c; cursor: zoom-in; }
.product-illustration img[b-5bwbrpif77] { display: block; width: 100%; height: auto; }
.product-illustration figcaption[b-5bwbrpif77] { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-top: 17px; color: #766879; font-size: 13px; line-height: 1.8; }
.product-illustration figcaption a[b-5bwbrpif77] { color: #7c193f; white-space: nowrap; text-underline-offset: 4px; }
.product-illustration a:focus-visible[b-5bwbrpif77] { outline: 3px solid #7c193f; outline-offset: 5px; }
@media (max-width: 600px) { .product-illustration-link[b-5bwbrpif77] { border-radius: 15px; } .product-illustration figcaption[b-5bwbrpif77] { flex-direction: column; gap: 5px; font-size: 12px; } }
/* /Components/UI/TrainingRegistrationPanel.razor.rz.scp.css */
.training-panel[b-qbn1ohdt69] { color:#243b55; min-width:0; padding-top:12px; }
.training-header[b-qbn1ohdt69] { display:flex; justify-content:space-between; align-items:center; gap:12px; }.training-eyebrow[b-qbn1ohdt69] { font-size:10px; color:#6d86a7; }.training-header h3[b-qbn1ohdt69] { font-size:17px; margin:5px 0; }
.training-link[b-qbn1ohdt69] { border:0; background:none; color:#286de0; cursor:pointer; font:inherit; font-size:12px; padding:7px 0; }.training-link:disabled[b-qbn1ohdt69] { opacity:.5; cursor:default; }
.training-progress[b-qbn1ohdt69] { list-style:none; display:flex; padding:0; margin:22px 0; gap:8px; }.training-progress li[b-qbn1ohdt69] { display:flex; gap:6px; align-items:center; flex:1; font-size:11px; padding-bottom:12px; border-bottom:2px solid #e4eaf2; color:#8291a4; }.training-progress li span[b-qbn1ohdt69] { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; background:#eff3f8; }.training-progress .current[b-qbn1ohdt69] { border-color:#3274e7; color:#2865c7; }.training-progress .current span[b-qbn1ohdt69] { background:#e8f0ff; }.training-progress .done[b-qbn1ohdt69] { color:#27805a; border-color:#a9d6c1; }
.training-fieldset[b-qbn1ohdt69] { border:0; padding:0; margin:0; min-width:0; }.training-section-title[b-qbn1ohdt69] { margin:20px 0 14px; }.training-section-title h4[b-qbn1ohdt69] { font-size:14px; margin:0; }.training-section-title p[b-qbn1ohdt69],.training-muted[b-qbn1ohdt69] { font-size:12px; color:#77889e; line-height:1.9; margin:7px 0; }
.training-search[b-qbn1ohdt69] { display:flex; gap:8px; }.training-search input[b-qbn1ohdt69] { min-width:0; flex:1; }.training-options[b-qbn1ohdt69] { display:grid; gap:10px; margin:14px 0; }.training-option[b-qbn1ohdt69] { display:flex; justify-content:space-between; align-items:center; gap:12px; border:1px solid #dee6f0; padding:14px; border-radius:10px; background:#fff; color:inherit; text-align:start; cursor:pointer; font:inherit; min-width:0; }.training-option:hover[b-qbn1ohdt69],.training-option.selected[b-qbn1ohdt69] { border-color:#79a7ee; background:#f5f8ff; }.training-option strong[b-qbn1ohdt69] { display:block; font-size:13px; }.training-option small[b-qbn1ohdt69] { display:block; font-size:11px; color:#7c8b9f; line-height:1.9; margin-top:3px; }.training-option b[b-qbn1ohdt69] { color:#3273d8; }.training-price[b-qbn1ohdt69] { text-align:end; color:#245dad; font-size:15px; flex-shrink:0; }.training-empty[b-qbn1ohdt69] { padding:24px 14px; border:1px dashed #d7e0ec; border-radius:10px; text-align:center; color:#7a8798; font-size:12px; }
.training-selection[b-qbn1ohdt69] { display:grid; gap:6px; padding:16px; background:#f3f7ff; border:1px solid #dce7f9; border-radius:10px; font-size:12px; margin:12px 0; }.training-selection strong[b-qbn1ohdt69] { font-size:14px; }.training-selection b[b-qbn1ohdt69] { color:#235fab; font-size:16px; margin-top:5px; }
.training-upload[b-qbn1ohdt69] { display:grid; gap:12px; padding:16px; border:1px dashed #cad7e8; border-radius:10px; background:#fafcff; margin:12px 0; font-size:12px; }.training-upload strong[b-qbn1ohdt69],.training-upload small[b-qbn1ohdt69] { display:block; }.training-upload small[b-qbn1ohdt69] { color:#71859e; margin-top:6px; }.training-upload[b-qbn1ohdt69]  input { width:100%; min-width:0; font-size:11px; }
.training-actions[b-qbn1ohdt69] { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; padding-top:18px; margin-top:18px; border-top:1px solid #e6ebf3; }.training-actions button[b-qbn1ohdt69] { font-size:12px; }.training-alert[b-qbn1ohdt69] { padding:12px 14px; border:1px solid #e6dfc5; background:#fffbed; color:#806934; font-size:12px; line-height:1.9; margin:12px 0; border-radius:9px; }.training-alert.error[b-qbn1ohdt69] { background:#fff2f2; border-color:#f0d0d5; color:#a04350; }
.training-consent[b-qbn1ohdt69] { padding:16px; background:#f6f8fb; border-radius:10px; margin:18px 0; font-size:12px; }.training-consent p[b-qbn1ohdt69] { line-height:1.9; }.training-consent small[b-qbn1ohdt69] { color:#8290a0; }.training-confirm[b-qbn1ohdt69] { display:flex; gap:10px; align-items:flex-start; font-size:12px; line-height:1.9; }.training-confirm input[b-qbn1ohdt69] { margin-top:6px; flex:0 0 auto; }
.training-receipt[b-qbn1ohdt69] { text-align:center; padding:24px 10px; }.receipt-symbol[b-qbn1ohdt69] { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 16px; border-radius:50%; color:#267558; background:#eaf6f0; font-size:23px; }.training-receipt h4[b-qbn1ohdt69] { font-size:16px; margin:0; }.training-receipt p[b-qbn1ohdt69] { color:#738298; font-size:12px; line-height:1.9; }.training-receipt dl[b-qbn1ohdt69] { display:grid; gap:8px; border:1px solid #e1e7ef; border-radius:10px; padding:14px; margin-top:20px; font-size:11px; text-align:start; }.training-receipt dt[b-qbn1ohdt69] { color:#7b8ba0; }.training-receipt dd[b-qbn1ohdt69] { margin:0 0 8px; overflow-wrap:anywhere; }
@media(max-width:480px) { .training-header[b-qbn1ohdt69] { align-items:flex-start; }.training-actions button[b-qbn1ohdt69] { flex:1; }.training-option[b-qbn1ohdt69] { padding:12px; gap:8px; }.training-header h3[b-qbn1ohdt69] { font-size:15px; } }
/* /Components/UI/TrainingWorkflowOverview.razor.rz.scp.css */
.workflow-overview[b-uzknv5vh6r] { display:grid; gap:22px; min-width:0; }
.workflow-banner[b-uzknv5vh6r] { display:flex; align-items:flex-start; gap:16px; border:1px solid #d7e5fa; background:#f0f6ff; border-radius:14px; padding:24px; }
.workflow-symbol[b-uzknv5vh6r] { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:12px; background:#fff; color:#2569dc; font-size:23px; }
.workflow-banner strong[b-uzknv5vh6r] { font-size:16px; color:#264b7b; }
.workflow-banner p[b-uzknv5vh6r],.workflow-steps p[b-uzknv5vh6r] { color:#64758c; font-size:13px; line-height:1.9; margin:8px 0 0; }
.workflow-steps[b-uzknv5vh6r] { list-style:none; counter-reset:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; margin:0; }
.workflow-steps li[b-uzknv5vh6r] { display:flex; align-items:flex-start; gap:16px; border:1px solid #e0e7f1; border-radius:14px; background:#fff; padding:24px; min-width:0; }
.step-index[b-uzknv5vh6r] { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; background:#eef3fa; color:#52729a; border-radius:9px; font-size:13px; font-weight:700; }
.workflow-steps h3[b-uzknv5vh6r] { margin:3px 0 0; font-size:15px; color:#233c59; }
.step-tag[b-uzknv5vh6r] { display:inline-block; margin-top:16px; color:#52749f; font-size:11px; border-radius:6px; background:#f4f7fb; padding:5px 9px; }
.workflow-note[b-uzknv5vh6r] { background:#fff9ed; border:1px solid #f0e0ba; color:#82652e; border-radius:10px; padding:15px 20px; font-size:12px; line-height:1.9; margin:0; }
@media(max-width:680px) { .workflow-steps[b-uzknv5vh6r] { grid-template-columns:1fr; }.workflow-banner[b-uzknv5vh6r],.workflow-steps li[b-uzknv5vh6r] { padding:18px; gap:12px; }.workflow-banner strong[b-uzknv5vh6r] { font-size:14px; } }