/* /Pages/Account.razor.rz.scp.css */
.member-email[b-q20o5nhl7q] { display: block; margin-top: .35rem; overflow-wrap: anywhere; color: var(--ink-700); }
.subaccount-toolbar[b-q20o5nhl7q] { display: flex; justify-content: flex-end; width: 100%; }
.account-dialog[b-q20o5nhl7q], .subaccount-dialog[b-q20o5nhl7q] { width: min(560px, 100%); max-height: calc(100dvh - 24px); overflow-y: auto; padding: 1.25rem; }
.account-dialog .panel-heading[b-q20o5nhl7q], .subaccount-dialog .panel-heading[b-q20o5nhl7q] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.account-dialog .field-label[b-q20o5nhl7q], .subaccount-dialog .field-label[b-q20o5nhl7q] { display: block; margin: .9rem 0 .4rem; color: var(--ink-700); }
.account-dialog .form-actions[b-q20o5nhl7q], .subaccount-dialog .form-actions[b-q20o5nhl7q] { display: flex; justify-content: flex-end; margin-top: 1.25rem; gap: .75rem; }
.account-dialog .btn[b-q20o5nhl7q], .subaccount-dialog .btn[b-q20o5nhl7q] { min-height: 44px; min-width: 44px; }
.account-dialog .form-control[b-q20o5nhl7q], .subaccount-dialog .form-control[b-q20o5nhl7q] { min-width: 0; }
.account-dialog .btn:focus-visible[b-q20o5nhl7q], .subaccount-dialog .btn:focus-visible[b-q20o5nhl7q] { outline: 3px solid var(--brand-100); outline-offset: 3px; }
.break-text[b-q20o5nhl7q] { overflow-wrap: anywhere; }
.settings-grid[b-q20o5nhl7q] { margin-bottom: 1.5rem; }
.token-history[b-q20o5nhl7q] { margin-bottom: 1.5rem; }
.payment-packages[b-q20o5nhl7q] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.payment-package[b-q20o5nhl7q] { display: flex; flex-direction: column; gap: .35rem; padding: 1rem; text-align: left; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); color: inherit; cursor: pointer; }
.payment-package.is-selected[b-q20o5nhl7q] { border-color: var(--brand-500); box-shadow: 0 0 0 2px rgba(22,160,133,.2); }
.payment-package span[b-q20o5nhl7q] { font-weight: 700; color: var(--brand-500); }
.payment-package small[b-q20o5nhl7q] { color: var(--ink-700); }
.payment-qr[b-q20o5nhl7q] { display: block; width: min(280px, 100%); margin: 1rem auto 0; border-radius: var(--radius-md); }
@media (max-width: 640px) { .payment-packages[b-q20o5nhl7q] { grid-template-columns: 1fr; } }
[b-q20o5nhl7q] .workspace-actions .btn { flex-basis: 96px; }
@media (max-width: 420px) { .account-dialog[b-q20o5nhl7q], .subaccount-dialog[b-q20o5nhl7q] { padding: 1rem; } .account-dialog h2[b-q20o5nhl7q], .subaccount-dialog h2[b-q20o5nhl7q] { font-size: 1.25rem; } .account-dialog .form-actions > .btn[b-q20o5nhl7q] { flex: 1 1 0; } }
.payment-dialog[b-q20o5nhl7q] { width: min(1120px, calc(100vw - 32px)); max-width: 1120px; }
.payment-dialog .payment-packages[b-q20o5nhl7q] { grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 1rem; }
.payment-order-layout[b-q20o5nhl7q] { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(300px, 1fr); gap: 1.5rem; align-items: start; margin-top: 1.25rem; }
.payment-qr-wrap[b-q20o5nhl7q] { background: #fff; border-radius: var(--radius-md); padding: 1rem; display: flex; justify-content: center; }
.payment-details[b-q20o5nhl7q] { display: grid; gap: .7rem; }
.payment-details > div[b-q20o5nhl7q] { display: grid; grid-template-columns: 1fr auto auto; gap: .5rem; align-items: center; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: var(--radius-md); }
.payment-details span[b-q20o5nhl7q] { color: var(--ink-700); font-size: .85rem; grid-column: 1 / -1; }
.payment-details strong[b-q20o5nhl7q] { overflow-wrap: anywhere; }
@media (max-width: 900px) { .payment-dialog .payment-packages[b-q20o5nhl7q] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .payment-dialog[b-q20o5nhl7q] { width: calc(100vw - 16px); padding: 1rem; } .payment-dialog .payment-packages[b-q20o5nhl7q] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .payment-order-layout[b-q20o5nhl7q] { grid-template-columns: 1fr; } .payment-qr[b-q20o5nhl7q] { width: min(320px, 100%); } }
.payment-create-actions[b-q20o5nhl7q] { justify-content: flex-end; }
.payment-qr-column[b-q20o5nhl7q] { display: flex; flex-direction: column; align-items: center; gap: .75rem; }
.payment-qr-wrap[b-q20o5nhl7q] { width: fit-content; max-width: 100%; padding: .5rem; }
.payment-qr[b-q20o5nhl7q] { width: min(280px, 100%); height: auto; }
.payment-countdown[b-q20o5nhl7q] { font-weight: 700; color: var(--brand-500); text-align: center; }
@media (max-width: 640px) { .payment-order-layout[b-q20o5nhl7q] { grid-template-columns: 1fr; } .payment-qr-column[b-q20o5nhl7q] { order: 2; } }
/* /Pages/Index.razor.rz.scp.css */
.support-card[b-8tid2abymn], .admin-card[b-8tid2abymn] { background: #fff; border: 1px solid #dce7e5; border-radius: 18px; box-shadow: 0 12px 36px rgba(15,118,110,.09); padding: clamp(18px,4vw,38px); }
.admin-card[b-8tid2abymn] { margin-top: 24px; }
.support-header[b-8tid2abymn], .section-header[b-8tid2abymn], .admin-actions[b-8tid2abymn], .item-actions[b-8tid2abymn], .dialog-actions[b-8tid2abymn], .button-row[b-8tid2abymn] { display: flex; align-items: center; }
.support-header[b-8tid2abymn], .section-header[b-8tid2abymn] { justify-content: space-between; gap: 16px; margin-bottom: 28px; }
h1[b-8tid2abymn], h2[b-8tid2abymn] { margin: 0; color: #113c3a; font-weight: 700; }
h1[b-8tid2abymn] { font-size: clamp(1.8rem,5vw,2.5rem); }
h2[b-8tid2abymn] { font-size: 1.35rem; }
.eyebrow[b-8tid2abymn] { color: #0f766e; font-size: .72rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 4px; }
.admin-actions[b-8tid2abymn] { gap: 10px; }
.prompt-toolbar[b-8tid2abymn] { display: flex; align-items: center; gap: 10px; }
.prompt-toolbar .form-control[b-8tid2abymn] { min-width: 220px; }
.admin-badge[b-8tid2abymn], .status-pill[b-8tid2abymn] { border-radius: 999px; font-size: .78rem; font-weight: 700; padding: 6px 10px; }
.admin-badge[b-8tid2abymn], .status-pill.active[b-8tid2abymn] { color: #08635c; background: #dff8f2; }
.status-pill.inactive[b-8tid2abymn] { color: #6b7280; background: #eef1f4; }
.form-group[b-8tid2abymn] { margin-bottom: 18px; }
label[b-8tid2abymn] { display: block; color: #244846; font-weight: 650; margin-bottom: 8px; }
.form-control[b-8tid2abymn] { border-color: #c7d9d6; border-radius: 10px; min-height: 44px; }
.form-control:focus[b-8tid2abymn] { border-color: #0f766e; box-shadow: 0 0 0 .2rem rgba(15,118,110,.14); }
.content-box[b-8tid2abymn] { min-height: clamp(150px,24vh,250px); resize: vertical; overflow-y: auto; line-height: 1.55; }
.upload-zone[b-8tid2abymn] { align-items: center; border: 2px dashed #9fc7c2; border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 132px; overflow: hidden; padding: 20px; position: relative; text-align: center; transition: background-color .2s,border-color .2s; }
.upload-zone:hover[b-8tid2abymn], .upload-zone:focus-within[b-8tid2abymn] { background: #f0faf7; border-color: #0f766e; }
.upload-zone.is-dragging[b-8tid2abymn] { background: #e4f7f2; border-color: #0f766e; box-shadow: 0 0 0 3px rgba(15,118,110,.14); }
.upload-zone.disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.upload-zone input[type=file][b-8tid2abymn] { cursor: pointer; height: 100%; inset: 0; opacity: 0; position: absolute; width: 100%; }
.upload-zone.disabled input[type=file][b-8tid2abymn] { cursor: not-allowed; }
.upload-icon[b-8tid2abymn] { color: #0f766e; font-size: 1.6rem; }
.upload-zone > span:last-child[b-8tid2abymn], .upload-help[b-8tid2abymn] { color: #667c79; }
.upload-help[b-8tid2abymn] { display: block; margin-top: 7px; }
.upload-list[b-8tid2abymn], .result-file-list[b-8tid2abymn] { display: grid; gap: 6px; margin-top: 10px; }
.upload-item[b-8tid2abymn], .result-file[b-8tid2abymn] { background: #f8fbfa; border: 1px solid #dce7e5; border-radius: 9px; min-width: 0; padding: 6px 8px; }
.upload-item.upload-error[b-8tid2abymn] { background: #fff5f5; border-color: #efbaba; }
.file-row[b-8tid2abymn], .result-file[b-8tid2abymn] { align-items: center; display: flex; gap: 7px; }
.file-icon[b-8tid2abymn] { color: #0f766e; flex: 0 0 auto; font-size: 1.12rem; height: 20px; line-height: 20px; width: 20px; }
.file-name[b-8tid2abymn], .result-file-name[b-8tid2abymn] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-name[b-8tid2abymn] { color: #244846; font-weight: 650; }
.file-size[b-8tid2abymn], .file-separator[b-8tid2abymn] { color: #667c79; flex: 0 0 auto; white-space: nowrap; }
.file-remove-button[b-8tid2abymn] { align-items: center; background: none; border: 0; color: #d12b2b; display: inline-flex; flex: 0 0 24px; font-size: 1.35rem; height: 24px; justify-content: center; line-height: 1; margin-left: auto; padding: 0; }
.file-remove-button:hover:not(:disabled)[b-8tid2abymn] { background: none; color: #9f1d1d; }
.file-remove-button:focus-visible[b-8tid2abymn] { background: none; color: #9f1d1d; outline: 2px solid rgba(159,29,29,.55); outline-offset: 2px; }
.file-remove-button:disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .55; }
.file-error-message[b-8tid2abymn] { color: #a22424; font-size: .78rem; line-height: 1.35; margin: 2px 41px 1px 27px; overflow-wrap: anywhere; }
.output-action-group[b-8tid2abymn] { margin-bottom: 18px; }
.output-action-row[b-8tid2abymn] { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 18px; }
.output-format-options[b-8tid2abymn] { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 18px; min-width: 0; }
.output-format-option[b-8tid2abymn] { align-items: center; cursor: pointer; display: inline-flex; gap: 6px; margin: 0; white-space: nowrap; }
.output-format-option:focus-within[b-8tid2abymn] { color: #0f766e; }
.output-format-option input[type=radio][b-8tid2abymn] { accent-color: #0f766e; cursor: pointer; margin: 0; }
.output-format-option input[type=radio]:disabled[b-8tid2abymn], .output-format-option:has(input:disabled)[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.output-format-icon[b-8tid2abymn] { color: #0f766e; flex: 0 0 auto; font-size: 1rem; width: 1rem; }
.output-group[b-8tid2abymn] { margin-top: 26px; }
.output-box[b-8tid2abymn] { background: #f8fbfa; }
.button-row[b-8tid2abymn] { justify-content: flex-end; }
.send-row[b-8tid2abymn] { flex: 0 0 auto; flex-wrap: nowrap; gap: 12px; margin-left: auto; min-height: 42px; }
.processing-status[b-8tid2abymn] { align-items: center; color: #0f766e; display: flex; font-weight: 650; gap: 9px; line-height: 1.35; }
.processing-spinner[b-8tid2abymn] { animation: processing-spin-b-8tid2abymn .75s linear infinite; border: 2px solid rgba(15,118,110,.25); border-radius: 50%; border-top-color: #0f766e; height: 18px; width: 18px; }
@keyframes processing-spin-b-8tid2abymn { to { transform: rotate(360deg); } }
.btn[b-8tid2abymn] { border-radius: 9px; font-weight: 650; min-height: 42px; }
.btn-primary[b-8tid2abymn] { background: #0f766e; border-color: #0f766e; padding-inline: 24px; }
.btn-primary:hover[b-8tid2abymn] { background: #0b5f59; border-color: #0b5f59; }
.status-message[b-8tid2abymn] { border-radius: 10px; margin-top: 18px; padding: 11px 14px; }
.status-message.error[b-8tid2abymn] { background: #fff0f0; color: #a22424; }
.status-message.success[b-8tid2abymn] { background: #ecf9f4; color: #176447; }
.result-section[b-8tid2abymn] { margin-top: 16px; }
.result-file-title[b-8tid2abymn] { color: #244846; font-weight: 650; }
.result-file[b-8tid2abymn] { padding: 7px 9px; }
.result-file-name[b-8tid2abymn] { color: #0f766e; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.result-file-name:hover[b-8tid2abymn] { color: #0b5f59; }
.result-file-name:focus-visible[b-8tid2abymn] { border-radius: 3px; outline: 3px solid rgba(15,118,110,.25); outline-offset: 2px; }
.modal-backdrop-custom[b-8tid2abymn] { align-items: center; background: rgba(7,30,29,.55); display: flex; inset: 0; justify-content: center; padding: 16px; position: fixed; z-index: 2000; }
.dialog-card[b-8tid2abymn] { background: #fff; border-radius: 16px; box-shadow: 0 24px 70px rgba(0,0,0,.28); max-height: calc(100vh - 32px); overflow-y: auto; padding: 26px; width: min(430px,100%); }
.dialog-card h2[b-8tid2abymn] { margin-bottom: 22px; }
.dialog-card label[b-8tid2abymn] { margin-top: 15px; }
.prompt-dialog[b-8tid2abymn] { width: min(720px,100%); }
.prompt-content[b-8tid2abymn] { min-height: 260px; resize: vertical; }
.dialog-actions[b-8tid2abymn] { justify-content: flex-end; gap: 10px; margin-top: 22px; }
.prompt-list[b-8tid2abymn] { display: grid; gap: 10px; }
.prompt-item[b-8tid2abymn] { align-items: center; border: 1px solid #e0ebe9; border-radius: 12px; display: flex; justify-content: space-between; padding: 14px; }
.prompt-summary[b-8tid2abymn] { align-items: center; display: grid; gap: 4px 10px; grid-template-columns: auto auto; }
.prompt-summary small[b-8tid2abymn] { color: #71817f; grid-column: 1 / -1; }
.item-actions[b-8tid2abymn] { flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.checkbox-row[b-8tid2abymn] { align-items: center; display: flex; gap: 8px; }
.password-panel[b-8tid2abymn] { border-top: 1px solid #e0ebe9; margin-top: 24px; padding-top: 18px; }
.password-panel summary[b-8tid2abymn] { color: #244846; cursor: pointer; font-weight: 700; }
.password-grid[b-8tid2abymn] { display: grid; gap: 10px; grid-template-columns: 1fr 1fr auto; margin-top: 14px; }
@media (max-width: 640px) {
    .support-header[b-8tid2abymn], .section-header[b-8tid2abymn] { align-items: flex-start; }
    .section-header[b-8tid2abymn] { flex-direction: column; }
    .prompt-toolbar[b-8tid2abymn] { width: 100%; }
    .prompt-toolbar .form-control[b-8tid2abymn] { min-width: 0; flex: 1; }
    .prompt-item[b-8tid2abymn] { align-items: stretch; flex-direction: column; gap: 12px; }
    .item-actions .btn[b-8tid2abymn] { flex: 1; }
    .password-grid[b-8tid2abymn] { grid-template-columns: 1fr; }
    .content-box[b-8tid2abymn] { min-height: 175px; }
    .upload-item[b-8tid2abymn], .result-file[b-8tid2abymn] { padding-block: 5px; }
    .file-row[b-8tid2abymn], .result-file[b-8tid2abymn] { gap: 5px; }
    .file-remove-button[b-8tid2abymn] { flex-basis: 28px; height: 28px; }
    .file-error-message[b-8tid2abymn] { margin-left: 25px; margin-right: 43px; }
    .output-action-row[b-8tid2abymn] { gap: 8px 12px; }
    .output-format-options[b-8tid2abymn] { gap: 7px 11px; }
    .send-row[b-8tid2abymn] { align-items: flex-end; flex-wrap: wrap; }
    .processing-status[b-8tid2abymn] { flex-basis: 100%; }
}
.voice-input-container[b-8tid2abymn] { background: var(--surface); border: 1px solid transparent; border-radius: 12px; min-width: 0; position: relative; }
.voice-input-container:focus-within[b-8tid2abymn] { box-shadow: 0 0 0 2px var(--brand-100); }
.voice-input-container.input-drop-zone .voice-input[b-8tid2abymn] { background: transparent !important; border: 0; border-radius: 12px; box-shadow: none; outline: 0; padding-bottom: 12px; }
.voice-input-container.input-drop-zone .voice-input:focus-visible[b-8tid2abymn] { outline: 2px solid var(--brand-500); outline-offset: -2px; }
.conversation-stream[b-8tid2abymn], .voice-input-container.input-drop-zone .voice-input[b-8tid2abymn] { -ms-overflow-style: none; scrollbar-width: none; }
.conversation-stream[b-8tid2abymn]::-webkit-scrollbar, .voice-input-container.input-drop-zone .voice-input[b-8tid2abymn]::-webkit-scrollbar { display: none; height: 0; width: 0; }
.input-actions[b-8tid2abymn] { align-items: center; display: flex; gap: 8px; padding: 10px 12px; }
.attachment-add[b-8tid2abymn] { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 9px; color: var(--ink-900); cursor: pointer; display: inline-flex; flex: 0 0 44px; font-size: 28px; font-weight: 400; height: 44px; justify-content: center; margin: 0; overflow: hidden; position: relative; }
.attachment-add input[type=file][b-8tid2abymn] { cursor: pointer; height: 100%; inset: 0; opacity: 0; position: absolute; width: 100%; }
.attachment-add:hover:not(.disabled)[b-8tid2abymn] { background: var(--brand-100); border-color: var(--brand-500); }
.attachment-add:focus-within[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 2px; }
.attachment-add.disabled[b-8tid2abymn], .attachment-add.disabled input[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.input-drop-hint[b-8tid2abymn] { align-items: center; background: var(--surface); border: 2px dashed var(--brand-500); border-radius: 11px; color: var(--ink-900); display: none; font-weight: 650; inset: 0; justify-content: center; padding: 12px; pointer-events: none; position: absolute; text-align: center; z-index: 1; }
.input-drop-zone.is-dragging:not(.disabled)[b-8tid2abymn] { border-color: var(--brand-500); box-shadow: 0 0 0 3px var(--brand-100); }
.input-drop-zone.is-dragging:not(.disabled) .input-drop-hint[b-8tid2abymn] { display: flex; }
.input-file-chips[b-8tid2abymn] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; max-height: 180px; overflow-y: auto; padding: 4px 12px; }
.input-file-chips .input-file-chip[b-8tid2abymn] { background: var(--brand-100); border-color: var(--line); color: var(--ink-900); flex: 0 1 300px; max-width: 100%; min-width: 0; padding: 2px 4px 2px 10px; }
.input-file-chip .file-name[b-8tid2abymn], .input-file-chip .file-size[b-8tid2abymn], .input-file-chip .file-separator[b-8tid2abymn] { color: var(--ink-700); }
.input-file-chip .file-remove-button[b-8tid2abymn] { flex-basis: 44px; height: 44px; }
.input-file-chip.upload-error[b-8tid2abymn] { border-color: #d49a39; }
.input-file-chip .file-error-message[b-8tid2abymn] { color: var(--ink-900); margin: 0 4px 8px; }
.input-actions .btn-primary[b-8tid2abymn] { flex-shrink: 0; min-height: 44px; padding-inline: 16px; }
.voice-input-button[b-8tid2abymn] { flex: 0 0 44px; align-items: center; background: var(--brand-100); border: 1px solid var(--ink-700); border-radius: 9px; color: var(--ink-900); cursor: pointer; display: flex; justify-content: center; min-height: 44px; min-width: 44px; padding: 10px; }
.voice-button-label[b-8tid2abymn] { clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.voice-input-button:hover:not(:disabled)[b-8tid2abymn] { box-shadow: 0 0 0 2px var(--line); }
.voice-input-button:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 3px; }
.voice-input-button[aria-pressed="true"][b-8tid2abymn] { background: #a22424; border-color: #a22424; color: #fff; }
.voice-input-button:disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.voice-input-status[b-8tid2abymn] { color: var(--ink-700); display: block; margin-top: 6px; }
.support-workspace[b-8tid2abymn] { background: var(--canvas); box-sizing: border-box; color: var(--ink-900); display: flex; flex-direction: column; height: var(--ai-workspace-height, calc(100dvh - 68px)); inset-inline: 0; overflow: hidden; padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); position: fixed; top: var(--ai-workspace-top, 68px); z-index: 1; }
.support-workspace .workspace-header[b-8tid2abymn] { flex: 0 0 auto; margin: 0 auto; min-height: 40px; padding: 5px 0; width: min(100%, 920px); }
.support-workspace .workspace-header h1[b-8tid2abymn] { color: var(--ink-900); font-size: 1.05rem; }
.support-workspace .workspace-header .btn[b-8tid2abymn] { font-size: .75rem; min-height: 32px; padding: 4px 10px; }
.support-workspace > .alert[b-8tid2abymn] { flex: 0 0 auto; font-size: .8rem; margin: 0 auto 4px; padding: 5px 10px; width: min(100%, 920px); }
.support-workspace label[b-8tid2abymn] { color: var(--ink-900); }
.conversation-section[b-8tid2abymn] { display: flex; flex: 1 1 0; flex-direction: column; margin: 0 calc(-1 * max(12px, env(safe-area-inset-right))) 0 calc(-1 * max(12px, env(safe-area-inset-left))); min-height: 0; min-width: 0; }
.conversation-heading[b-8tid2abymn] { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.conversation-heading[b-8tid2abymn] { flex: 0 0 auto; font-size: .75rem; margin: 0 auto 6px; padding-top: 6px; width: min(calc(100% - 24px), 920px); }
.conversation-heading h2[b-8tid2abymn] { color: var(--ink-700); font-size: .8rem; }
.conversation-heading a[b-8tid2abymn], .turn-history-link[b-8tid2abymn] { color: var(--ink-700); text-decoration: underline; text-underline-offset: 3px; }
.conversation-stream[b-8tid2abymn] { background: transparent; border: 0; flex: 1 1 0; min-height: 0; overflow-y: auto; overflow-anchor: none; overscroll-behavior: contain; padding: 8px max(14px, env(safe-area-inset-right), calc((100% - 916px) / 2)) 20px max(14px, env(safe-area-inset-left), calc((100% - 916px) / 2)); scroll-padding-block: 12px; }
.conversation-stream:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 2px; }
.conversation-content[b-8tid2abymn] { display: flex; flex-direction: column; gap: 16px; min-height: 100%; }
.conversation-empty[b-8tid2abymn] { color: var(--ink-900); font-size: clamp(1rem, 3vw, 1.35rem); margin-block: auto; padding: 24px 12px; text-align: center; }
.conversation-turn[b-8tid2abymn] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.conversation-message[b-8tid2abymn] { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; color: var(--ink-900); max-width: min(100%, 760px); min-width: min(230px, 100%); padding: 14px 16px; width: fit-content; }
.user-message[b-8tid2abymn] { align-self: flex-end; background: var(--brand-100); }
.assistant-message[b-8tid2abymn] { align-self: flex-start; }
.conversation-message header[b-8tid2abymn] { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; margin-bottom: 8px; }
.conversation-message header > *[b-8tid2abymn] { min-width: 0; overflow-wrap: anywhere; }
.conversation-message time[b-8tid2abymn], .turn-status[b-8tid2abymn] { color: var(--ink-700); font-size: .78rem; }
.message-text[b-8tid2abymn] { overflow-wrap: anywhere; white-space: pre-wrap; }
.message-attachments[b-8tid2abymn] { border-top: 1px solid var(--line); font-size: .85rem; list-style: none; margin: 12px 0 0; padding: 8px 0 0; overflow-wrap: anywhere; }
.message-attachments li[b-8tid2abymn] { margin-block: 4px; }
.message-actions[b-8tid2abymn] { align-items: center; color: var(--ink-700); display: flex; flex-wrap: wrap; font-size: .8rem; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.message-copy[b-8tid2abymn] { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 8px; color: var(--ink-700); cursor: pointer; display: inline-flex; justify-content: center; min-height: 44px; min-width: 44px; }
.message-copy:hover:not(:disabled)[b-8tid2abymn] { background: var(--canvas); border-color: var(--line); color: var(--ink-900); }
.message-copy:focus-visible[b-8tid2abymn], .turn-history-link:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 2px; }
.message-copy:disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .4; }
.turn-history-link[b-8tid2abymn] { margin-left: auto; }
.turn-processing[b-8tid2abymn] { align-items: center; color: var(--ink-700); display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.conversation-notice[b-8tid2abymn] { color: var(--ink-900); border-left: 3px solid #d49a39; padding-left: 10px; margin-block: 10px; overflow-wrap: anywhere; }
.conversation-result-file[b-8tid2abymn] { align-items: center; border: 1px solid var(--line); border-radius: 9px; display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 12px; padding: 10px; }
.conversation-result-file > span:nth-child(2)[b-8tid2abymn] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.conversation-result-file small[b-8tid2abymn] { color: var(--ink-700); }
.conversation-composer[b-8tid2abymn] { background: var(--canvas); display: flex; flex: 0 1 auto; flex-direction: column; margin: 0 auto; max-height: 68%; min-height: 0; overflow: hidden; padding: 8px 2px max(8px, env(safe-area-inset-bottom)); width: min(100%, 920px); }
.composer-options[b-8tid2abymn] { flex: 0 1 auto; min-height: 0; overflow: auto; padding: 4px 3px 8px; }
.conversation-composer .output-action-group > label[b-8tid2abymn] { display: none; }
.conversation-composer .form-group[b-8tid2abymn] { margin-bottom: 0; min-width: 0; }
.conversation-composer label[b-8tid2abymn] { font-size: .75rem; margin-bottom: 3px; }
.conversation-composer .attachment-add[b-8tid2abymn] { font-size: 28px; margin-bottom: 0; }
.conversation-composer .form-control[b-8tid2abymn] { font-size: .85rem; min-height: 34px; padding: 4px 8px; }
.conversation-composer .output-action-row[b-8tid2abymn], .conversation-composer .output-format-options[b-8tid2abymn] { gap: 8px 12px; }
.conversation-composer .output-format-option[b-8tid2abymn] { margin-bottom: 0; min-height: 30px; }
.conversation-composer .output-action-row > select[b-8tid2abymn] { flex: 1 1 130px; max-width: 220px; }
.conversation-composer .checkbox-row[b-8tid2abymn] { font-size: .72rem; }
.composer-input-group[b-8tid2abymn] { flex: 0 0 auto; }
.composer-input-group > label[b-8tid2abymn] { clip-path: inset(50%); height: 1px; position: absolute; width: 1px; }
.voice-input-container.input-drop-zone .voice-input[b-8tid2abymn] { font-size: 16px; height: 50px; line-height: 1.45; max-height: var(--ai-input-max-height, 180px); min-height: 42px; overflow-y: hidden; padding: 10px 12px; resize: none; }
.conversation-composer .input-actions[b-8tid2abymn] { padding: 8px 10px 10px; }
.conversation-composer .input-file-chips[b-8tid2abymn] { flex-wrap: nowrap; max-height: 80px; overflow-x: auto; overflow-y: hidden; }
.conversation-composer .input-file-chip[b-8tid2abymn] { flex: 0 0 250px; }
.conversation-composer .upload-help[b-8tid2abymn] { font-size: .65rem; line-height: 1.3; margin-top: 4px; }
.conversation-composer .voice-input-status:empty[b-8tid2abymn] { display: none; }
.conversation-composer .voice-input-status[b-8tid2abymn] { font-size: .75rem; line-height: 1.3; margin-top: 4px; max-height: 34px; overflow: auto; }
.conversation-composer .status-message[b-8tid2abymn] { background: transparent; color: var(--ink-700); font-size: .75rem; line-height: 1.3; margin-top: 4px; max-height: 34px; overflow: auto; padding: 0; }
.conversation-composer .status-message.error[b-8tid2abymn] { color: var(--ink-900); }
.support-workspace.keyboard-open .workspace-header[b-8tid2abymn] { display: none; }
.support-workspace.keyboard-open .conversation-stream[b-8tid2abymn] { padding-block: 2px; }
.support-workspace.keyboard-open .conversation-composer[b-8tid2abymn] { max-height: calc(100% - 32px); padding-bottom: 6px; }
.support-workspace.keyboard-open .composer-options[b-8tid2abymn] { display: flex; flex: 0 1 auto; max-height: 48px; overflow: auto; scrollbar-width: none; }
.support-workspace.keyboard-open .composer-options[b-8tid2abymn]::-webkit-scrollbar { display: none; }
.support-workspace.keyboard-open .output-action-group[b-8tid2abymn] { flex: 0 0 auto; }
.support-workspace.keyboard-open .composer-options > .form-group > label[b-8tid2abymn] { display: none; }
.support-workspace.keyboard-open .output-action-row[b-8tid2abymn] { flex-wrap: nowrap; width: max-content; }
.support-workspace.keyboard-open .output-action-row > *[b-8tid2abymn] { flex: 0 0 auto; }
.support-workspace.keyboard-open .output-format-options[b-8tid2abymn] { flex-wrap: nowrap; }
.support-workspace.keyboard-open .checkbox-row[b-8tid2abymn] { white-space: nowrap; }
.support-workspace.keyboard-open .upload-help[b-8tid2abymn], .support-workspace.keyboard-open .status-message.success[b-8tid2abymn] { display: none; }
.conversation-composer .upload-zone[b-8tid2abymn] { min-height: 84px; padding: 12px; }
.conversation-composer .send-row[b-8tid2abymn] { flex-basis: 100%; margin-top: 6px; }
@media (max-width: 640px) {
    .conversation-stream[b-8tid2abymn] { padding-block: 8px 16px; }
    .conversation-composer .input-actions[b-8tid2abymn] { gap: 8px; }
    .conversation-composer .output-format-options[b-8tid2abymn] { flex-wrap: nowrap; gap: 4px 10px; }
    .conversation-composer .output-format-option[b-8tid2abymn] { font-size: .72rem; min-height: 44px; }
    .conversation-composer .output-format-icon[b-8tid2abymn] { display: none; }
    .conversation-composer .output-action-group > label[b-8tid2abymn] { display: none; }
    .conversation-message[b-8tid2abymn] { padding: 12px; }
    .conversation-composer .send-row > .btn-primary[b-8tid2abymn] { flex: 1; }
    .conversation-result-file > .btn[b-8tid2abymn] { width: 100%; }
}
@media (max-height: 550px) {
    .support-workspace .workspace-header[b-8tid2abymn] { display: none; }
    .conversation-composer[b-8tid2abymn] { max-height: calc(100% - 48px); }
    .conversation-composer .upload-help[b-8tid2abymn], .conversation-composer .status-message.success[b-8tid2abymn] { display: none; }
    .composer-options > .form-group > label[b-8tid2abymn] { display: none; }
    .conversation-heading[b-8tid2abymn] { margin-bottom: 0; }
}

.camera-input-button[b-8tid2abymn] { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 9px; color: var(--ink-900); cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; padding: 0; }
.camera-input-button:hover:not(:disabled)[b-8tid2abymn] { background: var(--brand-100); border-color: var(--brand-500); }
.camera-input-button:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 2px; }
.camera-input-button:disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.attachment-thumbnail[b-8tid2abymn] { border-radius: 6px; flex: 0 0 40px; height: 40px; object-fit: cover; width: 40px; }
.camera-backdrop[b-8tid2abymn] { align-items: center; background: rgba(0,0,0,.6); display: flex; inset: 0; justify-content: center; padding: 12px; position: fixed; z-index: 2000; }
.camera-backdrop[hidden][b-8tid2abymn], .camera-dialog [hidden][b-8tid2abymn], .attachment-thumbnail[hidden][b-8tid2abymn] { display: none; }
.camera-dialog[b-8tid2abymn] { background: var(--surface); border-radius: 14px; color: var(--ink-900); max-height: calc(100dvh - 24px); overflow: auto; padding: 20px; width: min(640px,100%); }
.camera-dialog h2[b-8tid2abymn] { color: var(--ink-900); font-size: 1.2rem; margin: 0 0 12px; }
.camera-dialog p[b-8tid2abymn] { overflow-wrap: anywhere; }
.camera-dialog video[b-8tid2abymn], .camera-dialog img[b-8tid2abymn] { background: var(--canvas); border-radius: 8px; display: block; max-height: 55dvh; object-fit: contain; width: 100%; }
.camera-actions[b-8tid2abymn] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.camera-actions .btn[b-8tid2abymn] { min-height: 44px; }

.attachment-thumbnail:not([hidden]) + .file-icon[b-8tid2abymn] { display: none; }

.input-actions .icon-action[b-8tid2abymn], .camera-actions .icon-action[b-8tid2abymn] { align-items: center; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; min-height: 44px; min-width: 44px; padding: 0; }
.input-actions .send-icon-button[b-8tid2abymn] { border-radius: 50%; }
.icon-action svg[b-8tid2abymn] { flex-shrink: 0; pointer-events: none; }
.icon-action:hover:not(:disabled)[b-8tid2abymn] { box-shadow: 0 0 0 2px var(--brand-500); }
.icon-action:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 3px; }

.prompt-icon-button[b-8tid2abymn] { align-items: center; background: var(--brand-100); border: 1px solid var(--ink-700); border-radius: 9px; color: var(--ink-900); cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; margin-left: auto; padding: 0; }
.prompt-icon-button:hover:not(:disabled)[b-8tid2abymn] { box-shadow: 0 0 0 2px var(--line); }
.prompt-icon-button:focus-visible[b-8tid2abymn] { outline: 3px solid var(--brand-500); outline-offset: 3px; }
.prompt-icon-button:disabled[b-8tid2abymn] { cursor: not-allowed; opacity: .65; }
.prompt-icon-button svg[b-8tid2abymn] { pointer-events: none; }
.prompt-menu[b-8tid2abymn] { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-md); color: var(--ink-900); inset: auto; margin: 0; max-height: 360px; overflow-y: auto; overscroll-behavior: contain; padding: 6px; position: fixed; width: min(340px, calc(100vw - 24px)); z-index: 2200; }
.prompt-menu[hidden][b-8tid2abymn] { display: none; }
.prompt-menu-option[b-8tid2abymn] { align-items: flex-start; background: transparent; border: 0; border-radius: 8px; color: inherit; cursor: pointer; display: flex; font-size: .9rem; gap: 8px; line-height: 1.45; min-height: 44px; overflow-wrap: anywhere; padding: 12px 10px; text-align: left; white-space: normal; width: 100%; }
.prompt-menu-option[b-8tid2abymn]::before { content: ""; flex: 0 0 18px; }
.prompt-menu-option[aria-checked="true"][b-8tid2abymn] { background: var(--brand-100); font-weight: 700; }
.prompt-menu-option[aria-checked="true"][b-8tid2abymn]::before { content: "✓"; }
.prompt-menu-option:hover[b-8tid2abymn] { background: var(--brand-100); }
.prompt-menu-option:focus-visible[b-8tid2abymn] { outline: 2px solid var(--brand-500); outline-offset: -2px; }

.conversation-voice-status:empty[b-8tid2abymn] { display: none; }
.conversation-error .conversation-notice[b-8tid2abymn] { margin: 0; }
.stop-icon-button[aria-busy="true"][b-8tid2abymn] { opacity: .65; }

/* Mobile: keep the selected output mode and target-file state, hide only the mode picker row. */
@media (max-width: 640px) {
    .conversation-composer .output-format-options[b-8tid2abymn] { display: none; }
    .conversation-composer .output-action-row[b-8tid2abymn] { gap: 0; min-height: 0; }
    .conversation-composer .output-action-row > select[b-8tid2abymn] { flex: 1 1 100%; max-width: none; }
}
.assistant-math[b-8tid2abymn] { margin: .8rem 0; font-size: 1.12em; font-family: Georgia, serif; text-align: center; }
/* /Shared/BuilderConversation.razor.rz.scp.css */
.builder-message[b-le7l9l7eqy] { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; color: var(--ink-900); padding: 14px 16px; width: fit-content; max-width: min(100%,760px); overflow-wrap: anywhere; }
.builder-message p[b-le7l9l7eqy] { white-space: pre-wrap; margin: 8px 0; }
.builder-user[b-le7l9l7eqy] { align-self: flex-end; background: var(--brand-100); }
.builder-assistant[b-le7l9l7eqy] { align-self: flex-start; }
.builder-draft[b-le7l9l7eqy] { width: min(100%,760px); align-self: flex-start; }
.builder-draft h2[b-le7l9l7eqy] { color: var(--ink-900); }
.builder-draft .field-label[b-le7l9l7eqy] { color: var(--ink-700); }
.builder-draft .btn[b-le7l9l7eqy], .builder-message .btn[b-le7l9l7eqy] { min-height: 44px; }
.builder-finish[b-le7l9l7eqy] { align-self: flex-start; min-height: 44px; }
@media(max-width:640px) { .builder-message[b-le7l9l7eqy] { padding: 12px; } }
/* /Shared/MainLayout.razor.rz.scp.css */
.saas-shell[b-smdntecl95] { min-height: 100vh; background: var(--canvas); color: var(--ink-900); }
.saas-header[b-smdntecl95] { position: sticky; top: 0; z-index: 50; min-height: 68px; padding: 10px 24px; display: flex; align-items: center; gap: 14px; background: var(--canvas); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.saas-brand[b-smdntecl95] { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; color: var(--ink-900); text-decoration: none; }
.brand-mark[b-smdntecl95] { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: #27c3a6; color: #082321; font-weight: 900; }
.saas-brand strong[b-smdntecl95], .saas-brand small[b-smdntecl95] { display: block; }.saas-brand strong[b-smdntecl95] { font-size: 1rem; }.saas-brand small[b-smdntecl95] { margin-top: 1px; color: var(--ink-700); font-size: .65rem; }
.header-actions[b-smdntecl95] { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; }
.workspace-picker[b-smdntecl95] { margin: 0; display: flex; align-items: center; gap: 6px; color: var(--ink-700); font-size: .68rem; font-weight: 700; }.workspace-picker select[b-smdntecl95] { min-width: 100px; max-width: 150px; border: 1px solid #cfddda; border-radius: 8px; padding: 7px 26px 7px 8px; background: var(--surface); color: var(--ink-900); }
.token-chip[b-smdntecl95] { display: grid; grid-template-columns: auto auto; column-gap: 5px; align-items: baseline; min-width: 92px; padding: 6px 9px; border: 0; border-radius: 9px; background: var(--brand-100); }.token-chip small[b-smdntecl95] { grid-column: 1 / -1; color: var(--ink-700); font-size: .58rem; text-transform: uppercase; letter-spacing: .07em; }.token-chip strong[b-smdntecl95] { color: var(--ink-900); font-size: .82rem; }
.account-chip[b-smdntecl95] { display: flex; align-items: center; gap: 7px; color: var(--ink-900); text-decoration: none; }.account-chip > span[b-smdntecl95] { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #173f3b; color: white; font-size: .68rem; font-weight: 800; }.account-chip strong[b-smdntecl95] { max-width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; }
.mobile-menu-button[b-smdntecl95] { display: none; border: 0; background: transparent; color: var(--ink-900); font-size: 1.35rem; }.mobile-menu-overlay[b-smdntecl95] { display: none; }
.saas-content[b-smdntecl95] { width: min(1480px, 100%); margin: 0 auto; padding: 28px; }.saas-footer[b-smdntecl95] { display: flex; justify-content: center; gap: 14px; padding: 24px; color: var(--ink-700); font-size: .72rem; }.saas-footer a[b-smdntecl95] { color: var(--ink-900); text-decoration: none; }

.header-menu[b-smdntecl95] { align-items: center; display: flex; flex: 1 1 auto; gap: 16px; min-width: 0; }
.header-login[b-smdntecl95] { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-left: auto; order: 3; white-space: nowrap; }
.saas-brand:hover[b-smdntecl95] { color: var(--ink-900); text-decoration: none; }
.saas-brand:focus-visible[b-smdntecl95], .mobile-menu-button:focus-visible[b-smdntecl95], .account-chip:focus-visible[b-smdntecl95] { outline: 2px solid var(--brand-500); outline-offset: 3px; }
.mobile-menu-button[b-smdntecl95] { align-items: center; justify-content: center; flex: 0 0 44px; height: 44px; padding: 0; border-radius: 8px; }
.mobile-menu-button:focus:not(:focus-visible)[b-smdntecl95] { outline: none; }
.mobile-menu-button:hover[b-smdntecl95] { background: var(--brand-100); }
@media(min-width:1280px) {
    .workspace-picker > span[b-smdntecl95], .saas-brand small[b-smdntecl95] { display: none; }
    .header-actions[b-smdntecl95] { gap: 12px; }
    .theme-toggle span[b-smdntecl95] { display: none; }
}
@media(max-width:1279px) {
    .saas-header[b-smdntecl95] { padding: 10px 14px; gap: 10px; }
    .saas-brand small[b-smdntecl95] { display: none; }
    .mobile-menu-button[b-smdntecl95] { display: flex; margin-left: auto; }
    .header-login[b-smdntecl95] { margin-left: 0; }
    .header-menu[b-smdntecl95] { display: none; position: absolute; top: 100%; right: 12px; width: min(420px, calc(100% - 24px)); max-height: calc(100dvh - 84px); overflow-y: auto; overscroll-behavior: contain; flex-direction: column; align-items: stretch; gap: 14px; padding: 14px; background: var(--surface); border-radius: 12px; box-shadow: var(--shadow-md); z-index: 60; }
    .menu-open .header-menu[b-smdntecl95] { display: flex; }
    .header-actions[b-smdntecl95] { align-items: stretch; flex-direction: column; gap: 12px; margin-left: 0; border-top: 1px solid var(--line); padding-top: 12px; }
    .header-actions > .btn[b-smdntecl95] { min-height: 44px; }
    .workspace-picker[b-smdntecl95] { justify-content: space-between; margin: 0; }
    .workspace-picker select[b-smdntecl95] { min-width: 0; max-width: 75%; width: 100%; min-height: 44px; }
    .token-chip[b-smdntecl95] { display: flex; align-items: center; gap: 10px; padding: 10px; }
    .account-chip[b-smdntecl95] { min-height: 44px; }
    .account-chip strong[b-smdntecl95] { max-width: none; overflow-wrap: anywhere; white-space: normal; }
    .menu-open .mobile-menu-overlay[b-smdntecl95] { display: block; position: fixed; inset: 68px 0 0; z-index: 40; border: 0; background: rgba(0,0,0,.4); }
    .saas-content[b-smdntecl95] { padding: 16px; }
    .saas-footer[b-smdntecl95] { flex-wrap: wrap; }
}
@media(max-width:520px) {
    .saas-header[b-smdntecl95] { padding-inline: 10px; gap: 6px; }
    .saas-brand[b-smdntecl95] { gap: 6px; }
    .saas-brand strong[b-smdntecl95] { font-size: .85rem; }
    .brand-mark[b-smdntecl95] { width: 30px; height: 30px; flex: 0 0 30px; font-size: .8rem; }
    .header-login[b-smdntecl95] { font-size: .72rem; padding: 9px 8px; min-height: 44px; }
    .saas-content[b-smdntecl95] { padding: 12px; }
    .saas-footer[b-smdntecl95] { font-size: .65rem; }
}
/* /Shared/ManagementList.razor.rz.scp.css */
.management-list[b-bwfuta2p95] {
    min-width: 0;
    margin-block: 0 20px;
    padding: clamp(16px, 2vw, 24px);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: var(--ink-900);
    font-size: .9rem;
}
.list-heading[b-bwfuta2p95] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px 24px; margin-bottom: 20px; }
.list-heading-copy[b-bwfuta2p95] { flex: 1 1 260px; min-width: 0; }
.list-eyebrow[b-bwfuta2p95] { display: block; color: var(--ink-700); font-size: .72rem; font-weight: 700; letter-spacing: .07em; margin-bottom: 6px; }
.list-heading h2[b-bwfuta2p95] { font-size: 1.25rem; font-weight: 700; line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
.list-heading p[b-bwfuta2p95] { color: var(--ink-700); margin: 8px 0 0; line-height: 1.55; }
.list-toolbar[b-bwfuta2p95] { flex: 1 1 340px; max-width: 540px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; }
.list-toolbar[b-bwfuta2p95]  .form-control { flex: 1 1 180px; width: auto; min-width: 0; min-height: 44px; margin: 0; }
.list-toolbar[b-bwfuta2p95]  .btn { flex: 0 0 auto; }
.list-content[b-bwfuta2p95] { min-width: 0; }
.management-list[b-bwfuta2p95]  .list-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: inherit; font-size: inherit; }
.management-list[b-bwfuta2p95]  .list-table th { font-size: .78rem; font-weight: 700; color: var(--ink-700); background: var(--canvas); text-align: left; }
.management-list[b-bwfuta2p95]  .list-table th,
.management-list[b-bwfuta2p95]  .list-table td { padding: 14px 12px; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.55; overflow-wrap: anywhere; }
.management-list[b-bwfuta2p95]  .list-table tr:last-child td { border-bottom: 0; }
.management-list[b-bwfuta2p95]  .list-table td > strong { display: block; font-size: .95rem; font-weight: 650; }
.management-list[b-bwfuta2p95]  .list-table td p { margin: 6px 0; color: var(--ink-700); }
.management-list[b-bwfuta2p95]  .list-table td small { display: block; margin-top: 6px; color: var(--ink-700); }
.management-list[b-bwfuta2p95]  .list-table .list-primary { width: 25%; }
.management-list[b-bwfuta2p95]  .list-table .list-description { width: 30%; }
.management-list[b-bwfuta2p95]  .list-table .list-actions-column { width: 232px; }
.management-list[b-bwfuta2p95]  .list-table .list-status-column { width: 112px; }
.management-list[b-bwfuta2p95]  .list-table .list-number { text-align: right; font-variant-numeric: tabular-nums; }
.management-list[b-bwfuta2p95]  .list-table .list-narrow-number { width: 78px; }
.management-list[b-bwfuta2p95]  .list-workspaces .list-primary { width: 19%; }
.management-list[b-bwfuta2p95]  .list-workspaces .list-owner { width: 16%; }
.management-list[b-bwfuta2p95]  .list-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; }
.management-list[b-bwfuta2p95]  .btn { min-height: 44px; padding: 10px 14px; border-radius: var(--radius-sm); font-size: .85rem; line-height: 1.35; white-space: normal; }
.management-list[b-bwfuta2p95]  .btn-outline-secondary { color: var(--ink-900); background: var(--canvas); border-color: var(--line); }
.management-list[b-bwfuta2p95]  .btn-outline-secondary:hover:not(:disabled),
.management-list[b-bwfuta2p95]  .btn-outline-secondary:focus-visible { color: var(--ink-900); background: var(--brand-100); border-color: var(--ink-500); }
.management-list[b-bwfuta2p95]  .list-actions .btn { flex: 0 1 64px; min-width: 56px; padding-inline: 8px; text-align: center; }
.management-list[b-bwfuta2p95]  .list-actions .list-action-wide { flex-basis: 160px; }
.management-list[b-bwfuta2p95]  .btn:focus-visible,
.management-list[b-bwfuta2p95]  .form-control:focus-visible { outline: 3px solid #16877f; outline-offset: 3px; }
.management-list[b-bwfuta2p95]  .btn:hover:not(:disabled) { filter: brightness(1.08); }
.management-list[b-bwfuta2p95]  .list-status { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 5px 9px; border-radius: 999px; border: 1px solid var(--line); color: var(--ink-700); background: var(--canvas); font-size: .76rem; font-weight: 650; overflow-wrap: anywhere; }
.management-list[b-bwfuta2p95]  .list-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: 0 0 7px; }
.management-list[b-bwfuta2p95]  .list-status.is-active { color: var(--ink-900); background: var(--brand-100); }
.management-list[b-bwfuta2p95]  .list-table tr.is-selected { background: var(--brand-100); }
.list-state[b-bwfuta2p95] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 24px 16px; color: var(--ink-700); background: var(--canvas); border-radius: var(--radius-sm); line-height: 1.6; overflow-wrap: anywhere; }
.list-error[b-bwfuta2p95] { border: 1px solid var(--line); }
.list-error strong[b-bwfuta2p95] { flex-basis: 100%; color: var(--ink-900); }
.list-notice[b-bwfuta2p95] { min-width: 0; }
.list-footer[b-bwfuta2p95] { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.list-footer[b-bwfuta2p95]  .pagination { flex-wrap: wrap; gap: 12px; margin: 0; }

/* A labeled card uses the same data and event handlers as the desktop row. */
@media (max-width: 1000px) {
    .list-toolbar[b-bwfuta2p95] { max-width: none; }
    .management-list[b-bwfuta2p95]  .list-table,
    .management-list[b-bwfuta2p95]  .list-table tbody,
    .management-list[b-bwfuta2p95]  .list-table tr,
    .management-list[b-bwfuta2p95]  .list-table td { display: block; width: 100%; }
    .management-list[b-bwfuta2p95]  .list-table { table-layout: auto; }
    .management-list[b-bwfuta2p95]  .list-table thead { display: none; }
    .management-list[b-bwfuta2p95]  .list-table tbody { display: grid; gap: 12px; }
    .management-list[b-bwfuta2p95]  .list-table tr { padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
    .management-list[b-bwfuta2p95]  .list-table td { display: grid; grid-template-columns: minmax(82px, .7fr) minmax(0, 1.3fr); gap: 8px 12px; border: 0; padding: 8px 0; }
    .management-list[b-bwfuta2p95]  .list-table td::before { content: attr(data-label); color: var(--ink-700); font-size: .78rem; font-weight: 650; }
    .management-list[b-bwfuta2p95]  .list-table td > * { min-width: 0; }
    .management-list[b-bwfuta2p95]  .list-table .list-name-cell { display: block; padding-bottom: 12px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
    .management-list[b-bwfuta2p95]  .list-table .list-name-cell::before { display: none; }
    .management-list[b-bwfuta2p95]  .list-table .list-number { text-align: left; }
    .management-list[b-bwfuta2p95]  .list-table .list-actions-cell { display: block; padding-top: 12px; }
    .management-list[b-bwfuta2p95]  .list-table .list-actions-cell::before { display: none; }
    .management-list[b-bwfuta2p95]  .list-actions .btn { flex: 1 1 56px; }
    .list-heading-copy[b-bwfuta2p95], .list-toolbar[b-bwfuta2p95] { flex-basis: 100%; }
}
@media (max-width: 420px) {
    .management-list[b-bwfuta2p95] { padding: 14px; }
    .list-toolbar[b-bwfuta2p95]  .form-control { flex-basis: 100%; }
    .list-toolbar[b-bwfuta2p95]  .btn { width: 100%; }
    .management-list[b-bwfuta2p95]  .list-table td { grid-template-columns: minmax(0, 1fr); gap: 4px; }
    .management-list[b-bwfuta2p95]  .list-table tr { padding: 12px; }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.product-nav[b-v8gj47cnfl] { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; background: transparent; }
.product-nav[b-v8gj47cnfl]  .product-nav-link { min-height: 44px; padding: 0 10px; display: inline-flex; align-items: center; gap: 7px; border-radius: 8px; color: var(--ink-700); text-decoration: none; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.product-nav[b-v8gj47cnfl]  .product-nav-link .oi { color: inherit; font-size: .85rem; flex: 0 0 auto; }
.product-nav[b-v8gj47cnfl]  .product-nav-link:hover { color: var(--ink-900); background: var(--brand-100); text-decoration: none; }
.product-nav[b-v8gj47cnfl]  .product-nav-link.active { color: var(--ink-900); background: var(--brand-100); box-shadow: inset 0 -2px var(--brand-500); }
.product-nav[b-v8gj47cnfl]  .product-nav-link.active .oi { color: var(--brand-500); }
.product-nav[b-v8gj47cnfl]  .product-nav-link:focus-visible { outline: 2px solid var(--brand-500); outline-offset: 2px; }
@media(max-width:1279px) {
    .product-nav[b-v8gj47cnfl] { flex-direction: column; align-items: stretch; gap: 8px; }
    .product-nav[b-v8gj47cnfl]  .product-nav-link { padding: 8px 12px; white-space: normal; }
}