/* /Components/Admin/AdminMailStatusPanel.razor.rz.scp.css */
.amp[b-qsmmof7g75] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--max360-border);
}
.amp-heading[b-qsmmof7g75] { font-size: 0.95rem; font-weight: 600; margin: 0 0 0.35rem; }
.amp p[b-qsmmof7g75] { margin: 0.25rem 0 0; overflow-wrap: anywhere; }
.amp p:first-of-type[b-qsmmof7g75] { margin-top: 0; }
.amp .amp-action[b-qsmmof7g75] { margin-top: 0.5rem; }
.amp-batch[b-qsmmof7g75] { display: flex; gap: 0.4rem; align-items: flex-start; margin-top: 0.5rem; }
/* /Components/Admin/AIProviderKeysForPersonPanel.razor.rz.scp.css */
.akp-add[b-hqoeowh297] { margin: 0 0 1rem; }
/* /Components/Admin/AuthAccountsPanel.razor.rz.scp.css */
.aa-table td[b-jdlw6zl134] { vertical-align: top; }
.aa-nowrap[b-jdlw6zl134] { white-space: nowrap; }
.aa-nowrap .max360-badge[b-jdlw6zl134] { margin-left: 0.4rem; }
.aa-id[b-jdlw6zl134] {
    font-size: 0.85rem;
    overflow-wrap: anywhere;
    background: none;
    padding: 0;
    color: var(--max360-text);
}
.aa-sub[b-jdlw6zl134] { font-size: 0.8rem; margin-top: 0.15rem; }
.aa-actions[b-jdlw6zl134] { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; flex-wrap: wrap; }
.aa-confirm-q[b-jdlw6zl134] { font-size: 0.875rem; white-space: normal; }
.aa-add-heading[b-jdlw6zl134] { font-size: 0.95rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.aa-picker[b-jdlw6zl134] { margin-top: 0.75rem; max-width: 48rem; }
/* /Components/Admin/GroupDirectorySettingsPanel.razor.rz.scp.css */
.gds[b-4hpnsel9wr] { margin-bottom: 1.25rem; }
.gds-title[b-4hpnsel9wr] { margin-top: 0; }
.gds-note[b-4hpnsel9wr] { font-size: 0.9rem; }
.gds-walled[b-4hpnsel9wr] { font-size: 0.9rem; font-weight: 600; }
.gds-label[b-4hpnsel9wr] { display: block; font-size: 0.875rem; font-weight: 600; margin-top: 0.75rem; }
.gds-select[b-4hpnsel9wr] { max-width: 28rem; width: 100%; }
.gds-check[b-4hpnsel9wr] { display: flex; gap: 0.5rem; align-items: flex-start; margin-top: 0.9rem; font-weight: 600; font-size: 0.875rem; }
.gds-check input[b-4hpnsel9wr] { margin-top: 0.2rem; }
.gds-help[b-4hpnsel9wr] { display: block; margin-top: 0.25rem; }
.gds-buttons[b-4hpnsel9wr] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-top: 0.9rem; }
/* /Components/Admin/IdentityOwnerRolesPanel.razor.rz.scp.css */
.rp-chips[b-6mfa7j7b6j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
}
.rp-chip[b-6mfa7j7b6j] {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0 0.1rem 0 0.7rem;
    border-radius: 999px;
}
.rp-confirm[b-6mfa7j7b6j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin: 0 0 0.75rem;
}
.rp-confirm-actions[b-6mfa7j7b6j] { display: inline-flex; align-items: center; gap: 1rem; }
.rp-add[b-6mfa7j7b6j] { margin-bottom: 0.5rem; }
/* /Components/Admin/MailboxWipeAdminPanel.razor.rz.scp.css */
.mailbox-wipe-admin[b-uwvi7gw3g5] {
    margin-top: 0.75rem;
}

.mailbox-wipe-admin-note[b-uwvi7gw3g5] {
    margin: 0.25rem 0;
    font-size: 0.875rem;
}

.mailbox-wipe-admin-heading[b-uwvi7gw3g5] {
    margin: 1.25rem 0 0.25rem 0;
    font-size: 0.95rem;
}

.mailbox-wipe-admin-address[b-uwvi7gw3g5] {
    overflow-wrap: anywhere;
}

.mailbox-wipe-admin h3[b-uwvi7gw3g5] {
    overflow-wrap: anywhere;
}

.mailbox-wipe-admin-input[b-uwvi7gw3g5] {
    width: 100%;
    max-width: 20rem;
    box-sizing: border-box;
    margin: 0.25rem 0 0.75rem;
}

.mailbox-wipe-admin-actions[b-uwvi7gw3g5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.mailbox-wipe-admin-table td[b-uwvi7gw3g5] {
    vertical-align: top;
}

@media (max-width: 700px) {
    .mailbox-wipe-admin-input[b-uwvi7gw3g5] {
        max-width: none;
    }

    .mailbox-wipe-admin-actions[b-uwvi7gw3g5] {
        flex-direction: column;
    }

    .mailbox-wipe-admin-actions > button[b-uwvi7gw3g5] {
        width: 100%;
        min-height: 2.75rem;
    }

    .mailbox-wipe-admin-table[b-uwvi7gw3g5],
    .mailbox-wipe-admin-table tbody[b-uwvi7gw3g5],
    .mailbox-wipe-admin-table tr[b-uwvi7gw3g5],
    .mailbox-wipe-admin-table td[b-uwvi7gw3g5] {
        display: block;
        width: 100%;
    }

    .mailbox-wipe-admin-table thead[b-uwvi7gw3g5] {
        display: none;
    }

    .mailbox-wipe-admin-table tr[b-uwvi7gw3g5] {
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--max360-border);
    }
}
/* /Components/Admin/MailSettingRow.razor.rz.scp.css */
.msr[b-fzn73o5yzz] { border-top: 1px solid var(--max360-border); padding: 0.6rem 0; }
.msr-top[b-fzn73o5yzz] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.4rem 0.75rem; }
.msr-name[b-fzn73o5yzz] { font-weight: 600; }
.msr-control[b-fzn73o5yzz] { display: inline-flex; align-items: center; max-width: 100%; min-width: 0; }
.msr-control .form-select[b-fzn73o5yzz], .msr-control .form-control[b-fzn73o5yzz] { max-width: 100%; min-width: 0; }
.msr-number[b-fzn73o5yzz] { width: 9rem; }
.msr-switch-word[b-fzn73o5yzz] { margin-left: 0.4rem; font-size: 0.9rem; color: var(--max360-text-muted); }
.msr-readonly[b-fzn73o5yzz] { color: var(--max360-text-muted); }
.msr-what[b-fzn73o5yzz] { margin: 0.3rem 0 0; font-size: 0.9rem; color: var(--max360-text); overflow-wrap: anywhere; }
.msr-context[b-fzn73o5yzz] { margin: 0.25rem 0 0; font-size: 0.88rem; color: var(--max360-info-ink); }
.msr-meta[b-fzn73o5yzz] { margin: 0.25rem 0 0; font-size: 0.78rem; color: var(--max360-text-muted); display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; align-items: center; }
.msr-confirm[b-fzn73o5yzz] { margin: 0.5rem 0; padding: 0.6rem 0.75rem; border-radius: 0.5rem; background: var(--max360-danger-soft); color: var(--max360-text); }
.msr-confirm p[b-fzn73o5yzz] { margin: 0.3rem 0 0.5rem; }
.msr-saved[b-fzn73o5yzz] { margin: 0.3rem 0 0; font-size: 0.85rem; color: var(--max360-success-ink); }
/* /Components/Admin/PanoramaGroupInstructionPanel.razor.rz.scp.css */
.pgi[b-fu67bxznwd] { margin-bottom: 1.25rem; }
.pgi-title[b-fu67bxznwd] { margin-top: 0; }
.pgi-note[b-fu67bxznwd] { font-size: 0.9rem; }
.pgi-input[b-fu67bxznwd] { width: 100%; max-width: 46rem; font-size: 1rem; padding: 0.4rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.pgi-buttons[b-fu67bxznwd] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-top: 0.5rem; }
/* /Components/Admin/PrimaryGroupPickerPanel.razor.rz.scp.css */
.pgp-option[b-d7msg80fra] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 44px;
    cursor: pointer;
}
.pgp-option strong[b-d7msg80fra] { font-weight: 500; }
/* /Components/Briefs/PanoramaBriefPanel.razor.rz.scp.css */
.pb-panel[b-q72a4kuzel] { display: flex; flex-direction: column; gap: 4px; max-width: 760px; }
.pb-first[b-q72a4kuzel] { color: var(--max360-text-muted); font-size: 0.85rem; margin: 0 0 4px; overflow-wrap: anywhere; }
.pb-muted[b-q72a4kuzel] { color: var(--max360-text-muted); font-size: 0.9em; margin: 6px 0; overflow-wrap: anywhere; }
.pb-week[b-q72a4kuzel] { margin: 8px 0 4px; }
.pb-week .pb-text[b-q72a4kuzel] { font-size: 1.08rem; line-height: 1.55; }
.pb-section[b-q72a4kuzel] { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--max360-border); }
.pb-section h3[b-q72a4kuzel] { font-size: 1.02rem; margin: 6px 0 4px; }
.pb-group[b-q72a4kuzel] { color: var(--max360-text-muted); font-size: 0.8rem; font-weight: 600; margin: 10px 0 2px; }
.pb-lines[b-q72a4kuzel] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pb-line[b-q72a4kuzel] { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; border-top: 1px solid var(--max360-border); min-width: 0; }
.pb-week .pb-line[b-q72a4kuzel] { border-top: 0; padding-top: 0; }
.pb-week .pb-tag:empty[b-q72a4kuzel] { display: none; }
.pb-body[b-q72a4kuzel] { flex: 1 1 auto; min-width: 0; }
.pb-text[b-q72a4kuzel] { overflow-wrap: anywhere; line-height: 1.45; }
.pb-day[b-q72a4kuzel], .pb-title[b-q72a4kuzel] { margin-right: 4px; }
.pb-src[b-q72a4kuzel] { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin-top: 2px; font-size: 0.8rem; color: var(--max360-text-muted); }
.pb-src > *[b-q72a4kuzel] { overflow-wrap: anywhere; }
.pb-tag[b-q72a4kuzel] { flex: 0 0 6.4em; box-sizing: border-box; margin-top: 3px; padding: 1px 7px; border-radius: 999px; font-size: 0.72rem; text-align: center;
          white-space: nowrap; background: var(--surface-2); color: var(--max360-text-muted); }
.pb-tag-new[b-q72a4kuzel] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.pb-tag-chg[b-q72a4kuzel] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.pb-tag-pers[b-q72a4kuzel] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.pb-cite[b-q72a4kuzel] { display: inline-block; padding: 12px 0; margin: -10px 0; color: var(--max360-text-muted); text-decoration: underline; }
.pb-tag:empty[b-q72a4kuzel] { background: transparent; }
.pb-foot[b-q72a4kuzel] { display: flex; flex-direction: column; gap: 2px; margin-top: 18px; padding-top: 10px; border-top: 1px solid var(--max360-border);
           color: var(--max360-text-muted); font-size: 0.82rem; }
.pb-edit[b-q72a4kuzel] { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.pb-edit-actions[b-q72a4kuzel] { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.pb-label[b-q72a4kuzel] { font-size: 0.85em; font-weight: 600; }
a.pb-title[b-q72a4kuzel] { color: inherit; text-decoration: none; }
a.pb-title:hover[b-q72a4kuzel] { text-decoration: underline; }
.pb-fold > summary[b-q72a4kuzel] { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 10px 0; min-height: 44px; box-sizing: border-box; }
.pb-fold > summary[b-q72a4kuzel]::-webkit-details-marker { display: none; }
.pb-fold > summary[b-q72a4kuzel]::before { content: "\25B8"; color: var(--max360-text-muted); width: 1em; }
.pb-fold[open] > summary[b-q72a4kuzel]::before { content: "\25BE"; }
.pb-fold-title[b-q72a4kuzel] { font-weight: 600; }
.pb-fold-count[b-q72a4kuzel] { color: var(--max360-text-muted); font-size: 0.88rem; overflow-wrap: anywhere; }
.pb-titlebar[b-q72a4kuzel] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; max-width: 760px; margin: 0 0 4px; }
.pb-titlebar h1[b-q72a4kuzel] { margin: 0; font-size: 1.6rem; }

/* on a phone the tag sits at the start of the line instead of holding a column, and a line with no tag gets the full width */
@media (max-width: 700px) {
    .pb-line[b-q72a4kuzel] { display: flow-root; }
    .pb-tag[b-q72a4kuzel] { float: left; margin: 3px 8px 0 0; }
    .pb-tag:empty[b-q72a4kuzel] { display: none; }
}
.pb-bar-actions[b-q72a4kuzel] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.pb-switch[b-q72a4kuzel] { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 0.88rem; cursor: pointer; }
.pb-switch input[b-q72a4kuzel] { width: 1.1em; height: 1.1em; margin: 0; }
.pb-tap[b-q72a4kuzel] { cursor: pointer; border-radius: 4px; }
.pb-tap:focus-visible[b-q72a4kuzel] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.pb-line[b-q72a4kuzel] { scroll-margin-top: 12px; }
.pb-marked[b-q72a4kuzel] { background: var(--max360-warning-soft); box-shadow: -8px 0 0 var(--max360-warning-soft), 8px 0 0 var(--max360-warning-soft); border-radius: 4px; }
.pb-related[b-q72a4kuzel] { background: var(--surface-2); box-shadow: -8px 0 0 var(--surface-2), 8px 0 0 var(--surface-2); border-radius: 4px; }

.pb-checking[b-q72a4kuzel] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-2);
}

.pb-check-why[b-q72a4kuzel] { flex-basis: 100%; margin: 0; }

.pb-check-wrong[b-q72a4kuzel] {
    text-decoration: line-through;
    text-decoration-color: var(--bs-danger);
    opacity: 0.75;
}

/* the changed pill opens how the line read before; the larger hit area keeps a phone tap from missing it */
.pb-tag-tap[b-q72a4kuzel] { position: relative; cursor: pointer; }
.pb-tag-tap[b-q72a4kuzel]::after { content: ""; position: absolute; inset: -12px -6px; }
.pb-tag-tap:focus-visible[b-q72a4kuzel] { outline: 1px dotted var(--max360-text-muted); outline-offset: 2px; }
/* /Components/Briefs/PanoramaEarlierNote.razor.rz.scp.css */
.en-note[b-u6nq75l9y6] { margin: 6px 0 2px; padding: 10px 12px; border: 1px solid var(--max360-border); border-radius: 8px; background: var(--surface-2);
           font-size: 0.88rem; min-width: 0; overflow-wrap: anywhere; }
.en-head[b-u6nq75l9y6] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
.en-line[b-u6nq75l9y6] { margin: 6px 0 0; font-size: 0.95rem; line-height: 1.45; }
.en-muted[b-u6nq75l9y6] { margin: 6px 0 0; color: var(--max360-text-muted); }
/* /Components/Briefs/PanoramaLineSourcePanel.razor.rz.scp.css */
.ls-panel[b-lu5j5hwxst] { margin: 6px 0 2px; padding: 10px 12px; border: 1px solid var(--max360-border); border-radius: 8px; background: var(--surface-2);
            font-size: 0.88rem; min-width: 0; overflow-wrap: anywhere; }
.ls-head[b-lu5j5hwxst] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
.ls-part[b-lu5j5hwxst] { margin-top: 8px; }
.ls-label[b-lu5j5hwxst] { margin: 0 0 2px; font-size: 0.78rem; font-weight: 600; color: var(--max360-text-muted); }
.ls-muted[b-lu5j5hwxst] { margin: 2px 0; color: var(--max360-text-muted); }
.ls-items[b-lu5j5hwxst] { margin: 0; padding-left: 1.1em; }
.ls-items li[b-lu5j5hwxst] { margin: 2px 0; }
.ls-items a[b-lu5j5hwxst] { display: inline-block; padding: 4px 0; }
.ls-chain[b-lu5j5hwxst] { list-style: none; margin: 0; padding-left: 0.9em; border-left: 2px solid var(--max360-border); }
.ls-panel > .ls-part > .ls-chain[b-lu5j5hwxst] { padding-left: 0.6em; }
.ls-chain li[b-lu5j5hwxst] { margin: 3px 0; }
.ls-note[b-lu5j5hwxst] { margin-top: 2px; color: var(--max360-text-muted); }
.ls-actions[b-lu5j5hwxst] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.ls-line[b-lu5j5hwxst] { margin: 6px 0 0; font-size: 0.95rem; line-height: 1.45; }
.ls-mine[b-lu5j5hwxst] { margin: 6px 0 0; padding: 4px 8px; border-radius: 4px; background: var(--surface-2); }
/* /Components/Briefs/PanoramaLineWords.razor.rz.scp.css */
/* its own block beside a floated tag, so a bullet never sits under the tag on a phone */
.lw-points[b-v9x9c0tkpq] { display: flow-root; margin: 0; padding-left: 1.1em; list-style: disc; }
.lw-points li[b-v9x9c0tkpq] { margin: 2px 0; }
.lw-points li + li[b-v9x9c0tkpq] { margin-top: 6px; }
mark[b-v9x9c0tkpq] { padding: 0 2px; border-radius: 3px; color: inherit; }
.lw-new[b-v9x9c0tkpq] { background: var(--max360-success-soft); }
.lw-gone[b-v9x9c0tkpq] { background: var(--max360-danger-soft); text-decoration: line-through; }
/* /Components/Briefs/PanoramaSourceSuggestions.razor.rz.scp.css */
.psc[b-z0s2jplgqe] { margin: 10px 0; padding: 10px 12px; border: 1px solid var(--max360-primary); border-radius: 8px; background: var(--surface-2);
        font-size: 0.9rem; min-width: 0; overflow-wrap: anywhere; }
.psc-heading[b-z0s2jplgqe] { margin: 0 0 6px; font-weight: 600; }
.psc-check + .psc-check[b-z0s2jplgqe] { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--max360-border); }
.psc-line[b-z0s2jplgqe] { margin: 0 0 4px; }
.psc-muted[b-z0s2jplgqe] { margin: 2px 0; color: var(--max360-text-muted); }
.psc-list[b-z0s2jplgqe] { margin: 0; padding-left: 1.1em; }
.psc-list li[b-z0s2jplgqe] { margin: 6px 0; }
.psc-what[b-z0s2jplgqe] { display: block; }
.psc-why[b-z0s2jplgqe] { display: block; color: var(--max360-text-muted); }
.psc-actions[b-z0s2jplgqe] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
.psc-open[b-z0s2jplgqe] { padding: 4px 0; }
.psc-message[b-z0s2jplgqe] { margin: 8px 0 0; }
/* /Components/Briefs/PanoramaTeamPanel.razor.rz.scp.css */
.pb-panel[b-61h0qdffui] { display: flex; flex-direction: column; gap: 4px; max-width: 760px; }
.pb-first[b-61h0qdffui] { color: var(--max360-text-muted); font-size: 0.85rem; margin: 0 0 4px; overflow-wrap: anywhere; }
.pb-muted[b-61h0qdffui] { color: var(--max360-text-muted); font-size: 0.9em; margin: 6px 0; overflow-wrap: anywhere; }
.pb-week[b-61h0qdffui] { margin: 8px 0 4px; }
.pb-week .pb-text[b-61h0qdffui] { font-size: 1.08rem; line-height: 1.55; }
.pb-section[b-61h0qdffui] { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--max360-border); }
.pb-section h3[b-61h0qdffui] { font-size: 1.02rem; margin: 6px 0 4px; }
.pb-group[b-61h0qdffui] { color: var(--max360-text-muted); font-size: 0.8rem; font-weight: 600; margin: 10px 0 2px; }
.pb-lines[b-61h0qdffui] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pb-line[b-61h0qdffui] { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; border-top: 1px solid var(--max360-border); min-width: 0; }
.pb-week .pb-line[b-61h0qdffui] { border-top: 0; padding-top: 0; }
.pb-week .pb-tag:empty[b-61h0qdffui] { display: none; }
.pb-body[b-61h0qdffui] { flex: 1 1 auto; min-width: 0; }
.pb-text[b-61h0qdffui] { overflow-wrap: anywhere; line-height: 1.45; }
.pb-day[b-61h0qdffui], .pb-title[b-61h0qdffui] { margin-right: 4px; }
.pb-src[b-61h0qdffui] { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin-top: 2px; font-size: 0.8rem; color: var(--max360-text-muted); }
.pb-src > *[b-61h0qdffui] { overflow-wrap: anywhere; }
.pb-tag[b-61h0qdffui] { flex: 0 0 6.4em; box-sizing: border-box; margin-top: 3px; padding: 1px 7px; border-radius: 999px; font-size: 0.72rem; text-align: center;
          white-space: nowrap; background: var(--surface-2); color: var(--max360-text-muted); }
.pb-tag-new[b-61h0qdffui] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.pb-tag-chg[b-61h0qdffui] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.pb-tag-pers[b-61h0qdffui] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.pb-cite[b-61h0qdffui] { display: inline-block; padding: 12px 0; margin: -10px 0; color: var(--max360-text-muted); text-decoration: underline; }
.pb-tag:empty[b-61h0qdffui] { background: transparent; }
.pb-foot[b-61h0qdffui] { display: flex; flex-direction: column; gap: 2px; margin-top: 18px; padding-top: 10px; border-top: 1px solid var(--max360-border);
           color: var(--max360-text-muted); font-size: 0.82rem; }
.pb-edit[b-61h0qdffui] { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.pb-edit-actions[b-61h0qdffui] { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.pb-label[b-61h0qdffui] { font-size: 0.85em; font-weight: 600; }
a.pb-title[b-61h0qdffui] { color: inherit; text-decoration: none; }
a.pb-title:hover[b-61h0qdffui] { text-decoration: underline; }
.pb-fold > summary[b-61h0qdffui] { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 10px 0; min-height: 44px; box-sizing: border-box; }
.pb-fold > summary[b-61h0qdffui]::-webkit-details-marker { display: none; }
.pb-fold > summary[b-61h0qdffui]::before { content: "\25B8"; color: var(--max360-text-muted); width: 1em; }
.pb-fold[open] > summary[b-61h0qdffui]::before { content: "\25BE"; }
.pb-fold-title[b-61h0qdffui] { font-weight: 600; }
.pb-fold-count[b-61h0qdffui] { color: var(--max360-text-muted); font-size: 0.88rem; overflow-wrap: anywhere; }
.pb-titlebar[b-61h0qdffui] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; max-width: 760px; margin: 0 0 4px; }
.pb-titlebar h1[b-61h0qdffui] { margin: 0; font-size: 1.6rem; }

/* on a phone the tag sits at the start of the line instead of holding a column, and a line with no tag gets the full width */
@media (max-width: 700px) {
    .pb-line[b-61h0qdffui] { display: flow-root; }
    .pb-tag[b-61h0qdffui] { float: left; margin: 3px 8px 0 0; }
    .pb-tag:empty[b-61h0qdffui] { display: none; }
}
.pb-bar-actions[b-61h0qdffui] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.pb-switch[b-61h0qdffui] { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 0.88rem; cursor: pointer; }
.pb-switch input[b-61h0qdffui] { width: 1.1em; height: 1.1em; margin: 0; }
.pb-tap[b-61h0qdffui] { cursor: pointer; border-radius: 4px; }
.pb-tap:focus-visible[b-61h0qdffui] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.pb-line[b-61h0qdffui] { scroll-margin-top: 12px; }
.pb-marked[b-61h0qdffui] { background: var(--max360-warning-soft); box-shadow: -8px 0 0 var(--max360-warning-soft), 8px 0 0 var(--max360-warning-soft); border-radius: 4px; }
.pb-related[b-61h0qdffui] { background: var(--surface-2); box-shadow: -8px 0 0 var(--surface-2), 8px 0 0 var(--surface-2); border-radius: 4px; }

.pb-checking[b-61h0qdffui] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-2);
}

.pb-check-why[b-61h0qdffui] { flex-basis: 100%; margin: 0; }

.pb-check-wrong[b-61h0qdffui] {
    text-decoration: line-through;
    text-decoration-color: var(--bs-danger);
    opacity: 0.75;
}

/* the changed pill opens how the line read before; the larger hit area keeps a phone tap from missing it */
.pb-tag-tap[b-61h0qdffui] { position: relative; cursor: pointer; }
.pb-tag-tap[b-61h0qdffui]::after { content: ""; position: absolute; inset: -12px -6px; }
.pb-tag-tap:focus-visible[b-61h0qdffui] { outline: 1px dotted var(--max360-text-muted); outline-offset: 2px; }
/* /Components/Charters/CarriedFromPreferencesCard.razor.rz.scp.css */
.carried[b-ijicbakq42] { margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 14px; max-width: 760px;
           background: var(--max360-surface); border: 1px solid var(--max360-border); overflow-wrap: anywhere; }
.carried-title[b-ijicbakq42] { margin: 0 0 0.4rem; font-size: 1.15rem; color: var(--max360-text); }
.carried-lead[b-ijicbakq42] { margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--max360-text-muted); }
.carried-part[b-ijicbakq42] { margin: 0.75rem 0 0.35rem; font-size: 0.95rem; color: var(--max360-text); }
.carried-editor[b-ijicbakq42] { padding: 0.5rem 0.6rem; }
.carried-editor textarea[b-ijicbakq42] { width: 100%; }
.carried-counter[b-ijicbakq42] { margin-top: 0.25rem; font-size: 0.85rem; color: var(--max360-text-muted); }
.carried-buttons[b-ijicbakq42] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; }
.carried-buttons .max360-action[b-ijicbakq42] { margin: 0; }
.carried-saved[b-ijicbakq42] { margin: 0.5rem 0 0; font-size: 0.9rem; color: var(--max360-text); }
.carried-off[b-ijicbakq42] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; justify-content: space-between; padding: 0.35rem 0; }
.carried-off span[b-ijicbakq42] { text-decoration: line-through; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.carried-left[b-ijicbakq42] { margin: 0 0 0.5rem; padding-left: 1.2rem; color: var(--max360-text); }
/* /Components/Charters/CharterInterviewInvite.razor.rz.scp.css */
/* src/Max360.Web/Components/Charters/CharterInterviewInvite.razor.css
   Two surfaces, two grammars (frontend-design pass):
   — today: a native entry in the brief's "At a glance" column. No box. Mirrors the
     page's .gl rhythm exactly (9px mono uppercase label / 18px serif lead / 13px
     muted meta / hairline rule). Uses the global theme tokens (--rule/--ink/--accent,
     themes.css) with --max360-* fallbacks; custom properties inherit through Blazor's
     CSS-isolation boundary, so the card picks up whatever theme the brief is wearing.
   — mycharter: a quiet card above the form. One gesture: a 3px accent left edge and
     an italic serif opening phrase. Not a banner. */

.charter-invite-actions[b-271513ho8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}

/* ── today: editorial glance entry ─────────────────────────────── */
.charter-invite-today[b-271513ho8u] {
    padding: 14px 0 16px;
    border-bottom: 1px solid var(--rule, var(--max360-border));
}

.charter-invite-today .charter-invite-label[b-271513ho8u] {
    font-family: var(--max360-font-label);
    font-size: 9px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--max360-brand-accent, var(--accent));
    font-weight: 500;
}

.charter-invite-today .charter-invite-lead[b-271513ho8u] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.015em;
    margin: 4px 0 0;
    color: var(--ink, var(--max360-text));
}

.charter-invite-today .charter-invite-lead em[b-271513ho8u] {
    font-style: italic;
    color: var(--max360-brand-accent, var(--accent));
}

.charter-invite-today .charter-invite-meta[b-271513ho8u] {
    margin: 4px 0 12px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-dim, var(--max360-text-muted));
}

/* ── mycharter: quiet card, one gesture ────────────────────────── */
.charter-invite-mycharter[b-271513ho8u] {
    max-width: 680px;
    border: 1px solid var(--max360-border);
    border-left: 3px solid var(--accent, var(--max360-border));
    border-radius: 8px;
    padding: 0.9rem 1.1rem;
    margin-bottom: 1rem;
    background: var(--surface, var(--max360-bg));
}

.charter-invite-mycharter p[b-271513ho8u] {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    line-height: 1.55;
}

.charter-invite-mycharter .charter-invite-ask[b-271513ho8u] {
    font-family: var(--max360-font-heading, Georgia, serif);
    font-style: italic;
    color: var(--accent, inherit);
}
/* /Components/Charters/CompanyCharterTodayCard.razor.rz.scp.css */
/* The same editorial rhythm as the person interview's invitation on Today: no box, a small label, a serif lead. */
.cc-today[b-71x5kocity] {
    padding: 14px 0 16px;
    border-bottom: 1px solid var(--rule, var(--max360-border));
}

.cc-today-label[b-71x5kocity] {
    font-family: var(--max360-font-label);
    font-size: 9px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--max360-brand-accent, var(--accent));
    font-weight: 500;
}

.cc-today-lead[b-71x5kocity] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.015em;
    margin: 4px 0 0;
    color: var(--ink, var(--max360-text));
}

.cc-today-meta[b-71x5kocity] {
    margin: 4px 0 12px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-dim, var(--max360-text-muted));
}

.cc-today-actions[b-71x5kocity] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}

.cc-today-line[b-71x5kocity] {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-dim, var(--max360-text-muted));
    overflow-wrap: anywhere;
}
/* /Components/Charters/InterviewBanner.razor.rz.scp.css */
.interview-banner[b-aglf7ivoys] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1rem;
                    margin: 0 0 0.75rem; padding: 0.55rem 0.8rem; border-radius: 10px; font-size: 0.9rem;
                    background: var(--max360-info-soft); color: var(--max360-info-ink); overflow-wrap: anywhere; }
/* /Components/Charters/SpokenCheckCard.razor.rz.scp.css */
.spoken-check[b-cg99kb5kff] { margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 14px; max-width: 760px;
                background: var(--max360-surface); border: 1px solid var(--max360-border); overflow-wrap: anywhere; }
.spoken-check-label[b-cg99kb5kff] { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--max360-text-muted); }
.spoken-check-title[b-cg99kb5kff] { margin: 0.2rem 0 0.4rem; font-size: 1.15rem; color: var(--max360-text); }
.spoken-check-lead[b-cg99kb5kff] { margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--max360-text-muted); }
.spoken-check-part[b-cg99kb5kff] { margin: 0.75rem 0 0.35rem; font-size: 0.95rem; color: var(--max360-text); }
.spoken-check-paragraph[b-cg99kb5kff] { display: block; width: 100%; text-align: left; margin: 0 0 0.4rem; padding: 0.55rem 0.7rem;
                          border-radius: 10px; border: 1px solid var(--max360-border); background: var(--max360-surface);
                          color: var(--max360-text); font: inherit; cursor: pointer; }
.spoken-check-editor[b-cg99kb5kff] { margin: 0 0 0.6rem; }
.spoken-check-editor textarea[b-cg99kb5kff] { width: 100%; }
.spoken-check-counter[b-cg99kb5kff], .spoken-check-words[b-cg99kb5kff] { margin-top: 0.25rem; font-size: 0.85rem; color: var(--max360-text-muted); }
.spoken-check-buttons[b-cg99kb5kff], .spoken-check-actions[b-cg99kb5kff] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; }
.spoken-check-saved[b-cg99kb5kff] { margin: 0.5rem 0 0; font-size: 0.9rem; color: var(--max360-text); }
.spoken-check-off[b-cg99kb5kff] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; justify-content: space-between; padding: 0.35rem 0; }
.spoken-check-off span[b-cg99kb5kff] { text-decoration: line-through; color: var(--max360-text-muted); overflow-wrap: anywhere; }
/* /Components/Charters/WorkingWithMeSection.razor.rz.scp.css */
/* src/Max360.Web/Components/Charters/WorkingWithMeSection.razor.css
   One column at every width: the page scrolls as one, and the action links wrap under the text
   on a phone rather than pushing the page sideways. */

.wwm[b-q1wfzyf94h] {
    max-width: 760px;
    margin-top: 1.5rem;
}

.wwm-head[b-q1wfzyf94h] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
}

.wwm-head h2[b-q1wfzyf94h] {
    margin: 0;
    font-size: 1.25rem;
}

.wwm-count[b-q1wfzyf94h] {
    color: var(--max360-text-muted);
    font-size: 0.9rem;
}

.wwm-where[b-q1wfzyf94h] {
    margin: 0.35rem 0 1rem;
    font-size: 0.9rem;
}

.wwm-part[b-q1wfzyf94h] {
    margin: 1.5rem 0 0.25rem;
    font-size: 1.05rem;
}

.wwm-heading[b-q1wfzyf94h] {
    margin: 0.85rem 0 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--max360-text-muted);
}

.wwm-paragraph[b-q1wfzyf94h] {
    padding: 0.5rem 0 0.65rem;
    border-top: 1px solid var(--rule, var(--max360-border));
}

.wwm-body[b-q1wfzyf94h] {
    margin: 0 0 0.25rem;
    overflow-wrap: anywhere;
}

.wwm-meta[b-q1wfzyf94h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.15rem 0.5rem;
    font-size: 0.85rem;
}

.wwm-words[b-q1wfzyf94h] {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.wwm-versions[b-q1wfzyf94h] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0 0 0 0.75rem;
    border-left: 2px solid var(--rule, var(--max360-border));
}

.wwm-versions li[b-q1wfzyf94h] {
    padding: 0.35rem 0;
}

.wwm-off .wwm-body[b-q1wfzyf94h] {
    color: var(--max360-text-muted);
}

.wwm-editor[b-q1wfzyf94h] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0.5rem 0;
}

.wwm-counter[b-q1wfzyf94h] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.wwm-buttons[b-q1wfzyf94h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.wwm-notice[b-q1wfzyf94h] {
    margin-bottom: 0.75rem;
}

.wwm-empty[b-q1wfzyf94h] {
    margin: 0 0 0.5rem;
}
/* /Components/CompanyWatch/CompanyNewsItemLine.razor.rz.scp.css */
/* One item: headline, then a quiet line of source and date, then the summary. Long headlines wrap. */
.cnews-item[b-5jzi85tfnw] {
    padding: 8px 0;
    border-top: 1px solid var(--max360-border);
    min-width: 0;
    overflow-wrap: anywhere;
}

.cnews-item:first-child[b-5jzi85tfnw] {
    border-top: 0;
}

.cnews-head a[b-5jzi85tfnw] {
    font-weight: 600;
}

.cnews-new[b-5jzi85tfnw] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 4px;
    background: var(--max360-success-soft);
    color: var(--max360-success-ink);
}

.cnews-meta[b-5jzi85tfnw] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.cnews-sum[b-5jzi85tfnw] {
    font-size: 0.9rem;
    margin-top: 2px;
}

.cnews-sum-label[b-5jzi85tfnw] {
    color: var(--max360-text-muted);
}
/* /Components/Desk/DeskBoardView.razor.rz.scp.css */
/* Desk's three columns. The color tokens (--t-*) come from .desk on the page. */
.db-summary[b-r80hi4q1r0] {
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--t-ink-dim);
    font-variant-numeric: tabular-nums;
}
/* two columns: Your day over Do next on the left, In motion over the threads on the right */
.desk-board[b-r80hi4q1r0] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 0 40px;
    align-items: start;
    margin-top: 22px;
}
.db-side[b-r80hi4q1r0] { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.db-col[b-r80hi4q1r0] { min-width: 0; }

.db-head[b-r80hi4q1r0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    border-bottom: 2px solid var(--t-ink);
    padding-bottom: 8px;
    margin-bottom: 4px;
}
.db-head h2[b-r80hi4q1r0] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    letter-spacing: -0.02em;
    font-variation-settings: 'opsz' 144;
    color: var(--t-ink);
    margin: 0;
}
.db-head h2 strong[b-r80hi4q1r0] { font-weight: 700; color: var(--t-brand-accent); }
.db-head a[b-r80hi4q1r0], .db-sub[b-r80hi4q1r0] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    white-space: nowrap;
}
.db-head a[b-r80hi4q1r0] { text-decoration: underline; text-decoration-color: var(--t-rule); text-underline-offset: 5px; }
.db-head a:hover[b-r80hi4q1r0] { color: var(--t-accent); }

.db-label[b-r80hi4q1r0] {
    margin: 18px 0 2px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}

.db-item[b-r80hi4q1r0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--t-rule);
}
.db-main[b-r80hi4q1r0] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.db-title[b-r80hi4q1r0] {
    display: block;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.3;
    color: var(--t-ink);
    text-decoration: none;
}
a.db-title:hover[b-r80hi4q1r0] { color: var(--t-accent); text-decoration: underline; }
.db-quote[b-r80hi4q1r0] { font-style: italic; }
.db-why[b-r80hi4q1r0] { margin-top: 2px; font-size: 13px; line-height: 1.5; color: var(--t-ink-dim); }
.db-why a[b-r80hi4q1r0] { color: var(--t-accent); }
.db-why a.is-good[b-r80hi4q1r0] { color: var(--max360-success, var(--t-accent)); font-weight: 600; }
.db-est[b-r80hi4q1r0] { color: var(--t-ink-dim); }
.db-fits[b-r80hi4q1r0] { margin: 2px 0 0; padding-left: 18px; }
.db-range[b-r80hi4q1r0] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.db-fits li[b-r80hi4q1r0] { margin: 2px 0; }
.db-act[b-r80hi4q1r0] { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }
/* a link action sits at the size of the buttons beside it */
.db-act-text[b-r80hi4q1r0] { font-size: 13px; }
.db-menu-host[b-r80hi4q1r0] { position: relative; display: inline-flex; }
.db-menu-backdrop[b-r80hi4q1r0] { position: fixed; inset: 0; z-index: 1040; }
.db-menu[b-r80hi4q1r0] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1041;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 12rem;
    padding: 6px;
    border: 1px solid var(--t-rule);
    border-radius: 8px;
    background: var(--t-surface);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.db-more[b-r80hi4q1r0] { margin-top: 8px; font-size: 13px; color: var(--t-ink-dim); }
.db-empty[b-r80hi4q1r0] { margin-top: 10px; font-size: 14px; font-style: italic; color: var(--t-ink-dim); }

.db-when[b-r80hi4q1r0] {
    flex: 0 0 5.2rem;
    padding-top: 2px;
    font-family: var(--t-mono);
    font-size: 12px;
    color: var(--t-ink-dim);
    font-variant-numeric: tabular-nums;
}
.db-when.is-now[b-r80hi4q1r0] { color: var(--t-accent); font-weight: 600; }
.db-slot.is-free .db-title[b-r80hi4q1r0] { font-family: inherit; font-size: 14px; font-weight: 600; color: var(--max360-success, var(--t-ink)); }
/* free time: the time and the space under it, beside the text, in a light green */
.db-slot.is-free[b-r80hi4q1r0] { align-items: stretch; }
.db-slot.is-free .db-when[b-r80hi4q1r0] {
    margin: -10px 0;
    padding: 12px 6px;
    background: var(--max360-success-soft);
    color: var(--max360-success, var(--t-ink-dim));
}

.db-rank[b-r80hi4q1r0] {
    flex: 0 0 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--bg);
    background: var(--t-brand-accent);
}

.db-nudge[b-r80hi4q1r0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    margin: 4px 0 10px;
    border: 1px solid var(--t-rule);
    border-radius: 8px;
    background: var(--t-surface);
}
.db-nudge-label[b-r80hi4q1r0] { font-size: 12px; color: var(--t-ink-dim); }
.db-nudge-note[b-r80hi4q1r0] { font-size: 12px; color: var(--t-ink-dim); }
.db-nudge-note.is-good[b-r80hi4q1r0] { color: var(--max360-success, var(--t-ink)); }
.db-nudge-actions[b-r80hi4q1r0] { display: flex; gap: 8px; flex-wrap: wrap; }

.degraded-note[b-r80hi4q1r0] { margin-top: 10px; font-size: 13px; color: var(--t-warning); }
.desk-msg[b-r80hi4q1r0] { margin-top: 12px; font-size: 13px; color: var(--t-accent); }
.desk-msg-error[b-r80hi4q1r0] { color: var(--t-warning); }

/* the days after today, under a dashed line with each day's date */
.db-ahead[b-r80hi4q1r0] { margin-bottom: 4px; }
.db-ahead-label[b-r80hi4q1r0] {
    margin: 16px 0 2px;
    padding-top: 10px;
    border-top: 1px dashed var(--t-rule);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-brand-accent, var(--t-ink-dim));
}
.db-ahead-none[b-r80hi4q1r0] { padding: 8px 0; font-size: 13px; color: var(--t-ink-dim); }


@media (max-width: 1100px) {
    .desk-board[b-r80hi4q1r0] { gap: 0 28px; }
}

@media (max-width: 700px) {
    .desk-board[b-r80hi4q1r0] { display: flex; flex-direction: column; gap: 28px; margin-top: 16px; }
    .db-side[b-r80hi4q1r0] { display: contents; }
    .db-threads[b-r80hi4q1r0] { order: 4; }
    .db-next[b-r80hi4q1r0] { order: 1; }
    .db-day[b-r80hi4q1r0] { order: 2; }
    .db-motion[b-r80hi4q1r0] { order: 3; }
    .db-head h2[b-r80hi4q1r0] { font-size: 21px; }
    .db-col:not(.show-all) .is-extra[b-r80hi4q1r0] { display: none; }
    .db-act[b-r80hi4q1r0] { flex-direction: column; align-items: flex-end; gap: 2px; }
}
/* /Components/Desk/DeskPanoramaSection.razor.rz.scp.css */
.dp-lines[b-cf3jc6o1ux] { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; }
.dp-line[b-cf3jc6o1ux] { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; border-top: 1px solid var(--max360-border); line-height: 1.4; min-width: 0; }
.dp-line:first-child[b-cf3jc6o1ux] { border-top: 0; }
.dp-body[b-cf3jc6o1ux] { flex: 1 1 auto; min-width: 0; }
.dp-text[b-cf3jc6o1ux] { display: block; overflow-wrap: anywhere; }
.dp-src[b-cf3jc6o1ux] { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin-top: 2px; font-size: 0.8rem; color: var(--max360-text-muted); }
.dp-src > *[b-cf3jc6o1ux] { overflow-wrap: anywhere; }
.dp-age[b-cf3jc6o1ux] { min-width: 0; }
.dp-tag[b-cf3jc6o1ux] { flex: 0 0 6.4em; box-sizing: border-box; margin-top: 3px; padding: 1px 7px; border-radius: 999px; font-size: 0.72rem; text-align: center;
          white-space: nowrap; background: var(--surface-2); color: var(--max360-text-muted); }
.dp-tag.pb-tag-new[b-cf3jc6o1ux] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.dp-tag.pb-tag-chg[b-cf3jc6o1ux] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.dp-tag.pb-tag-pers[b-cf3jc6o1ux] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.dp-cite[b-cf3jc6o1ux] { display: inline-block; padding: 12px 0; margin: -10px 0; color: var(--max360-text-muted); text-decoration: underline; }
.dp-note[b-cf3jc6o1ux] { margin: 0 0 8px; font-size: 0.9em; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.dp-box[b-cf3jc6o1ux] { font-weight: 600; }
.dp-tag:empty[b-cf3jc6o1ux] { background: transparent; }
.dp-one[b-cf3jc6o1ux] { flex: 1 1 auto; min-width: 0; display: block; color: inherit; text-decoration: none; padding: 10px 0; margin: -10px 0; }
.dp-one-text[b-cf3jc6o1ux] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; overflow-wrap: anywhere; }
.dp-one:hover[b-cf3jc6o1ux] { text-decoration: underline; }
.dp-section[b-cf3jc6o1ux], .dp-lines[b-cf3jc6o1ux] { min-width: 0; max-width: 100%; }

.dp-held .dp-text[b-cf3jc6o1ux], .dp-held .dp-one-text[b-cf3jc6o1ux] { text-decoration: line-through; opacity: 0.6; }
/* /Components/Desk/DeskResearchSection.razor.rz.scp.css */
/* each run is one link: the line it stands at, then its sheet and day; the whole row is the target */
.dr-row[b-l1cteqjhy9] {
    display: block;
    min-height: 44px;
    color: inherit;
    text-decoration: none;
}
.dr-row:focus-visible[b-l1cteqjhy9] { outline: 2px solid var(--t-accent); outline-offset: 2px; }
.dr-title[b-l1cteqjhy9], .dr-ctx[b-l1cteqjhy9] { display: block; overflow-wrap: anywhere; }
.dr-row:active .dr-title[b-l1cteqjhy9] { color: var(--t-accent); }
/* /Components/Desk/DeskThreadsSection.razor.rz.scp.css */
.dt-controls[b-svj7yp7kmt] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; margin: 8px 0 10px; }
.dt-group[b-svj7yp7kmt] { display: flex; flex-wrap: wrap; gap: 6px; }
/* /Components/Desk/DeskTidyPanel.razor.rz.scp.css */
/* Tidy up, under Desk's three columns. The color tokens (--t-*) come from .desk on the page. */
.tidy[b-q0mjmosbb5] {
    margin-top: 28px;
    padding: 16px 18px;
    border: 1px solid var(--t-rule);
    border-radius: 10px;
    background: var(--t-surface);
}
.tidy-head[b-q0mjmosbb5] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tidy-head h2[b-q0mjmosbb5] {
    margin: 0;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    color: var(--t-ink);
}
.tidy-head h2 strong[b-q0mjmosbb5] { font-weight: 700; color: var(--t-brand-accent); }
.tidy-lede[b-q0mjmosbb5], .tidy-done[b-q0mjmosbb5], .tidy-msg[b-q0mjmosbb5] { margin: 8px 0 0; font-size: 14px; color: var(--t-ink-dim); }
.tidy-done[b-q0mjmosbb5] { color: var(--t-ink); }
.tidy-group[b-q0mjmosbb5] {
    margin: 18px 0 2px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.tidy-group span[b-q0mjmosbb5] { text-transform: none; letter-spacing: 0; font-family: inherit; }
.tidy-row[b-q0mjmosbb5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--t-rule);
}
.tidy-main[b-q0mjmosbb5] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.tidy-title[b-q0mjmosbb5] { color: var(--t-ink); text-decoration: none; font-size: 15px; }
.tidy-title:hover[b-q0mjmosbb5] { color: var(--t-accent); text-decoration: underline; }
.tidy-why[b-q0mjmosbb5] { margin-top: 2px; font-size: 13px; color: var(--t-ink-dim); }
.tidy-choice[b-q0mjmosbb5] { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; flex-shrink: 0; }
.tidy-until[b-q0mjmosbb5] { width: auto; }
.tidy-foot[b-q0mjmosbb5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
    font-size: 14px;
}
.tidy-foot-act[b-q0mjmosbb5] { display: inline-flex; gap: 14px; align-items: center; }

@media (max-width: 700px) {
    .tidy[b-q0mjmosbb5] { padding: 12px; }
    .tidy-row[b-q0mjmosbb5] { flex-direction: column; gap: 6px; }
}
/* /Components/Desk/DeskWorthSharingSection.razor.rz.scp.css */
/* Worth sharing?, which sits on Today; its look travels with it rather than living in a page's stylesheet. */
.desk-worth-sharing[b-70jf1qqi7r] { padding: 14px 0; }
.desk-section-head[b-70jf1qqi7r] { display: flex; justify-content: space-between; align-items: baseline; }
.desk-section-head h3[b-70jf1qqi7r] {
    margin: 0;
    font-family: var(--t-mono, var(--max360-font-label));
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim, var(--ink-dim));
}
.desk-item[b-70jf1qqi7r] { padding: 10px 0; border-bottom: 1px solid var(--t-rule, var(--rule)); }
.desk-item:last-child[b-70jf1qqi7r] { border-bottom: none; }
.desk-item-title[b-70jf1qqi7r] { font-size: 15px; line-height: 1.3; color: var(--t-ink, var(--ink)); overflow-wrap: anywhere; }
.desk-item-ctx[b-70jf1qqi7r] { margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--t-ink-dim, var(--ink-dim)); }
.desk-item-actions[b-70jf1qqi7r] { margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap; }
.desk-empty[b-70jf1qqi7r] { margin-top: 8px; font-size: 14px; font-style: italic; color: var(--t-ink-dim, var(--ink-dim)); }
.desk-msg[b-70jf1qqi7r] { margin-top: 8px; font-size: 13px; color: var(--t-accent, var(--accent)); }
.desk-msg-error[b-70jf1qqi7r] { color: var(--max360-warning-ink, var(--max360-warning)); }

/* worth-sharing multi-team picker (rendered by DeskWorthSharingSection) — ::deep
   because the child component carries no scoped CSS of its own. */
.desk-worth-pop[b-70jf1qqi7r] {
    position: relative;
    display: inline-block;
}
.desk-worth-pop-backdrop[b-70jf1qqi7r] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
}
.desk-worth-pop-menu[b-70jf1qqi7r] {
    position: absolute;
    z-index: 31;
    top: calc(100% + 4px);
    left: 0;
    min-width: 16rem;
    max-height: 18rem;
    overflow-y: auto;
    padding: 8px 12px;
    background: var(--t-paper);
    border: 1px solid var(--t-rule);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.desk-worth-pop-opt[b-70jf1qqi7r] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px 0;
    font-size: 13px;
    color: var(--t-ink);
}
.desk-worth-pop-foot[b-70jf1qqi7r] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--t-rule);
}

/* ─── worth-sharing internals (rendered by DeskWorthSharingSection) ──
   for the same reason as the section internals above — the child
   component carries no scoped CSS of its own. */
.desk-worth-lede[b-70jf1qqi7r] {
    margin: 6px 0 10px;
    font-size: 13px;
    color: var(--t-ink-dim);
    font-style: italic;
}
.desk-worth-note[b-70jf1qqi7r] {
    margin: 0 0 12px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.04em;
    color: var(--t-ink-dim);
}
.desk-worth-tag[b-70jf1qqi7r] {
    font-family: var(--t-mono);
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--t-accent);
    border: 1px solid var(--t-rule);
    border-radius: 2px;
    padding: 1px 5px;
    margin-right: 6px;
    vertical-align: middle;
}


/* one compact row per item: the name and its kind, when, and a menu of what to do with it */
.ws-row[b-70jf1qqi7r] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid var(--t-rule, var(--rule));
}
.ws-row:last-of-type[b-70jf1qqi7r] { border-bottom: none; }
.ws-main[b-70jf1qqi7r] { flex: 1; min-width: 0; }
.ws-title[b-70jf1qqi7r] { font-size: 14px; line-height: 1.3; color: var(--t-ink, var(--ink)); overflow-wrap: anywhere; }
.ws-main .desk-worth-tag[b-70jf1qqi7r] { margin: 0 0 0 6px; }
.ws-when[b-70jf1qqi7r] { margin-top: 2px; font-size: 12px; color: var(--t-ink-dim, var(--ink-dim)); }
.desk-worth-pop-menu[b-70jf1qqi7r] { left: auto; right: 0; min-width: 14rem; display: flex; flex-direction: column; gap: 2px; }
/* /Components/Desk/FoldButton.razor.rz.scp.css */
/* only a phone folds a Desk column, so only a phone shows Show all; the column decides whether anything is folded */
.db-fold[b-73ssvuw57b] { display: none; margin-top: 8px; }
@media (max-width: 700px) {
    .db-fold[b-73ssvuw57b] { display: inline-flex; }
}
/* /Components/EntityGraph/RelationshipGraph.razor.rz.scp.css */
.max360-graph-wrapper[b-jrcdkony63] {
    position: relative;
    display: block;
    height: 600px;
    border: 1px solid var(--rule);
    border-radius: 0;
    overflow: hidden;
    background: var(--bg);
}

.max360-graph-canvas[b-jrcdkony63] {
    width: 100%;
    height: 100%;
}

/* Canvas furniture sits in the edges as hairline-separated bands rather than as
   dropped cards, so it reads as part of the page the way the header rule does. */
.max360-graph-toolbar[b-jrcdkony63] {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 6px;
    align-items: center;
    z-index: 5;
}

.max360-graph-toolbar .max360-filter[b-jrcdkony63] {
    background: var(--bg);
}

.max360-filter-mini[b-jrcdkony63] {
    min-height: 26px;
    padding: 2px 10px;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    gap: 0.3rem;
}

.max360-graph-placeholder[b-jrcdkony63] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
    padding: 0 1.5rem;
    color: var(--ink-dim);
}

.max360-graph-placeholder p[b-jrcdkony63] { margin: 0; max-width: 42ch; }
.max360-graph-placeholder-lead[b-jrcdkony63] { color: var(--ink); }
.max360-graph-placeholder-hint[b-jrcdkony63] { font-size: 0.85em; }

.max360-graph-error[b-jrcdkony63] {
    color: var(--max360-danger);
}

.max360-graph-sidepanel[b-jrcdkony63] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 340px;
    max-width: 90%;
    background: var(--surface);
    color: var(--ink);
    border-left: 1px solid var(--rule);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 10;
    animation: max360-graph-sidepanel-slide-b-jrcdkony63 180ms ease-out;
}

@keyframes max360-graph-sidepanel-slide-b-jrcdkony63 {
    from { transform: translateX(100%); }
    to   { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .max360-graph-sidepanel[b-jrcdkony63] { animation: none; }
}

.max360-graph-sidepanel-header[b-jrcdkony63] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--rule);
    background: var(--surface-2);
}

.max360-graph-sidepanel-header button[b-jrcdkony63] {
    margin-left: auto;
    font-size: 1.2em;
    line-height: 1;
}

.max360-graph-sidepanel-body[b-jrcdkony63] {
    padding: 12px;
    font-size: 0.9em;
}

.max360-graph-sidepanel-body h5[b-jrcdkony63] {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 0.95em;
    color: var(--ink);
}

.max360-graph-rellist[b-jrcdkony63] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.max360-graph-rellist li[b-jrcdkony63] {
    padding: 3px 0;
    border-bottom: 1px dashed var(--rule);
}

.max360-rel-type[b-jrcdkony63] {
    display: inline-block;
    font-family: var(--max360-font-label);
    font-size: 0.68em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--surface-2);
    color: var(--ink);
    padding: 1px 6px;
    border-radius: 999px;
    margin: 0 4px;
}

.max360-graph-sidepanel-actions[b-jrcdkony63] {
    margin-top: 14px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* The color key and "what am I not seeing" answer the same question, so they share
   one band along the foot instead of floating as two separate boxes. */
.max360-graph-foot[b-jrcdkony63] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    max-height: 60%;
}

.max360-graph-band[b-jrcdkony63] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 5px 10px;
    background: var(--bg);
    border-top: 1px solid var(--rule);
}

.max360-graph-legend[b-jrcdkony63] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.max360-graph-legend-item[b-jrcdkony63],
.max360-graph-band-more[b-jrcdkony63],
.max360-overflow-chip[b-jrcdkony63] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 3px 8px;
    background: none;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--ink-dim);
    font-family: var(--max360-font-label);
    font-size: 0.62rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.max360-graph-legend-item:hover[b-jrcdkony63],
.max360-graph-band-more:hover[b-jrcdkony63],
.max360-overflow-chip:hover[b-jrcdkony63] { color: var(--ink); border-color: var(--rule); }

.max360-graph-legend-item.is-on[b-jrcdkony63] {
    color: var(--ink);
    border-color: var(--max360-primary);
}

.max360-graph-legend-item:focus-visible[b-jrcdkony63],
.max360-graph-band-more:focus-visible[b-jrcdkony63],
.max360-overflow-chip:focus-visible[b-jrcdkony63] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

.max360-graph-band-more[b-jrcdkony63] { flex: 0 0 auto; margin-left: auto; }

.max360-graph-dot[b-jrcdkony63] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.max360-graph-count[b-jrcdkony63] {
    margin-left: 0.35rem;
    color: var(--ink-dim);
    opacity: 0.75;
}

.max360-graph-overflow[b-jrcdkony63] {
    flex: 0 1 auto;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem;
    padding: 6px 10px;
    background: var(--bg);
    border-top: 1px solid var(--rule);
}

.max360-overflow-chip.is-static[b-jrcdkony63] { cursor: default; }
.max360-overflow-chip.is-static:hover[b-jrcdkony63] { color: var(--ink-dim); border-color: transparent; }

.max360-graph-expand-hint[b-jrcdkony63] {
    margin-top: 12px;
    font-size: 0.82em;
    color: var(--ink-dim);
}

.max360-graph-expand-error[b-jrcdkony63] {
    margin-top: 10px;
    padding: 6px 10px;
    font-size: 0.82em;
    color: var(--max360-warning-ink);
    background: var(--max360-warning-soft);
    border: 1px solid var(--max360-warning);
    border-radius: 4px;
}
/* /Components/Layout/DayOneBanner.razor.rz.scp.css */
.day-one-banner[b-dexyodoyk2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; margin: 0.5rem; }
.day-one-banner-actions[b-dexyodoyk2] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.day-one-banner-actions .max360-action[b-dexyodoyk2] { min-height: 44px; }
/* /Components/Layout/MaxActivityIndicator.razor.rz.scp.css */
/* src/Max360.Web/Components/Layout/MaxActivityIndicator.razor.css */

.max-activity-indicator[b-3o2r8593v3] { position: relative; display: inline-block; }

.indicator-btn[b-3o2r8593v3] {
    background: none;
    border: 0;
    color: var(--max360-text-muted);
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    line-height: 1;
}
.indicator-btn:hover[b-3o2r8593v3] { color: var(--max360-primary); }
.indicator-btn i[b-3o2r8593v3] { font-size: 1.15rem; }
.indicator-btn .badge[b-3o2r8593v3] {
    position: absolute;
    top: -2px;
    right: -2px;
    background: var(--max360-primary);
    color: var(--max360-on-primary);
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 1px 5px;
    line-height: 1.3;
}

.max-activity-indicator.stale .indicator-btn[b-3o2r8593v3] { opacity: 0.5; }
.max-activity-indicator.open .indicator-btn[b-3o2r8593v3] { color: var(--max360-primary); }

/* Backdrop closes the popover on outside click. Transparent and behind the menu.
   z-index 9998/9999 sits above all in-page content and below quicktour overlays. */
.ma-popover-backdrop[b-3o2r8593v3] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.ma-popover[b-3o2r8593v3] {
    position: absolute;
    left: calc(100% + 0.5rem);
    bottom: 0;
    width: 340px;
    max-height: 70vh;
    overflow-y: auto;
    background-color: var(--max360-surface, #fff);
    color: var(--max360-text, #222);
    border: 1px solid var(--rule, var(--max360-border, #ccc));
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    padding: 0;
    z-index: 9999;
    font-size: 0.875rem;
    opacity: 1;
    isolation: isolate;
}

.ma-popover-header[b-3o2r8593v3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--rule, var(--max360-border, #eee));
    background: var(--surface-2, var(--max360-bg, #fafafa));
    border-radius: 0.5rem 0.5rem 0 0;
}
.ma-popover-header h6[b-3o2r8593v3] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--max360-text, #222);
    letter-spacing: 0.01em;
}
.ma-popover-count[b-3o2r8593v3] {
    font-size: 0.75rem;
    color: var(--max360-text-muted, #666);
    font-variant-numeric: tabular-nums;
}

.empty[b-3o2r8593v3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 1.5rem 1rem;
    color: var(--max360-text-muted, #888);
    font-style: italic;
    font-size: 0.85rem;
}
.empty i[b-3o2r8593v3] { font-size: 1.4rem; opacity: 0.7; }

.section[b-3o2r8593v3] { padding: 0.5rem 0.85rem; }
.section + .section[b-3o2r8593v3] { border-top: 1px solid var(--rule, var(--max360-border, #f0f1f5)); }
.section-title[b-3o2r8593v3] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--max360-text-muted, #6a6e76);
    margin-bottom: 0.35rem;
}

.row[b-3o2r8593v3] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 3px 0;
    line-height: 1.3;
}
.row-source[b-3o2r8593v3] {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--max360-text, #2c3038);
    font-size: 0.8rem;
}
.row-label[b-3o2r8593v3] {
    flex: 1 1 auto;
    color: var(--max360-text-muted, #555);
    font-size: 0.8rem;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.row-depth[b-3o2r8593v3] {
    margin-left: auto;
    font-weight: 600;
    color: var(--max360-primary, #2c7a3a);
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem;
}
.row-summary[b-3o2r8593v3] {
    flex: 1 1 auto;
    color: var(--max360-text, #444);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.row-kind[b-3o2r8593v3] {
    flex: 0 0 auto;
    display: inline-block;
    min-width: 56px;
    font-size: 0.62rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--surface-2, #ecedf0);
    color: var(--max360-text-muted, #5a5e68);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.row-kind-aicall[b-3o2r8593v3]  { background: #e3f0fa; color: #1f5f88; }
.row-kind-audit[b-3o2r8593v3]   { background: #e3f2e7; color: #2c7a3a; }
.row-kind-journal[b-3o2r8593v3] { background: #fff4dc; color: #8a5a14; }

.ma-popover-footer[b-3o2r8593v3] {
    padding: 0.55rem 0.85rem;
    border-top: 1px solid var(--rule, var(--max360-border, #eee));
    background: var(--surface-2, var(--max360-bg, #fafafa));
    border-radius: 0 0 0.5rem 0.5rem;
}
.ma-popover-footer a[b-3o2r8593v3] {
    color: var(--max360-primary, #1f5f88);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
}
.ma-popover-footer a:hover[b-3o2r8593v3] { text-decoration: underline; }
.ma-popover-footer i[b-3o2r8593v3] { font-size: 0.75rem; }
/* /Components/Layout/MenuModeSwitch.razor.rz.scp.css */
/* Sits under the group filter in the rail's top band, so it takes no rule of its own. */
.menu-mode[b-uxc3ganblc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.14rem;
    padding: 0.3rem 0 0.4rem;
}

.menu-mode-segments[b-uxc3ganblc] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--rule);
    border-radius: 6px;
}

.menu-mode-seg[b-uxc3ganblc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.35rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--max360-text-muted);
    line-height: 1;
    cursor: pointer;
}

.menu-mode-seg i[b-uxc3ganblc] {
    font-size: 0.95rem;
}

.menu-mode-seg:hover[b-uxc3ganblc] {
    color: var(--ink);
}

.menu-mode-seg.on[b-uxc3ganblc] {
    background: var(--surface);
    color: var(--max360-primary);
    box-shadow: 0 0 0 1px var(--rule);
    cursor: default;
}

.menu-mode-seg:focus-visible[b-uxc3ganblc] {
    outline: 2px solid var(--max360-primary);
    outline-offset: 1px;
}

.menu-mode-caption[b-uxc3ganblc] {
    font-size: 0.56rem;
    line-height: 1.05;
    color: var(--max360-text-muted);
    white-space: nowrap;
}
/* /Components/Layout/OutsideLayout.razor.rz.scp.css */
.owl[b-630vp552iv] { min-height: 100%; }

.owl-error[b-630vp552iv] {
    max-width: 28rem;
    margin: 4rem auto;
    padding: 0 1rem;
    font-size: 1.05rem;
}
/* /Components/Layout/OutsideSupportNotice.razor.rz.scp.css */
.outside-support-notice[b-ypl9ha9v73] { display: grid; gap: 0.5rem; margin: 0.5rem; }
.outside-support-line[b-ypl9ha9v73] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; margin: 0; }
.outside-support-text[b-ypl9ha9v73] { min-width: 0; overflow-wrap: anywhere; }
.outside-support-review[b-ypl9ha9v73] { font-weight: 600; text-decoration: underline; }
/* /Components/Layout/PageSearch.razor.rz.scp.css */
/* src/Max360.Web/Components/Layout/PageSearch.razor.css */
.page-search-backdrop[b-ep0yzdqanf] {
    position: fixed; inset: 0; background: rgba(0, 0, 0, 0.35); z-index: 1090;
}
.page-search[b-ep0yzdqanf] {
    position: fixed; top: 12vh; left: 50%; transform: translateX(-50%);
    width: min(560px, calc(100vw - 32px)); z-index: 1091;
    background: var(--surface); color: var(--ink); border: 1px solid var(--rule);
    border-radius: 10px; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3); overflow: hidden;
}
.page-search-input[b-ep0yzdqanf] {
    width: 100%; padding: 14px 16px; font-size: 16px; border: none; border-bottom: 1px solid var(--rule);
    background: transparent; color: var(--ink); outline: none;
}
.page-search-results[b-ep0yzdqanf] { list-style: none; margin: 0; padding: 6px 0; max-height: 60vh; overflow-y: auto; }
.page-search-row[b-ep0yzdqanf] {
    display: flex; align-items: center; gap: 10px; padding: 8px 16px; cursor: pointer; font-size: 14px;
}
.page-search-row.is-active[b-ep0yzdqanf], .page-search-row:hover[b-ep0yzdqanf] { background: var(--surface-2, rgba(127, 127, 127, 0.15)); }
.page-search-row i[b-ep0yzdqanf] { width: 18px; text-align: center; color: var(--ink-dim); }
.page-search-title[b-ep0yzdqanf] { flex: 1; }
.page-search-section[b-ep0yzdqanf] { font-size: 11px; color: var(--ink-dim); }
.page-search-ask[b-ep0yzdqanf] { border-top: 1px solid var(--rule); margin-top: 6px; padding-top: 12px; }
.page-search-label[b-ep0yzdqanf] {
    padding: 8px 16px 2px; font-size: 11px; font-weight: 600; letter-spacing: .06em;
    text-transform: uppercase; color: var(--ink-dim);
}
.page-search-searching[b-ep0yzdqanf] {
    display: flex; align-items: center; gap: 10px; padding: 8px 16px; font-size: 13px; color: var(--ink-dim);
}
/* /Components/Layout/PanoramaSourceCheckCard.razor.rz.scp.css */
.psc-card[b-l2sjfchvxn] { position: fixed; right: max(16px, env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px));
             z-index: 1040; width: min(420px, calc(100vw - 32px)); max-height: 70vh; overflow-y: auto; padding: 10px 12px;
             border: 2px solid var(--max360-primary); border-radius: 10px; background: var(--max360-surface, #fff); color: var(--max360-text);
             box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }
.psc-card-head[b-l2sjfchvxn] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.psc-card[b-l2sjfchvxn]  .psc { margin: 6px 0 0; border: 0; padding: 0; background: transparent; }

@media (max-width: 700px) {
    .psc-card[b-l2sjfchvxn] { left: 12px; right: 12px; width: auto; bottom: calc(58px + 12px + env(safe-area-inset-bottom, 0px)); max-height: 60vh; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2fp4ebkwqc],
.components-reconnect-repeated-attempt-visible[b-2fp4ebkwqc],
.components-reconnect-failed-visible[b-2fp4ebkwqc],
.components-pause-visible[b-2fp4ebkwqc],
.components-resume-failed-visible[b-2fp4ebkwqc],
.components-rejoining-animation[b-2fp4ebkwqc] {
    display: none;
}

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


#components-reconnect-modal[b-2fp4ebkwqc] {
    background-color: var(--surface, white);
    color: var(--ink, #1f2937);
    width: min(20rem, calc(100vw - 2rem));
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2fp4ebkwqc 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-2fp4ebkwqc {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SendingPausedBar.razor.rz.scp.css */
.sending-paused-bar[b-ejz6on38af] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; margin: 0.5rem; }
.sending-paused-text[b-ejz6on38af] { min-width: 0; overflow-wrap: anywhere; }
/* /Components/Layout/VisitorLayout.razor.rz.scp.css */
/* a seat page is built for the main layout's gutter, and some (Today) pull themselves out to its edges with a negative
   margin, so without the same padding they slide up over the seat menu and past the screen's sides */
.visitor-main[b-oam0tq9bry] {
    padding: 1.5rem 2rem;
}

.visitor-layout[b-oam0tq9bry] {
    background: var(--max360-bg);
    color: var(--max360-text);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
}

.visitor-seat-nav[b-oam0tq9bry] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    padding: 0.75rem 2rem 0.4rem;
    border-bottom: 1px solid var(--max360-border);
}

.visitor-seat-nav[b-oam0tq9bry]  a {
    padding: 0.35rem 0;
    color: var(--max360-text-muted);
    font-family: var(--max360-font-label, ui-monospace, monospace);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.visitor-seat-nav[b-oam0tq9bry]  a:hover {
    color: var(--max360-text);
}

.visitor-seat-nav[b-oam0tq9bry]  a.active {
    color: var(--max360-text);
    border-bottom-color: var(--max360-action-accent);
}

.visitor-note[b-oam0tq9bry] {
    color: var(--max360-text-muted);
}

@media (max-width: 700px) {
    .visitor-main[b-oam0tq9bry] { padding: 1rem 1.5rem; }
    .visitor-seat-nav[b-oam0tq9bry] { padding: 0.5rem 1.5rem 0.4rem; gap: 0.25rem 1rem; }
}
/* /Components/Library/AiCostView.razor.rz.scp.css */
.aic[b-x6mgwyaalt] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.aic-title[b-x6mgwyaalt] { margin: 0 0 .25rem; font-size: 1.15rem; }
.aic-figure[b-x6mgwyaalt] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.aic-total[b-x6mgwyaalt] { font-size: 2rem; font-weight: 700; color: var(--max360-text); }
.aic-period[b-x6mgwyaalt], .aic-previous[b-x6mgwyaalt], .aic-legs[b-x6mgwyaalt], .aic-note[b-x6mgwyaalt], .aic-row-detail[b-x6mgwyaalt], .aic-day-date[b-x6mgwyaalt] { color: var(--max360-text-muted); }
.aic-previous[b-x6mgwyaalt], .aic-legs[b-x6mgwyaalt] { margin: .25rem 0 0; }
.aic-note[b-x6mgwyaalt] { font-size: .875rem; margin: 0; }
.aic-notices ul[b-x6mgwyaalt] { margin: 0; padding-left: 1.1rem; display: flex; flex-direction: column; gap: .5rem; }
.aic-link[b-x6mgwyaalt] { display: inline-block; margin-left: .5rem; }
.aic-rows[b-x6mgwyaalt], .aic-days[b-x6mgwyaalt] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.aic-row[b-x6mgwyaalt] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .15rem .75rem; scroll-margin-top: 4rem; }
.aic-row:target[b-x6mgwyaalt] { outline: 2px solid var(--max360-primary); outline-offset: 4px; border-radius: 4px; }
.aic-row-name[b-x6mgwyaalt] { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.aic-row-figures[b-x6mgwyaalt] { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.aic-row-cost[b-x6mgwyaalt] { font-weight: 600; }
.aic-row-detail[b-x6mgwyaalt] { font-size: .85rem; }
.aic-bar[b-x6mgwyaalt] { grid-column: 1 / -1; display: block; height: 6px; background: var(--max360-border); border-radius: 3px; overflow: hidden; }
.aic-bar > span[b-x6mgwyaalt] { display: block; height: 100%; background: var(--max360-primary); }
.aic-day[b-x6mgwyaalt] { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) 5rem; align-items: center; gap: .5rem; }
.aic-day .aic-bar[b-x6mgwyaalt] { grid-column: auto; }
.aic-day-cost[b-x6mgwyaalt] { text-align: right; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
    .aic-total[b-x6mgwyaalt] { font-size: 1.6rem; }
    .aic-day[b-x6mgwyaalt] { grid-template-columns: 5.5rem minmax(0, 1fr) 4.5rem; }
}
/* /Components/Library/BoardCouncilCard.razor.rz.scp.css */
.bcc[b-0knq2pe86r] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.bcc-head[b-0knq2pe86r] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.bcc-k[b-0knq2pe86r] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-text-muted); }
.bcc-seats[b-0knq2pe86r] { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.bcc-seats li[b-0knq2pe86r] { overflow-wrap: anywhere; }
.bcc-pos[b-0knq2pe86r] { color: var(--max360-text-muted); }
.bcc-was[b-0knq2pe86r] { font-size: 13px; color: var(--max360-text-muted); }
.bcc-table[b-0knq2pe86r] { margin: 4px 0; min-width: 0; overflow-x: auto; }
.bcc-table summary[b-0knq2pe86r] { cursor: pointer; font-size: 13px; color: var(--max360-text-muted); }
.bcc-rounds[b-0knq2pe86r] { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.bcc-closing p[b-0knq2pe86r] { margin: 2px 0; overflow-wrap: anywhere; }
.bcc-follow[b-0knq2pe86r] { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid var(--max360-border); border-radius: 8px; min-width: 0; }
.bcc-q[b-0knq2pe86r] { overflow-wrap: anywhere; }
.bcc-ask[b-0knq2pe86r] { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.bcc-ask textarea[b-0knq2pe86r] { flex: 1 1 220px; min-width: 0; padding: 8px 10px; border: 1px solid var(--max360-border); border-radius: 8px;
    background: var(--max360-surface); color: var(--max360-text); font: inherit; resize: vertical; }
.bcc-muted[b-0knq2pe86r] { margin: 0; font-size: 13px; color: var(--max360-text-muted); }
.bcc-error[b-0knq2pe86r] { margin: 0; font-size: 13px; color: var(--max360-danger-ink); }

/* as a slide of a review's walkthrough */
.bcc-slide[b-0knq2pe86r] { gap: 14px; }
.bcc-slide-topic[b-0knq2pe86r] { margin: 0; font-size: 1.05rem; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.bcc-slide-closing[b-0knq2pe86r] { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 10px; background: var(--max360-info-soft); color: var(--max360-text); }
.bcc-slide-closing p[b-0knq2pe86r] { margin: 0; font-size: 1.02rem; line-height: 1.5; overflow-wrap: anywhere; }
.bcc-slide-seats[b-0knq2pe86r] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bcc-slide-seats li[b-0knq2pe86r] { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-top: 1px solid var(--max360-border); min-width: 0; }
.bcc-slide-seats li:first-child[b-0knq2pe86r] { border-top: 0; padding-top: 0; }
.bcc-slide-seat[b-0knq2pe86r] { font-weight: 600; }
.bcc-slide-pos[b-0knq2pe86r] { color: var(--max360-text-muted); line-height: 1.45; overflow-wrap: anywhere; }
.bcc-slide-rounds[b-0knq2pe86r] { border-top: 1px solid var(--max360-border); padding-top: 10px; }
.bcc-slide-rounds > summary[b-0knq2pe86r] { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--max360-text-muted); }
.bcc-slide-rounds[open] > summary[b-0knq2pe86r] { margin-bottom: 10px; }

.bcc-doc-head[b-0knq2pe86r] { display: block; width: 100%; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; font: inherit; font-size: 13px; color: var(--max360-text-muted); overflow-wrap: anywhere; }

@media (max-width: 700px) {
    .bcc-ask textarea[b-0knq2pe86r] { font-size: 16px; }
    .bcc-seats[b-0knq2pe86r], .bcc-rounds[b-0knq2pe86r] { padding-left: 0; list-style-position: inside; }
}
/* /Components/Library/BoardItemSources.razor.rz.scp.css */
.bis[b-1ck4vzpyqe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    min-width: 0;
}
.bis-k[b-1ck4vzpyqe] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-text-muted); }
.bis-chip[b-1ck4vzpyqe] {
    max-width: 100%;
    min-width: 0;
    padding: 3px 8px;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.bis-chip.restricted[b-1ck4vzpyqe] { color: var(--max360-text-muted); font-style: italic; }
.bis-n[b-1ck4vzpyqe] { font-weight: 700; color: var(--max360-primary); }

.bis-backdrop[b-1ck4vzpyqe] { position: fixed; inset: 0; z-index: 1040; background: rgba(15, 23, 42, 0.35); }
.bis-sheet[b-1ck4vzpyqe] {
    position: fixed;
    z-index: 1041;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(440px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 12px;
    background: var(--max360-surface);
    color: var(--max360-text);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.25);
}
.bis-sheet-kind[b-1ck4vzpyqe] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-text-muted); }
.bis-sheet-title[b-1ck4vzpyqe] { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.bis-sheet-snippet[b-1ck4vzpyqe], .bis-sheet-note[b-1ck4vzpyqe] { margin: 0; font-size: 13px; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.bis-sheet-acts[b-1ck4vzpyqe] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }

@media (max-width: 700px) {
    .bis-sheet[b-1ck4vzpyqe] {
        top: auto;
        left: 0;
        right: 0;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px));
        transform: none;
        width: auto;
        border-radius: 14px 14px 0 0;
    }
}
/* /Components/Library/CallEditStrip.razor.rz.scp.css */
.ces[b-fl3fnno96w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
    padding: .5rem .75rem;
    font-size: .9rem;
    min-width: 0;
}

.ces-count[b-fl3fnno96w],
.ces-quiet[b-fl3fnno96w],
.ces-error[b-fl3fnno96w] {
    overflow-wrap: anywhere;
}

.ces-count[b-fl3fnno96w] {
    font-weight: 600;
}

.ces-quiet[b-fl3fnno96w] {
    color: var(--max360-text-muted);
}

.ces-error[b-fl3fnno96w] {
    color: var(--max360-danger-ink);
    flex-basis: 100%;
}

.ces-changes[b-fl3fnno96w] {
    flex-basis: 100%;
    min-width: 0;
}

.ces-changes summary[b-fl3fnno96w] {
    cursor: pointer;
    padding: .75rem 0;
}

.ces-changes ol[b-fl3fnno96w] {
    margin: 0;
    padding-left: 1.5rem;
}

.ces-changes li[b-fl3fnno96w] {
    overflow-wrap: anywhere;
}
/* /Components/Library/ChatCitationsPanel.razor.rz.scp.css */
.cite-panel[b-628e86yfxn] { font-size: 12px; line-height: 1.35; }
.cite-panel-head[b-628e86yfxn] { margin-bottom: 4px; }
.cite-panel-head h4[b-628e86yfxn] { font-size: 12px; margin: 0 0 2px; font-weight: 600; }
.cite-panel-sub[b-628e86yfxn] { color: var(--max360-text-muted); font-size: 11px; }
.cite-list[b-628e86yfxn] { list-style: none; padding: 0; margin: 0; }
.cite-row[b-628e86yfxn] {
    padding: 3px 4px; border-bottom: 1px solid var(--rule, #eee);
    display: grid; grid-template-columns: auto auto 1fr; gap: 2px 4px;
    align-items: baseline;
}
.cite-ord[b-628e86yfxn] { font-weight: 600; color: var(--accent, #2a6); font-size: 11px; }
.cite-title[b-628e86yfxn] {
    grid-column: 3; font-weight: 500;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cite-title-restricted[b-628e86yfxn] { color: var(--max360-text-muted); font-style: italic; cursor: help; }
.cite-snippet[b-628e86yfxn] {
    grid-column: 3; color: var(--max360-text-muted); font-size: 11px;
    margin-top: 1px; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.cite-ext[b-628e86yfxn] { font-size: 9px; color: var(--max360-text-muted); margin-left: 2px; }
.cite-earlier summary[b-628e86yfxn] {
    cursor: pointer; padding: 4px 0; color: var(--max360-text-muted); font-size: 11px;
}
/* /Components/Library/ChatDock.razor.rz.scp.css */
/* folded: the conversation stays on the page, out of sight */
.chat-dock-body-folded[b-zhk69i516n] { display: none !important; }

/* folded while Live runs: a red square that stops it, a pulsing dot, and Live with its clock */
.chat-dock-rail-live[b-zhk69i516n] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
}
.chat-dock-rail-stop[b-zhk69i516n] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: var(--max360-danger);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}
.chat-dock-rail-stop[b-zhk69i516n]::after {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 1px;
    background: var(--max360-on-danger);
}
.chat-dock-rail-open[b-zhk69i516n] {
    flex: 1 1 auto;
    width: 100%;
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    cursor: pointer;
    color: var(--ink-dim);
}
.chat-dock-rail-open:hover[b-zhk69i516n] { color: var(--accent); }
.chat-dock-rail-dot[b-zhk69i516n] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--max360-success);
    animation: chat-dock-pulse-b-zhk69i516n 1.4s ease-in-out infinite;
}
.chat-dock-rail-on[b-zhk69i516n] {
    color: var(--max360-success);
    font-variant-numeric: tabular-nums;
}
@keyframes chat-dock-pulse-b-zhk69i516n {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.75); }
}
@media (prefers-reduced-motion: reduce) {
    .chat-dock-rail-dot[b-zhk69i516n] { animation: none; }
}

/* a page that hides the folded dock on a phone still shows a running Live, so its Stop is never out of reach */
@media (max-width: 700px) {
    .chat-dock.chat-dock-collapsed.chat-dock-live[b-zhk69i516n] {
        display: flex;
        position: fixed;
        right: 0;
        top: 30%;
        width: 44px;
        height: 220px;
        z-index: 1029;
        border: 1px solid var(--rule);
        border-right: 0;
        border-radius: 10px 0 0 10px;
    }
    .chat-dock-rail-stop[b-zhk69i516n] { width: 36px; height: 36px; }
}
/* /Components/Library/ChatFileActions.razor.rz.scp.css */
/* Chat defines the --t-* tokens on its page; everywhere else falls back to the site theme. */
.cfa[b-wi799m0rat],
.file-actions[b-wi799m0rat] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}

/* Chat's list rows are maintenance on a list somebody is scanning, so they are hover-revealed;
   focus-within keeps them reachable without a mouse. The board's card uses .cfa and always shows them. */
.file-actions[b-wi799m0rat] {
    opacity: 0;
    transition: opacity 0.12s;
}
.file:hover .file-actions[b-wi799m0rat],
.file-actions:focus-within[b-wi799m0rat] {
    opacity: 1;
}

.cfa-row-act[b-wi799m0rat] { white-space: nowrap; }

.kb-error[b-wi799m0rat] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--t-danger, var(--max360-danger));
}

.confirm-veil[b-wi799m0rat] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1040;
}
.confirm-card[b-wi799m0rat] {
    background: var(--t-surface, var(--max360-surface));
    padding: 24px 28px;
    border: 1px solid var(--t-rule, var(--max360-border));
    max-width: 420px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    text-align: left;
}
.confirm-card h3[b-wi799m0rat] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.015em;
    color: var(--t-ink, var(--max360-text));
    margin: 0 0 10px;
    word-break: break-word;
}
.confirm-card p[b-wi799m0rat] {
    margin: 0 0 18px;
    color: var(--t-ink-dim, var(--max360-text-muted));
    font-size: 14px;
    line-height: 1.5;
}
.confirm-actions[b-wi799m0rat] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
/* /Components/Library/ChatFileCard.razor.rz.scp.css */
.cfc-row[b-yy11jt2212] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
}
.cfc-download[b-yy11jt2212] {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 4px;
    background: var(--max360-primary);
    color: var(--max360-on-primary, #fff);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
}
.cfc-download:hover[b-yy11jt2212],
.cfc-download:focus-visible[b-yy11jt2212] { background: var(--max360-primary-dark, var(--max360-primary)); color: var(--max360-on-primary, #fff); }
.cfc-meta[b-yy11jt2212] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}
.cfc-preview[b-yy11jt2212] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--max360-border);
}
.cfc-none[b-yy11jt2212] {
    margin: 8px 0 0;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}
/* /Components/Library/ChatFileList.razor.rz.scp.css */
.file[b-ls07aizz7f] {
    padding: 8px 0;
    border-bottom: 1px solid var(--t-rule, var(--max360-border));
}
.file:last-child[b-ls07aizz7f] { border-bottom: none; }
.file-ttl[b-ls07aizz7f] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: var(--t-ink, var(--max360-text));
    text-decoration: none;
    display: block;
    word-break: break-word;
}
.file-ttl:hover[b-ls07aizz7f] { color: var(--t-accent, var(--max360-primary)); text-decoration: underline; }
.file-ext[b-ls07aizz7f] { color: var(--t-ink-dim, var(--max360-text-muted)); font-weight: 400; }
.file-meta[b-ls07aizz7f] {
    margin-top: 3px;
    font-family: var(--t-mono, var(--max360-font-mono, ui-monospace, monospace));
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--t-ink-dim, var(--max360-text-muted));
}
.file-promoted[b-ls07aizz7f] { color: var(--t-accent-2, var(--max360-primary)); margin-left: 6px; }
.file-pending[b-ls07aizz7f] {
    margin-top: 3px;
    font-size: 12px;
    font-style: italic;
    color: var(--t-ink-dim, var(--max360-text-muted));
}
/* /Components/Library/ChatProgressIndicator.razor.rz.scp.css */
/* Progress status strip. Moved out of AIAssistantPanel's inline <style> so it travels to all
   three chat surfaces via Blazor CSS isolation. */
.max360-chat-status-strip[b-cy3hapbo01] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    margin: 0 1rem 0.4rem;
    background: color-mix(in srgb, var(--max360-primary, #2563eb) 12%, var(--max360-surface, #eff6ff));
    border: 1px solid var(--max360-border, #e5e7eb);
    border-radius: 0.4rem;
    font-size: 0.85rem;
    color: var(--max360-text, #1f2937);
}
.max360-chat-status-strip.max360-status-error[b-cy3hapbo01] {
    background: color-mix(in srgb, var(--max360-danger) 12%, var(--max360-surface));
    border-color: color-mix(in srgb, var(--max360-danger) 40%, var(--max360-surface));
    color: var(--max360-danger-ink, var(--max360-danger));
}
.max360-chat-status-strip.max360-status-patient[b-cy3hapbo01] {
    background: color-mix(in srgb, var(--max360-warning) 12%, var(--max360-surface));
    border-color: color-mix(in srgb, var(--max360-warning) 40%, var(--max360-surface));
    color: var(--max360-text);
}
.max360-chat-status-strip.max360-status-reassure[b-cy3hapbo01] {
    background: color-mix(in srgb, var(--max360-primary) 12%, var(--max360-surface));
    border-color: color-mix(in srgb, var(--max360-primary) 40%, var(--max360-surface));
    color: var(--max360-text);
}
.max360-chat-status-spinner[b-cy3hapbo01] {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid var(--max360-border, #e5e7eb);
    border-top-color: var(--max360-primary, #2563eb);
    border-radius: 50%;
    animation: max360-spin-b-cy3hapbo01 0.9s linear infinite;
}
@keyframes max360-spin-b-cy3hapbo01 { to { transform: rotate(360deg); } }
.max360-chat-status-label[b-cy3hapbo01] { font-weight: 500; }
.max360-chat-status-elapsed[b-cy3hapbo01] {
    color: var(--max360-text-muted, #6b7280);
    font-variant-numeric: tabular-nums;
}
.max360-chat-status-actions[b-cy3hapbo01] {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
}
/* Action buttons passed into @Actions use the global .max360-action styling. */
/* /Components/Library/ChatVisibilityPopover.razor.rz.scp.css */
.vis-popover[b-7sxxpxcus5] { position: relative; display: inline-block; }

.vis-trigger[b-7sxxpxcus5] {
    white-space: nowrap;
}

/* Outside-click-to-close backdrop (mirrors ScopePicker's .scope-lens-backdrop). */
.vis-backdrop[b-7sxxpxcus5] {
    position: fixed;
    inset: 0;
    z-index: 25;
    background: transparent;
}

.vis-panel[b-7sxxpxcus5] {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 30;
    width: 260px;
    background: var(--surface, #fff);
    border: 1px solid var(--rule, #e2e8f0);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
    padding: 10px 12px;
    font-size: 12px;
    color: var(--ink, #1e293b);
}

.vis-loading[b-7sxxpxcus5] { color: var(--ink-dim, #64748b); font-size: 12px; }

.vis-modes[b-7sxxpxcus5] {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
}
.vis-mode-btn[b-7sxxpxcus5] { flex: 1 1 0; }

.vis-groups[b-7sxxpxcus5] {
    max-height: 140px;
    overflow-y: auto;
    border-top: 1px solid var(--rule, #e2e8f0);
    border-bottom: 1px solid var(--rule, #e2e8f0);
    margin-bottom: 8px;
    padding: 4px 0;
}
.vis-group-item[b-7sxxpxcus5] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 2px;
    cursor: pointer;
}
.vis-group-item input[type="checkbox"][b-7sxxpxcus5] { accent-color: var(--accent, #2563eb); }

.vis-muted[b-7sxxpxcus5] { color: var(--ink-dim, #64748b); font-size: 11px; margin: 4px 0; }

.vis-live-hint[b-7sxxpxcus5] {
    color: var(--ink-dim, #64748b);
    font-size: 11px;
    margin: 0 0 8px;
}

.vis-confirm[b-7sxxpxcus5] {
    background: color-mix(in srgb, var(--max360-danger, #dc2626) 10%, transparent);
    border: 1px solid var(--max360-danger, #dc2626);
    color: var(--ink, #1e293b);
    padding: 6px 8px;
    margin-bottom: 8px;
    font-size: 11px;
}

.vis-error[b-7sxxpxcus5] {
    color: var(--max360-danger, #dc2626);
    font-size: 11px;
    margin: 4px 0;
}

.vis-hint[b-7sxxpxcus5] {
    color: var(--ink-dim, #64748b);
    font-size: 10.5px;
    line-height: 1.4;
    margin: 6px 0;
}

.vis-toast[b-7sxxpxcus5] {
    color: var(--accent, #2563eb);
    font-size: 11px;
    margin: 4px 0;
}

.vis-actions[b-7sxxpxcus5] { margin: 6px 0 8px; }

.vis-readers summary[b-7sxxpxcus5] {
    cursor: pointer;
    color: var(--ink-dim, #64748b);
    font-size: 11px;
}
.vis-readers ul[b-7sxxpxcus5] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    max-height: 120px;
    overflow-y: auto;
}
.vis-readers li[b-7sxxpxcus5] {
    padding: 2px 0;
    font-size: 11px;
    color: var(--ink, #1e293b);
}

.vis-people[b-7sxxpxcus5] { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; margin: 0 0 8px; text-align: left; }
.vis-people-go[b-7sxxpxcus5] { color: var(--accent, #2563eb); font-size: 11px; }

.vis-review[b-7sxxpxcus5] {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--rule, #e2e8f0);
}
.vis-review .vis-people[b-7sxxpxcus5] { margin-bottom: 6px; }
.vis-review-line[b-7sxxpxcus5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 8px;
    padding: 4px 0;
    font-size: 12px;
    color: var(--ink, #1e293b);
}
.vis-review-line > span[b-7sxxpxcus5] { min-width: 0; }
.vis-review-acts[b-7sxxpxcus5] { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.vis-review-people[b-7sxxpxcus5] { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 2px 10px; color: var(--max360-text-muted); }
/* /Components/Library/CompanyRegisterPage.razor.rz.scp.css */
.entprofile-band[b-k9ds6c52lw] {
    padding: 1.25rem 2rem 1.1rem;
    background: var(--max360-surface);
    border-bottom: 1px solid var(--max360-border);
}

.entprofile-crumb[b-k9ds6c52lw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    font-family: var(--max360-font-label);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.entprofile-identity h1[b-k9ds6c52lw] {
    margin: 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-size: 2.1rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.company-register-description[b-k9ds6c52lw],
.company-register-domains[b-k9ds6c52lw] {
    margin: 0.5rem 0 0;
    overflow-wrap: anywhere;
}

.company-register-domains[b-k9ds6c52lw] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.company-register-section[b-k9ds6c52lw] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--max360-border);
    min-width: 0;
}

.company-register-heading[b-k9ds6c52lw] {
    margin: 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    font-size: 1.35rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.company-register-links[b-k9ds6c52lw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin: 0;
}

.company-register-add[b-k9ds6c52lw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 2rem;
}

.company-register-add p[b-k9ds6c52lw] {
    flex-basis: 100%;
    margin: 0;
}

.company-register-add select[b-k9ds6c52lw] {
    width: auto;
    max-width: 100%;
}

@container (max-width: 44rem) {
    .entprofile-band[b-k9ds6c52lw],
    .company-register-section[b-k9ds6c52lw],
    .company-register-add[b-k9ds6c52lw] {
        padding: 1rem;
    }

    .entprofile-identity h1[b-k9ds6c52lw] {
        font-size: 1.6rem;
    }
}

@media (max-width: 700px) {
    .entprofile-band[b-k9ds6c52lw],
    .company-register-section[b-k9ds6c52lw],
    .company-register-add[b-k9ds6c52lw] {
        padding: 1rem;
    }
}
/* /Components/Library/CronSchedulePicker.razor.rz.scp.css */
.schedule-picker[b-s11fyq8q1s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.schedule-picker-row[b-s11fyq8q1s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.schedule-picker-field[b-s11fyq8q1s] {
    flex: 1 1 10rem;
    min-width: 0;
}

.schedule-picker-field .form-label[b-s11fyq8q1s] {
    margin-bottom: 0.125rem;
}

.schedule-picker-words[b-s11fyq8q1s] {
    color: var(--max360-text-muted);
}
/* /Components/Library/EntityDomainsCard.razor.rz.scp.css */
.entity-domains-note[b-br6wm8s4kv] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
    margin-top: -0.25rem;
}

.entity-domains-readonly[b-br6wm8s4kv] {
    margin: 0.5rem 0 0.75rem;
    padding: 0.6rem 0.75rem;
    border-left: 3px solid var(--max360-border);
    font-size: 0.92em;
}

.entity-domains-readonly p[b-br6wm8s4kv] {
    margin: 0;
    overflow-wrap: anywhere;
}

.entity-domains-readonly-why[b-br6wm8s4kv] {
    display: flex;
    gap: 0.5rem;
}

.entity-domains-readonly .entity-domains-readonly-wayout[b-br6wm8s4kv] {
    margin-top: 0.35rem;
    padding-left: calc(1em + 0.5rem);
}

.entity-domains-readonly-wayout a[b-br6wm8s4kv] {
    white-space: nowrap;
}

.entity-domains-heading[b-br6wm8s4kv] {
    margin: 0.75rem 0 0.25rem;
    font-size: 0.82em;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.entity-domains-list[b-br6wm8s4kv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.entity-domains-list li[b-br6wm8s4kv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--max360-border);
}

.entity-domains-name[b-br6wm8s4kv] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.entity-domains-reason[b-br6wm8s4kv] {
    flex: 1 1 14rem;
    min-width: 0;
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.entity-domains-buttons[b-br6wm8s4kv] {
    display: flex;
    gap: 0.35rem;
    margin-left: auto;
}

.entity-domains-maybe[b-br6wm8s4kv] {
    margin: 0.6rem 0 0;
}

.entity-domains-add[b-br6wm8s4kv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.entity-domains-add input[b-br6wm8s4kv] {
    flex: 1 1 12rem;
    min-width: 0;
    max-width: 22rem;
}
/* /Components/Library/MailStateChip.razor.rz.scp.css */
/* src/Max360.Web/Components/Library/MailStateChip.razor.css */

.mailstate-chip[b-v6p4c6ofvp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--max360-danger, #b45309) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--max360-danger, #b45309) 35%, transparent);
    font-size: 0.8rem;
    white-space: nowrap;
}

.mailstate-chip-label[b-v6p4c6ofvp] {
    font-weight: 600;
    color: var(--max360-danger, #b45309);
}

.mailstate-chip-date[b-v6p4c6ofvp] {
    color: var(--max360-text-muted, #6b7280);
}

.mailstate-why-btn[b-v6p4c6ofvp] {
    border: none;
    background: none;
    padding: 0 0.15rem;
    color: var(--accent, #0d6efd);
    cursor: pointer;
    font-size: 0.8rem;
    text-decoration: underline;
}

.mailstate-why-backdrop[b-v6p4c6ofvp] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.mailstate-why-popover[b-v6p4c6ofvp] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    z-index: 41;
    width: 280px;
    max-width: 80vw;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--max360-surface, #fff);
    border: 1px solid var(--max360-border, #e5e7eb);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    white-space: normal;
    text-align: left;
}

.mailstate-why-reason[b-v6p4c6ofvp] {
    margin: 0 0 0.5rem 0;
    font-size: 0.85rem;
    color: var(--max360-text, inherit);
}

.mailstate-why-help[b-v6p4c6ofvp] {
    display: inline-block;
    margin-bottom: 0.6rem;
    font-size: 0.8rem;
    color: var(--accent, #0d6efd);
}

.mailstate-dispute-row[b-v6p4c6ofvp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.mailstate-dispute-msg[b-v6p4c6ofvp] {
    font-size: 0.75rem;
    color: var(--max360-text-muted, #6b7280);
}

@media (prefers-color-scheme: dark) {
    .mailstate-why-popover[b-v6p4c6ofvp] {
        background: var(--max360-surface, #1f2937);
        border-color: var(--max360-border, #374151);
    }
}
/* /Components/Library/MaxButton.razor.rz.scp.css */
/* The Max button sits in the page's bottom-right corner, under Help and Feedback; on a phone it sits above the
   bottom bar, and its sheet rises from there. */
.max-fab-dock[b-m1abgiyxst] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1041;
}
.max-fab-scrim[b-m1abgiyxst] {
    position: fixed;
    inset: 0;
    z-index: 1042;
    background: transparent;
}
.max-fab-sheet[b-m1abgiyxst] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1043;
    width: min(400px, calc(100vw - 48px));
    box-sizing: border-box;
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--surface);
    color: var(--ink);
    border: 1px solid var(--rule);
    border-radius: 16px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
}
.max-fab-head[b-m1abgiyxst] { display: flex; align-items: center; justify-content: space-between; }
.max-fab-title[b-m1abgiyxst] { font-weight: 600; font-size: 16px; }
.max-fab-talk[b-m1abgiyxst] { align-self: flex-start; }
.max-fab-type[b-m1abgiyxst] { display: flex; align-items: flex-end; gap: 8px; }
.max-fab-type textarea[b-m1abgiyxst] {
    flex: 1;
    min-width: 0;
    max-height: 30vh;
    resize: none;
    field-sizing: content;
    padding: 8px 10px;
    font: inherit;
    font-size: 15px;
    color: var(--ink);
    background: var(--bg);
    border: 1px solid var(--rule);
    border-radius: 8px;
}
.max-fab-type textarea:focus-visible[b-m1abgiyxst] { outline: 2px solid var(--accent); outline-offset: 1px; }
.max-fab-chips[b-m1abgiyxst] { display: flex; flex-wrap: wrap; gap: 6px; }

@media (max-width: 700px) {
    .max-fab-dock[b-m1abgiyxst] {
        right: 16px;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px) + 12px);
    }
    .max-fab-sheet[b-m1abgiyxst] {
        left: 0;
        right: 0;
        width: auto;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px));
        border-radius: 16px 16px 0 0;
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
    .max-fab-type textarea[b-m1abgiyxst] { font-size: 16px; }
}
/* /Components/Library/MaxLiveBoardItem.razor.rz.scp.css */
.mlb[b-i2jzkifsb5] {
    border-radius: 10px;
    background: var(--max360-surface);
    color: var(--max360-text);
    box-shadow: 0 0 0 1px var(--max360-border);
    overflow: hidden;
}

.mlb-new[b-i2jzkifsb5] { box-shadow: 0 0 0 1px var(--max360-primary), 0 0 0 4px var(--max360-info-soft); }

.mlb-filled[b-i2jzkifsb5] { box-shadow: none; border-radius: 0; min-height: 100%; }

.mlb-head[b-i2jzkifsb5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 8px 6px 12px;
    border-bottom: 1px solid var(--max360-border);
    min-width: 0;
}

.mlb-kind[b-i2jzkifsb5] { font-size: 13px; color: var(--max360-text); white-space: nowrap; }
.mlb-title[b-i2jzkifsb5] { flex: 1; min-width: 0; font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mlb-actions[b-i2jzkifsb5] { display: inline-flex; gap: 2px; }
.mlb-act[b-i2jzkifsb5] { width: 26px; height: 26px; font-size: 12px; color: var(--max360-text-muted); }

.mlb-body[b-i2jzkifsb5] { padding: 10px 12px 12px; min-width: 0; overflow-x: auto; }
.mlb-muted[b-i2jzkifsb5] { margin: 0; font-size: 13px; color: var(--max360-text-muted); }

@media (max-width: 700px) {
    .mlb-act[b-i2jzkifsb5] { width: 34px; height: 34px; }
}

/* who asked for an item Max put up from a Teams call */
.mlb-on-call[b-i2jzkifsb5] { margin: 0; padding: 4px 12px 0; font-size: 13px; color: var(--max360-text-muted); }
/* /Components/Library/MaxLiveDiscussBanner.razor.rz.scp.css */
.mtd-banner[b-xzcnniv1j2] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1rem;
              margin: 0 0 0.75rem; padding: 0.55rem 0.8rem; border-radius: 10px; font-size: 0.9rem;
              background: var(--max360-info-soft); color: var(--max360-info-ink); overflow-wrap: anywhere; }
.mtd-banner.is-quiet[b-xzcnniv1j2] { background: var(--max360-surface); border: 1px solid var(--max360-border); color: var(--max360-text-muted); }
.mtd-what[b-xzcnniv1j2] { min-width: 0; }
.mtd-what b[b-xzcnniv1j2] { color: var(--max360-text); }
/* /Components/Library/MaxLiveEmailCard.razor.rz.scp.css */
.mlec[b-w7qemnpgex] {
    position: relative;
    border: 1px solid var(--max360-border, #d7dce2);
    border-radius: 0.5rem;
    background: var(--max360-surface, #fff);
    padding: 0.6rem 0.75rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.mlec p[b-w7qemnpgex] {
    margin: 0;
}

.mlec-head[b-w7qemnpgex] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.mlec-from[b-w7qemnpgex] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
}

.mlec-label[b-w7qemnpgex] {
    font-weight: 400;
    color: var(--ink-dim, #5b6470);
}

.mlec-close[b-w7qemnpgex] {
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    margin: -0.6rem -0.75rem -0.25rem 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.mlec-subject[b-w7qemnpgex] {
    font-weight: 600;
}

.mlec-when[b-w7qemnpgex],
.mlec-hint[b-w7qemnpgex] {
    font-size: 0.85rem;
    color: var(--ink-dim, #5b6470);
}

/* only the body scrolls, so the card never grows past a few lines */
.mlec-excerpt[b-w7qemnpgex] {
    margin-top: 0.35rem !important;
    max-height: 5.5rem;
    overflow-y: auto;
    white-space: pre-wrap;
}

.mlec-files[b-w7qemnpgex] {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.9rem;
}

.mlec-hint[b-w7qemnpgex] {
    margin-top: 0.35rem !important;
}
/* /Components/Library/MaxLiveListeningBanner.razor.rz.scp.css */
.mlb-wrap[b-ufgj4tjips] { margin: 0 0 0.5rem; min-width: 0; max-width: 100%; }
.mlb-banner[b-ufgj4tjips] { display: flex; align-items: center; gap: 0.5rem; margin: 0; padding: 0.45rem 0.6rem 0.45rem 0.8rem;
              border-radius: 10px; font-size: 0.9rem; background: var(--max360-info-soft); color: var(--max360-info-ink);
              min-width: 0; max-width: 100%; box-sizing: border-box; }
.mlb-icon[b-ufgj4tjips] { flex: 0 0 auto; }
.mlb-text[b-ufgj4tjips] { flex: 1 1 auto; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.mlb-off[b-ufgj4tjips] { flex: 0 0 auto; white-space: nowrap; }
.mlb-notes[b-ufgj4tjips] { display: flex; align-items: center; gap: 0.4rem; margin: 0.3rem 0 0; padding: 0 0.6rem 0 0.8rem; font-size: 0.85rem;
             min-width: 0; max-width: 100%; box-sizing: border-box; color: var(--max360-info-ink); }
.mlb-notes-title[b-ufgj4tjips] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mlb-small[b-ufgj4tjips] { flex: 0 0 auto; white-space: nowrap; }
.mlb-choices[b-ufgj4tjips] { list-style: none; margin: 0.35rem 0 0; padding: 0 0.6rem 0 0.8rem; display: flex; flex-direction: column; gap: 0.3rem; }
.mlb-choice[b-ufgj4tjips] { width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.mlb-problem[b-ufgj4tjips] { margin: 0.3rem 0 0; padding: 0 0.8rem; font-size: 0.85rem; color: var(--max360-danger-ink, #a4262c); }
/* /Components/Library/MaxLiveMeetingLineControls.razor.rz.scp.css */
.mml-actions[b-0142cec2hm] { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.35rem; }
.mml-choices[b-0142cec2hm] { list-style: none; margin: 0.35rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.3rem; max-width: 100%; }
.mml-choice[b-0142cec2hm] { width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.mml-none[b-0142cec2hm] { font-size: 0.85rem; }
.mml-problem[b-0142cec2hm] { display: block; margin-top: 0.3rem; font-size: 0.85rem; color: var(--max360-danger-ink, #a4262c); }
/* /Components/Library/MaxLiveModeSelector.razor.rz.scp.css */
.mlm-modes[b-t3pbihz4w7] { position: relative; display: inline-flex; min-width: 0; max-width: 100%; }
.mlm-trigger[b-t3pbihz4w7] { white-space: nowrap; }
.mlm-backdrop[b-t3pbihz4w7] { position: fixed; inset: 0; z-index: 1040; background: transparent; }
.mlm-menu[b-t3pbihz4w7] { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1041; box-sizing: border-box; width: 19rem;
            max-width: calc(100vw - 32px); padding: 6px; background: var(--max360-surface); border: 1px solid var(--max360-border);
            border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14); text-align: left; white-space: normal; }
.mlm-menu.mlm-up[b-t3pbihz4w7] { top: auto; bottom: calc(100% + 6px); }
.mlm-name[b-t3pbihz4w7] { font-weight: 600; }
.mlm-what[b-t3pbihz4w7] { color: var(--max360-text-muted); }
.mlm-more[b-t3pbihz4w7] { display: inline-flex; margin: 6px 4px 2px; }
@media (max-width: 700px) {
    .mlm-menu[b-t3pbihz4w7], .mlm-menu.mlm-up[b-t3pbihz4w7] { position: fixed; top: 50%; bottom: auto; left: 16px; right: 16px; width: auto; max-width: none; transform: translateY(-50%); }
}
/* /Components/Library/MaxMicButton.razor.rz.scp.css */
/* The Max mark's disc is the mic icon button (app.css). Waiting, it sits still with a faint ring; listening, the ring grows with the voice
   (--mt-level, set by the capture) and a ripple runs outward while the capture marks it data-mt-hearing; thinking, the ring turns;
   speaking, it breathes. */
.mm-wrap[b-4dpqv52yxx] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
}
.mm-mark[b-4dpqv52yxx] { position: relative; z-index: 1; display: block; }
.mm-halo[b-4dpqv52yxx] {
    --mt-level: 0;
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 3px solid var(--max360-brand-accent, var(--accent));
    opacity: 0.25;
    pointer-events: none;
    transition: transform 80ms linear, opacity 120ms ease-out;
}
.is-idle:hover .mm-halo[b-4dpqv52yxx] { opacity: 0.6; }
.is-listening .mm-halo[b-4dpqv52yxx] {
    opacity: calc(0.45 + var(--mt-level) * 0.55);
    transform: scale(calc(1 + var(--mt-level) * 0.35));
}
.mm-ripple[b-4dpqv52yxx] {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid var(--max360-brand-accent, var(--accent));
    opacity: 0;
    pointer-events: none;
}
.is-listening .mm-halo[data-mt-hearing] ~ .mm-ripple[b-4dpqv52yxx] { animation: mm-ripple-b-4dpqv52yxx 2.4s ease-out infinite; }
.is-listening.is-name-only .mm-halo[data-mt-hearing] ~ .mm-ripple[b-4dpqv52yxx] { animation: mm-ripple-faint-b-4dpqv52yxx 4s ease-out infinite; border-width: 1px; }
.is-muted .mm-halo[b-4dpqv52yxx] { opacity: 0.2; border-style: dashed; }
.is-thinking .mm-halo[b-4dpqv52yxx] {
    opacity: 0.7;
    border-color: var(--max360-brand-accent, var(--accent)) transparent;
    animation: mm-turn-b-4dpqv52yxx 1.2s linear infinite;
}
.is-speaking .mm-halo[b-4dpqv52yxx] { opacity: 0.7; animation: mm-breathe-b-4dpqv52yxx 1.6s ease-in-out infinite; }
@keyframes mm-turn-b-4dpqv52yxx { to { transform: rotate(360deg); } }
@keyframes mm-breathe-b-4dpqv52yxx {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}
@keyframes mm-ripple-b-4dpqv52yxx {
    0% { transform: scale(1); opacity: 0.7; }
    100% { transform: scale(1.45); opacity: 0; }
}
@keyframes mm-ripple-faint-b-4dpqv52yxx {
    0% { transform: scale(1); opacity: 0.4; }
    100% { transform: scale(1.35); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .is-thinking .mm-halo[b-4dpqv52yxx], .is-speaking .mm-halo[b-4dpqv52yxx] { animation: none; }
    .mm-halo[b-4dpqv52yxx] { transition: none; }
    .is-listening .mm-halo[data-mt-hearing] ~ .mm-ripple[b-4dpqv52yxx] { animation: none; opacity: 0.6; transform: scale(1.15); }
    .is-listening.is-name-only .mm-halo[data-mt-hearing] ~ .mm-ripple[b-4dpqv52yxx] { animation: none; opacity: 0.3; }
}
.mm-caption[b-4dpqv52yxx] {
    font-size: 11px;
    line-height: 1.2;
    color: var(--ink-dim);
    white-space: nowrap;
}
/* /Components/Library/MaxTalkBoard.razor.rz.scp.css */
/* The board's items only; the page owns where the board sits. */

/* a bordered panel: the header row inside the border, the items scrolling under it. 15px on
   purpose -- smaller than it was, still a step above the transcript's 14, because the board is
   what a person reads and the transcript is the record of what was said */
.mtb[b-9b5i0lljev] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--max360-border);
    border-radius: 0.75rem;
    background: var(--max360-surface);
    font-size: 0.9375rem;
}

/* one thin bar, 40px: the name on the left, Show all and the menu on the right */
.mtb-head[b-9b5i0lljev] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    min-height: 40px;
    padding: 0 0.4rem 0 0.9rem;
    border-bottom: 1px solid var(--max360-border);
    background: var(--max360-surface);
}

.mtb-body[b-9b5i0lljev] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mtb-head-lead[b-9b5i0lljev] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 0 1 auto;
}

.mtb-title[b-9b5i0lljev] { flex: 0 0 auto; }

.mtb-head-actions[b-9b5i0lljev] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.mtb-title[b-9b5i0lljev] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    margin: 0;
}

.mtb-retry[b-9b5i0lljev],
.mtb-x[b-9b5i0lljev] {
    background: none;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    color: var(--max360-text);
    padding: 0.25rem 0.6rem;
    font-size: 0.85rem;
    line-height: 1.4;
    cursor: pointer;
    min-height: 44px;
    min-width: 44px;
}

.mtb-x[b-9b5i0lljev] {
    border: none;
    color: var(--max360-text-muted);
    font-size: 1.1rem;
}

/* a desk has a pointer; the 44px targets are for a thumb */
@media (min-width: 701px) {
    .mtb-retry[b-9b5i0lljev],
    .mtb-x[b-9b5i0lljev] {
        min-height: 28px;
        min-width: 28px;
        padding: 0.15rem 0.5rem;
    }
    .mtb-retry[b-9b5i0lljev] { font-size: 0.8rem; }
}

/* the board's quiet actions read as Max Live's do: text only, the accent color, semibold, one
   size, with the target made by padding */
.mtb-clear[b-9b5i0lljev],
.mtb-menu-item[b-9b5i0lljev],
.mtb-menu-toggle[b-9b5i0lljev] {
    background: none;
    border: 0;
    border-radius: 4px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--accent);
    min-height: 44px;
    cursor: pointer;
}

.mtb-clear[b-9b5i0lljev] { padding: 0 0.25rem; }

/* the Larger text switch sits in the menu as a row worded like its neighbours */
.mtb-menu-switch[b-9b5i0lljev] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
}

@media (min-width: 701px) {
    .mtb-menu-switch[b-9b5i0lljev] { min-height: 32px; font-size: 0.875rem; }
}

.mtb-clear:focus-visible[b-9b5i0lljev],
.mtb-menu-item:focus-visible[b-9b5i0lljev],
.mtb-menu-toggle:focus-visible[b-9b5i0lljev] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

@media (min-width: 701px) {
    .mtb-clear[b-9b5i0lljev],
    .mtb-menu-item[b-9b5i0lljev] { min-height: 32px; font-size: 0.875rem; }
}

.mtb-empty[b-9b5i0lljev],
.mtb-failed[b-9b5i0lljev] {
    color: var(--max360-text-muted);
    margin: 0;
    padding: 1.5rem 0.5rem;
    text-align: center;
}

/* flex: none is load-bearing: as a shrinkable flex child every item squeezed to fit the body and
   grew its own scrollbar, so the body never scrolled and three tall items were three scrollers */
.mtb-item[b-9b5i0lljev] {
    flex: 0 0 auto;
    border: 1px solid var(--max360-border);
    border-radius: 0.75rem;
    padding: 0.75rem 0.9rem;
    background: var(--max360-surface);
    min-width: 0;
    overflow-x: auto;
}

.mtb-item-head[b-9b5i0lljev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.mtb-item-title[b-9b5i0lljev] {
    font-weight: 600;
}

.mtb-item-kind[b-9b5i0lljev] {
    flex: 0 0 auto;
    font-size: 13px;
    color: var(--max360-text);
}

.mtb-item-actions[b-9b5i0lljev] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 0 auto;
}

/* a phone's four 44px targets would leave the title a word per line, so they move under it instead */
@media (max-width: 700px) {
    .mtb-item-head[b-9b5i0lljev] { flex-wrap: wrap; }
    .mtb-item-title[b-9b5i0lljev] { flex: 1 1 12rem; min-width: 0; }
    .mtb-item-actions[b-9b5i0lljev] { margin-left: auto; }
}

/* A live graph brings its own 600px wrapper, which is a page's height rather than a card's. On the
   board it takes the card: tall enough to be worth panning, and it gives the card back its height
   when the card is the one filling the board. */
.mtb-item[b-9b5i0lljev]  .chat-visual-graph {
    display: flex;
    min-height: 0;
}

.mtb-item[b-9b5i0lljev]  .chat-visual-graph .max360-graph-wrapper {
    flex: 1 1 auto;
    height: auto;
    min-height: 18rem;
}

.mtb-max .mtb-item[b-9b5i0lljev]  .chat-visual-graph,
.mtb-max .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown {
    min-height: 60vh;
}

/* minimized: the title row IS the item. it keeps flex: 0 0 auto even where the others share the
   board's height, so a row of minimized titles cannot be stretched into empty panels */
.mtb-item-min[b-9b5i0lljev] {
    flex: 0 0 auto;
    padding: 0.4rem 0.9rem;
}

.mtb-item-min .mtb-item-head[b-9b5i0lljev] {
    margin-bottom: 0;
}

/* one item filling the board takes whatever height the board has; on a page-long board that is its own */
.mtb-max .mtb-item[b-9b5i0lljev] {
    flex: 1 1 auto;
}

.mtb-max .mtb-item[b-9b5i0lljev]  .max360-viewer-body-compact {
    max-height: none;
}

/* a table on the board rules its rows only: a box around every cell, inside an item card inside the
   board, drew three lines down a phone's edge before the first word */
.mtb-item[b-9b5i0lljev]  .max360-viewer-markdown th,
.mtb-item[b-9b5i0lljev]  .max360-viewer-markdown td {
    border: 0;
    border-bottom: 1px solid var(--max360-border);
}

.mtb-item[b-9b5i0lljev]  .max360-viewer-markdown th {
    border-bottom-width: 2px;
}

/* a long document on a phone scrolls inside its item rather than pushing the strip off the screen */
@media (max-width: 700px) {
    /* every item is already full width on a phone, so filling the board also drops the card and every
       header button but the way back, or the one change a person would see is the others going */
    .mtb-max .mtb-item[b-9b5i0lljev] {
        border: 0;
        padding: 0.25rem 0;
    }

    .mtb-max [data-testid=board-infinite][b-9b5i0lljev],
    .mtb-max [data-testid=board-clear][b-9b5i0lljev] {
        display: none;
    }

    /* the item cards are the frame on a phone; a second one round the board is a line with no job */
    .mtb[b-9b5i0lljev] {
        border: 0;
        border-radius: 0;
    }

    .mtb-item[b-9b5i0lljev]  .max360-viewer-body-compact {
        max-height: 60dvh;
        overflow: auto;
    }
}

/* the bar's menu: closed, its list stays in the page and the stylesheet hides it */
.mtb-menu[b-9b5i0lljev] {
    position: relative;
    display: inline-flex;
}

.mtb-menu-toggle[b-9b5i0lljev] {
    font-size: 1.25rem;
    line-height: 1;
    min-width: 44px;
}

.mtb-menu-backdrop[b-9b5i0lljev] {
    position: fixed;
    inset: 0;
    z-index: 29;
}

.mtb-menu-list[b-9b5i0lljev] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 30;
    width: min(18rem, calc(100vw - 2rem));
    flex-direction: column;
    padding: 0.3rem 0;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.mtb-menu-list.mtb-menu-open[b-9b5i0lljev] { display: flex; }

.mtb-menu-row[b-9b5i0lljev] {
    display: flex;
    flex-direction: column;
}

.mtb-menu-item[b-9b5i0lljev] {
    display: block;
    width: 100%;
    padding: 0.5rem 0.9rem;
    text-align: left;
}

.mtb-menu-item:hover[b-9b5i0lljev],
.mtb-menu-item:focus-visible[b-9b5i0lljev] { background: var(--surface-2); }

/* what a hover title used to say, where a phone can read it */
.mtb-menu-why[b-9b5i0lljev],
.mtb-menu-ask[b-9b5i0lljev] {
    padding: 0 0.9rem 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--max360-text-muted);
}

.mtb-menu-ask[b-9b5i0lljev] {
    padding-top: 0.5rem;
    color: var(--max360-text);
}

.mtb-menu-answers[b-9b5i0lljev] {
    display: flex;
    gap: 0.5rem;
    padding: 0 0.9rem 0.5rem;
}

.mtb-menu-yes[b-9b5i0lljev],
.mtb-menu-no[b-9b5i0lljev] {
    min-height: 44px;
    padding: 0.25rem 0.9rem;
    border-radius: 0.5rem;
    border: 1px solid var(--max360-border);
    background: none;
    color: var(--max360-text);
    cursor: pointer;
}

.mtb-menu-yes[b-9b5i0lljev] {
    border-color: var(--max360-danger);
    color: var(--max360-danger);
}

/* a desk that hid the transcript reads it from here: the line, and Stop */
.mtb-reading[b-9b5i0lljev] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 32px;
    padding: 0 0.6rem;
    background: var(--surface-2);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    color: var(--max360-text);
    font-size: 0.875rem;
    cursor: pointer;
}

.mtb-reading-text[b-9b5i0lljev] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mtb-reading-stop[b-9b5i0lljev] {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--accent);
}

@media (min-width: 701px) {
    .mtb-menu-toggle[b-9b5i0lljev] { min-height: 32px; min-width: 32px; }
    .mtb-menu-yes[b-9b5i0lljev],
    .mtb-menu-no[b-9b5i0lljev] { min-height: 32px; font-size: 0.875rem; }
}

/* an item's menu is fixed rather than hung from its button: each item scrolls its own overflow and would
   cut a dropdown off. a desk anchors it under the button where the browser can; a phone gets a sheet */
.mtb-item-more[b-9b5i0lljev] {
    font-size: 1.25rem;
    line-height: 1;
}

.mtb-item-more[aria-expanded="true"][b-9b5i0lljev] { anchor-name: --mtb-item-menu; }

.mtb-copied[b-9b5i0lljev] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--max360-text-muted);
    white-space: nowrap;
}

.mtb-item-menu-backdrop[b-9b5i0lljev] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.mtb-item-menu[b-9b5i0lljev] {
    position: fixed;
    z-index: 1041;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(16rem, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    padding: 0.3rem 0;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.mtb-item-menu:focus[b-9b5i0lljev] { outline: none; }

.mtb-item-menu-name[b-9b5i0lljev] { display: none; }

.mtb-item-menu > .max360-choice[b-9b5i0lljev] { justify-content: center; }

/* a row that opens a new tab keeps its arrow on the same line as its word */
.mtb-item-menu > .mtb-item-menu-out[b-9b5i0lljev] {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

@supports (anchor-name: --a) {
    .mtb-item-menu[b-9b5i0lljev] {
        position-anchor: --mtb-item-menu;
        top: anchor(bottom);
        left: auto;
        right: anchor(right);
        transform: none;
        margin-top: 4px;
        position-try-fallbacks: flip-block, flip-inline;
    }
}

@media (max-width: 700px) {
    .mtb-item-menu-backdrop[b-9b5i0lljev] { background: rgba(15, 23, 42, 0.35); }

    .mtb-item-menu[b-9b5i0lljev] {
        top: auto;
        left: 0;
        right: 0;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px));
        transform: none;
        width: auto;
        margin: 0;
        padding: 0.5rem 0;
        border-radius: 14px 14px 0 0;
        position-try-fallbacks: none;
    }

    .mtb-item-menu-name[b-9b5i0lljev] {
        display: block;
        padding: 0.25rem 0.6rem 0.5rem;
        border-bottom: 1px solid var(--max360-border);
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--max360-text-muted);
        overflow-wrap: anywhere;
    }
}

/* the grip sits in a gutter of its own so every kind of item, a document's own header included, moves the same way */
.mtb-item-movable[b-9b5i0lljev] {
    position: relative;
    padding-left: 2.1rem;
}

.mtb-grip[b-9b5i0lljev] {
    position: absolute;
    left: 0.3rem;
    top: 0.6rem;
    width: 1.5rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0.4rem;
    color: var(--max360-text-muted);
    cursor: grab;
    touch-action: none;
}

.mtb-grip:hover[b-9b5i0lljev],
.mtb-grip:focus-visible[b-9b5i0lljev] {
    color: var(--max360-text);
    outline: 2px solid var(--max360-border);
}

.mtb-dragging[b-9b5i0lljev] {
    z-index: 2;
    opacity: 0.92;
    cursor: grabbing;
    box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.18);
}

.mtb-drop-before[b-9b5i0lljev] { box-shadow: 0 -3px 0 var(--max360-primary); }
.mtb-drop-after[b-9b5i0lljev] { box-shadow: 0 3px 0 var(--max360-primary); }

/* a thumb needs a bigger grip than a pointer */
@media (max-width: 700px) {
    .mtb-item-movable[b-9b5i0lljev] { padding-left: 2.6rem; }
    .mtb-grip[b-9b5i0lljev] {
        left: 0.15rem;
        top: 0.35rem;
        width: 2.25rem;
        height: 2.75rem;
        font-size: 1.15rem;
    }
}

/* "Walk me through this" sits in an item's title row, and on its own row under an open document */
.mtb-walk[b-9b5i0lljev] {
    flex: 0 0 auto;
    background: none;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    color: var(--max360-primary);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
    cursor: pointer;
}

.mtb-item-head .mtb-walk[b-9b5i0lljev] { margin-left: auto; }

.mtb-walk:focus-visible[b-9b5i0lljev] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.mtb-walk-row[b-9b5i0lljev] {
    display: flex;
    margin-top: 0.5rem;
}

/* what the person tapped, until they ask about it or let it go */
.mtb-item[b-9b5i0lljev]  .mtb-pointed {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
    border-radius: 3px;
}

.mtb-item[b-9b5i0lljev]  svg .mtb-pointed :is(rect, path, circle) {
    stroke: var(--accent);
    stroke-width: 3px;
}

@media (hover: hover) {
    .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown :is(td, li) { cursor: pointer; }
}

@media (max-width: 700px) {
    /* the title takes the first line, then the pill, then the item's buttons: at 390 the pill and the buttons do not
       fit on one line */
    .mtb-item-head .mtb-walk[b-9b5i0lljev] { order: 1; }
    .mtb-item-head .mtb-item-actions[b-9b5i0lljev] { order: 2; }

    /* a thumb gets the 44px the item's other buttons get, inside the button's own box, so it reaches nothing
       around it; the pill is drawn inside that box at its usual size */
    .mtb-walk[b-9b5i0lljev] {
        position: relative;
        min-height: 44px;
        border-color: transparent;
    }

    .mtb-walk[b-9b5i0lljev]::before {
        content: "";
        position: absolute;
        inset: 8px 0;
        border: 1px solid var(--max360-border);
        border-radius: 999px;
        pointer-events: none;
    }
}

/* the board pointing at what Max says (js/board-fx.js): the pen layer scrolls with the items, the chapter strip sits
   under the bar, the name strip and the takeaway sit over the board and, on a phone, above the bottom bar */
.mtb[b-9b5i0lljev] { position: relative; }
.mtb-body[b-9b5i0lljev] { position: relative; }

.bfx-pen[b-9b5i0lljev] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: visible;
    pointer-events: none;
    z-index: 5;
}

.bfx-pen[b-9b5i0lljev]  .bfx-stroke {
    fill: none;
    stroke: #e0453a;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bfx-chapters[b-9b5i0lljev] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.45rem 0.9rem;
    border-bottom: 1px solid var(--max360-border);
}

.bfx-chapters[hidden][b-9b5i0lljev] { display: none; }

.bfx-chapters[b-9b5i0lljev]  .bfx-chapter {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--max360-text-muted);
    transition: background-color 0.3s, color 0.3s;
}

.bfx-chapters[b-9b5i0lljev]  .bfx-chapter-done { color: var(--max360-text); }

.bfx-chapters[b-9b5i0lljev]  .bfx-chapter-on {
    background: var(--accent);
    color: var(--max360-surface);
}

/* placed by js/board-fx.js over the part of the board on screen, so never over the page's own controls */
.bfx-name[b-9b5i0lljev],
.bfx-takeaway[b-9b5i0lljev] {
    position: fixed;
    z-index: 1031;
    pointer-events: none;
}

.bfx-name[hidden][b-9b5i0lljev],
.bfx-takeaway[hidden][b-9b5i0lljev] { display: none; }

.bfx-name[b-9b5i0lljev] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.6rem 0.9rem;
    border-radius: 0.6rem;
    border-left: 4px solid var(--accent);
    background: var(--max360-surface);
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
    animation: bfx-rise-b-9b5i0lljev 0.35s ease both;
}

.bfx-name b[b-9b5i0lljev] { font-size: 1.05rem; overflow-wrap: anywhere; }
.bfx-name span[b-9b5i0lljev] { font-size: 0.85rem; opacity: 0.8; overflow-wrap: anywhere; }

.bfx-takeaway[b-9b5i0lljev] {
    transform: translateY(-50%);
    padding: 1rem 1.2rem;
    border-radius: 0.75rem;
    background: var(--max360-surface);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    animation: bfx-rise-b-9b5i0lljev 0.4s ease both;
}

.bfx-takeaway p[b-9b5i0lljev] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.bfx-takeaway-on .mtb-body[b-9b5i0lljev] { opacity: 0.35; transition: opacity 0.35s; }

@media (max-width: 700px) {
    .bfx-takeaway p[b-9b5i0lljev] { font-size: 1.3rem; }
}

@keyframes bfx-rise-b-9b5i0lljev {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; }
}

.bfx-takeaway[b-9b5i0lljev] { animation-name: bfx-fade-b-9b5i0lljev; }

@keyframes bfx-fade-b-9b5i0lljev {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* a glow: a highlight behind words, a soft light around a chart's mark */
.mtb-item[b-9b5i0lljev]  .bfx-glow:not(rect, path, circle, g, text) {
    border-radius: 4px;
    animation: bfx-glow-b-9b5i0lljev 1.7s ease;
}

.mtb-item[b-9b5i0lljev]  svg .bfx-glow,
.mtb-item[b-9b5i0lljev]  svg.bfx-glow {
    animation: bfx-glow-mark-b-9b5i0lljev 1.7s ease;
}

@keyframes bfx-glow-b-9b5i0lljev {
    0% { background-color: transparent; box-shadow: 0 0 0 0 transparent; }
    20%, 70% { background-color: rgba(242, 181, 60, 0.32); box-shadow: 0 0 0 2px rgba(242, 181, 60, 0.85); }
    100% { background-color: transparent; box-shadow: 0 0 0 0 transparent; }
}

@keyframes bfx-glow-mark-b-9b5i0lljev {
    0%, 100% { filter: none; }
    20%, 70% { filter: drop-shadow(0 0 4px rgba(242, 181, 60, 0.95)) drop-shadow(0 0 1px rgba(242, 181, 60, 1)); }
}

/* focus: the rest of the item dims and the part, or its row, stays bright */
.mtb-item.bfx-dimmed[b-9b5i0lljev]  .max360-viewer-markdown :is(p, li, td, th, h1, h2, h3, h4, .chat-visual):not(.bfx-focus, .bfx-focus *, :has(.bfx-focus)) {
    opacity: 0.3;
    transition: opacity 0.3s;
}
.mtb-item[b-9b5i0lljev]  tr.bfx-focus > :is(td, th),
.mtb-item[b-9b5i0lljev]  :is(li, p, td, th).bfx-focus { background-color: rgba(242, 181, 60, 0.22); }

/* an item put up empty: its chart marks, figures and lines, list lines or table rows wait until Max builds them */
.mtb-item.bfx-held[b-9b5i0lljev]  .chat-visual svg g:has(> title):not(.bfx-in),
.mtb-item.bfx-held[b-9b5i0lljev]  .chat-visual svg :is(.chart-value, .chart-series):not(.bfx-in),
.mtb-item.bfx-held[b-9b5i0lljev]  .max360-viewer-markdown :is(li, tbody tr):not(.bfx-in),
.mtb-item[b-9b5i0lljev]  .bfx-out { opacity: 0; }

.mtb-item[b-9b5i0lljev]  .bfx-in { transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
.mtb-item[b-9b5i0lljev]  svg g.bfx-in > :is(rect, path) { animation: bfx-grow-b-9b5i0lljev 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); transform-box: fill-box; transform-origin: 50% 100%; }

@keyframes bfx-grow-b-9b5i0lljev {
    from { transform: scaleY(0); }
    to { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .bfx-name[b-9b5i0lljev], .bfx-takeaway[b-9b5i0lljev] { animation: none; }
    .mtb-item[b-9b5i0lljev]  .bfx-glow,
    .mtb-item[b-9b5i0lljev]  svg .bfx-glow { animation: none; outline: 2px solid rgba(242, 181, 60, 0.9); outline-offset: 1px; }
    .mtb-item[b-9b5i0lljev]  .bfx-in,
    .mtb-item[b-9b5i0lljev]  svg g.bfx-in > :is(rect, path) { animation: none; transition: none; }
}

/* larger text, for a room screen: a list, table or document grows as a whole, headings and tables with it.
   a drawn picture keeps its own size, which Max already drew for the room */
.mtb-larger .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown { zoom: 1.4; }
.mtb-larger.mtb-max .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown { min-height: calc(60vh / 1.4); }

@media (max-width: 700px) {
    .mtb-larger .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown { zoom: 1.2; }
    .mtb-larger.mtb-max .mtb-item[b-9b5i0lljev]  .max360-viewer-markdown { min-height: calc(60vh / 1.2); }
}
/* /Components/Library/MaxTalkConversationList.razor.rz.scp.css */
.mtc[b-rtlnz2gv8c] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
}

/* "Conversations" and Chat's Shared switch on one row over the list */
.mtc-head[b-rtlnz2gv8c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mtc-heading[b-rtlnz2gv8c] {
    font-weight: 600;
}

.mtc-shared[b-rtlnz2gv8c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    font-size: 0.875rem;
    cursor: pointer;
}

.mtc-filter[b-rtlnz2gv8c] {
    min-height: 44px;
    padding: 0 0.75rem;
    font-size: 1rem;
    border: 1px solid var(--max360-border, #ced4da);
    border-radius: 0.5rem;
    background: var(--max360-surface, #fff);
    color: inherit;
}

.mtc-notice[b-rtlnz2gv8c],
.mtc-none[b-rtlnz2gv8c] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-dim);
}

.mtc-list[b-rtlnz2gv8c] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* a row is the title with one ⋯ for its actions, then a line saying when and whose */
.mtc-item[b-rtlnz2gv8c] {
    position: relative;
    padding: 0.375rem 0;
    border-bottom: 1px solid var(--rule);
}

.mtc-row[b-rtlnz2gv8c] {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* the whole row opens the conversation, not only its title line; the ⋯ sits above this */
.mtc-row[b-rtlnz2gv8c]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.mtc-row:focus-visible[b-rtlnz2gv8c] { outline: none; }

.mtc-item:has(.mtc-row:focus-visible)[b-rtlnz2gv8c] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.mtc-title[b-rtlnz2gv8c] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mtc-top[b-rtlnz2gv8c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.mtc-top .mtc-row[b-rtlnz2gv8c] {
    flex: 1 1 auto;
    min-width: 0;
}

.mtc-more-btn[b-rtlnz2gv8c] { position: relative; z-index: 1; flex: 0 0 auto; width: 44px; margin: -0.5rem 0; }

/* the row's actions drop down under its ⋯, at the row's right; the clear layer behind closes it, and
   both sit above the phone bar's 1030 */
.mtc-menu-veil[b-rtlnz2gv8c] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    cursor: default;
}

.mtc-menu[b-rtlnz2gv8c] {
    position: absolute;
    top: 2.75rem;
    right: 0;
    z-index: 1041;
    min-width: 11rem;
    max-width: min(20rem, calc(100vw - 2rem));
    padding: 0.25rem 0;
    background: var(--max360-surface);
    color: var(--ink);
    border: 1px solid var(--rule);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.mtc-menu:focus[b-rtlnz2gv8c] { outline: none; }

.mtc-menu-row[b-rtlnz2gv8c] { display: flex; align-items: center; gap: 0.6rem; width: 100%; text-align: left; }

.mtc-menu .mtc-confirm[b-rtlnz2gv8c] { margin: 0.5rem 0.9rem; }

.mtc-meta[b-rtlnz2gv8c] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    line-height: 1.25;
    color: var(--ink-dim);
}

/* a phone says "Shared by" in words; a desk row has one line, so it shows the icon and keeps the words for a screen reader */
.mtc-owner-icon[b-rtlnz2gv8c] { display: none; }

.mtc-confirm-answers[b-rtlnz2gv8c] {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.75rem;
}

/* Max Live's quiet action: text only, the accent color, semibold, the target made by padding */
.mtc-action[b-rtlnz2gv8c],
.mtc-more[b-rtlnz2gv8c] { display: inline-flex; align-items: center; }

.mtc-more[b-rtlnz2gv8c] { align-self: flex-start; }

.mtc-confirm[b-rtlnz2gv8c] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border: 1px solid var(--rule);
    border-radius: 0.5rem;
}

.mtc-confirm-q[b-rtlnz2gv8c] {
    margin: 0 0 0.25rem;
    font-weight: 600;
}

.mtc-confirm-why[b-rtlnz2gv8c] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.mtc-confirm-answers[b-rtlnz2gv8c] { justify-content: flex-end; width: 100%; }

@media (min-width: 701px) {

    .mtc-shared[b-rtlnz2gv8c] { min-height: 32px; }

    /* a desk row is one line, as a session sidebar's is: the title, then when, then the ⋯ */
    .mtc[b-rtlnz2gv8c] { gap: 0.4rem; }

    .mtc-heading[b-rtlnz2gv8c] {
        font-size: 0.8125rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--ink-dim);
    }

    .mtc-filter[b-rtlnz2gv8c] {
        min-height: 32px;
        padding: 0 0.6rem;
        font-size: 0.875rem;
    }

    .mtc-item[b-rtlnz2gv8c] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 24px;
        align-items: center;
        column-gap: 0.5rem;
        padding: 0.375rem 0.5rem;
        border-bottom: 0;
        border-radius: 6px;
    }

    .mtc-top[b-rtlnz2gv8c] { display: contents; }
    .mtc-row[b-rtlnz2gv8c] { grid-area: 1 / 1; }

    .mtc-title[b-rtlnz2gv8c] {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .mtc-meta[b-rtlnz2gv8c] {
        grid-area: 1 / 2;
        font-size: 0.75rem;
        font-variant-numeric: tabular-nums;
    }

    .mtc-owner-icon[b-rtlnz2gv8c] { display: inline; margin-right: 0.3rem; }

    .mtc-owner-name[b-rtlnz2gv8c] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mtc-more-btn[b-rtlnz2gv8c] { grid-area: 1 / 3; width: 28px; margin: -0.25rem -0.25rem -0.25rem 0; }

    .mtc-menu[b-rtlnz2gv8c] { top: 2rem; }
}

/* when the main pointer is a mouse, the ⋯ takes the time's place while the row is pointed at or
   focused; a desk-width screen whose main pointer is touch keeps both showing */
@media (min-width: 701px) and (hover: hover) and (pointer: fine) {
    .mtc-item[b-rtlnz2gv8c] { grid-template-columns: minmax(0, 1fr) auto; }

    .mtc-more-btn[b-rtlnz2gv8c] {
        grid-area: 1 / 2;
        justify-self: end;
        opacity: 0;
    }

    .mtc-item:hover[b-rtlnz2gv8c],
    .mtc-item:focus-within[b-rtlnz2gv8c] { background: var(--surface-2); }

    .mtc-item:hover .mtc-more-btn[b-rtlnz2gv8c],
    .mtc-item:focus-within .mtc-more-btn[b-rtlnz2gv8c],
    .mtc-more-btn[aria-expanded="true"][b-rtlnz2gv8c] { opacity: 1; }

    .mtc-item:has(.mtc-more-btn):hover .mtc-meta[b-rtlnz2gv8c],
    .mtc-item:has(.mtc-more-btn):focus-within .mtc-meta[b-rtlnz2gv8c] { visibility: hidden; }
}

.mtc-from-page[b-rtlnz2gv8c] { flex: 0 0 auto; margin-right: 6px; color: var(--max360-text-muted); font-size: 0.85em; }
/* /Components/Library/MaxTalkFilesPanel.razor.rz.scp.css */
/* A panel over the right of the page, so the transcript stays in view; the whole screen on a phone.
   Under the black screen (2000), which must cover everything. */
.mtf[b-xl1c1dluz2] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    width: min(26rem, 100vw);
    display: flex;
    flex-direction: column;
    background: var(--max360-surface);
    border-left: 1px solid var(--max360-border);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18);
}

.mtf-head[b-xl1c1dluz2] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--max360-border);
}

.mtf-title[b-xl1c1dluz2] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.mtf-close[b-xl1c1dluz2],
.mtf-retry[b-xl1c1dluz2] {
    background: none;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    color: var(--max360-text);
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
}
.mtf-close:hover[b-xl1c1dluz2],
.mtf-retry:hover[b-xl1c1dluz2] { border-color: var(--max360-primary); color: var(--max360-primary); }

.mtf-body[b-xl1c1dluz2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem 1rem 1.5rem;
}

.mtf-section + .mtf-section[b-xl1c1dluz2] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--max360-border);
}

.mtf-section-title[b-xl1c1dluz2] {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.mtf-drop[b-xl1c1dluz2] {
    margin: 0 0 0.5rem;
    padding: 0.6rem 0.75rem;
    border: 1px dashed var(--max360-border);
    border-radius: 0.5rem;
}
/* chat-upload.js adds this while a file is held over the zone */
.mtf-drop.max360-dragging[b-xl1c1dluz2] { border-color: var(--max360-primary); background: var(--max360-bg); }
.mtf-drop-line[b-xl1c1dluz2] { margin: 0; font-size: 0.875rem; color: var(--max360-text-muted); }
.mtf-pick[b-xl1c1dluz2] {
    background: none;
    border: 0;
    padding: 0;
    color: var(--max360-link, var(--max360-primary));
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}
.mtf-pick:disabled[b-xl1c1dluz2] { opacity: 0.5; cursor: wait; }
.mtf-problem[b-xl1c1dluz2] { margin: 0.25rem 0; font-size: 0.875rem; color: var(--max360-danger); }

.mtf-empty[b-xl1c1dluz2] {
    margin: 0.25rem 0;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
}
/* /Components/Library/MaxTalkRehearsalBanner.razor.rz.scp.css */
.mtr-banner[b-mji4qazv6q] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem;
              margin: 0 0 0.75rem; padding: 0.55rem 0.8rem; border-radius: 10px; font-size: 0.9rem;
              background: var(--max360-info-soft); color: var(--max360-info-ink); }
.mtr-banner.is-quiet[b-mji4qazv6q] { background: var(--max360-surface); border: 1px solid var(--max360-border); color: var(--max360-text-muted); }
.mtr-what b[b-mji4qazv6q] { color: var(--max360-text); }
.mtr-actions[b-mji4qazv6q] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
.mtr-keep[b-mji4qazv6q] { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: var(--max360-text); cursor: pointer; }
.mtr-end[b-mji4qazv6q] { background: var(--max360-surface); border: 1px solid var(--max360-border); border-radius: 8px;
           padding: 0.2rem 0.65rem; font: inherit; font-size: 0.82rem; color: var(--max360-text); cursor: pointer; }
.mtr-end:hover[b-mji4qazv6q] { border-color: var(--max360-info-ink); }
.mtr-end:focus-visible[b-mji4qazv6q], .mtr-keep input:focus-visible[b-mji4qazv6q] { outline: 2px solid var(--max360-link); outline-offset: 2px; }
/* /Components/Library/MeetingGistView.razor.rz.scp.css */
.gist-lines[b-iu5g91lh0c] { margin: 0; padding-left: 1.1rem; }
.gist-lines li + li[b-iu5g91lh0c] { margin-top: 0.25rem; }
.gist-lines strong[b-iu5g91lh0c] { font-weight: 600; }
.gist-next strong[b-iu5g91lh0c] { color: var(--gist-accent, inherit); }
/* /Components/Library/MeetingsAudioPlayer.razor.rz.scp.css */
.mm-player[b-opnu0wy71s] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.mm-player-progress[b-opnu0wy71s] { font-size: 0.8rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; }
.mm-player-failure[b-opnu0wy71s] { font-size: 0.8rem; color: var(--max360-danger-ink); }
.mm-play[b-opnu0wy71s] { flex: none; }
.mm-play.is-playing[b-opnu0wy71s] { color: var(--max360-link); }
/* /Components/Library/MessageCopyButton.razor.rz.scp.css */
.msg-copy-btn[b-ps8fp6hfet] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 6px;
    color: var(--ink-dim, #6b7280);
    cursor: pointer;
    padding: 0;
    transition: background 0.1s, color 0.1s;
}

.msg-copy-btn:hover[b-ps8fp6hfet] {
    background: var(--surface-2, #f3f4f6);
    color: var(--ink, #111827);
}

.msg-copy-btn--copied[b-ps8fp6hfet] {
    color: var(--max360-success, #16a34a);
}

.msg-copy-btn i[b-ps8fp6hfet] {
    font-size: 13px;
    pointer-events: none;
}

/* on a phone the 28px button keeps its look; the tap area around it is 44px */
@media (max-width: 700px) {
    .msg-copy-btn[b-ps8fp6hfet] { position: relative; }
    .msg-copy-btn[b-ps8fp6hfet]::after { content: ""; position: absolute; inset: -8px; }
}
/* /Components/Library/MultiTeam/ScopePicker.razor.rz.scp.css */
/* ScopePicker.razor.css — compact rail control + right-opening popup menu.
   Scoped via Blazor CSS isolation. Mirrors the rail-button icon+caption look
   (.max360-rail-btn) and the ThemeToggle popup pattern. */

.scope-lens[b-rmy2s3m2g5] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;                        /* gap sits ABOVE the rule, between it and the signature */
    border-top: 1px solid var(--rule);
}

/* A lens that is ON is hiding things from you, and the caption alone does not carry
   that — it truncates to "Custom (3)" in a 96px rail and reads like a label, not a
   warning. The band colors the whole strip so the state is legible at a glance.
   Driven by the APPLIED scope (_narrowed), never the open menu's working checkboxes,
   so half-finished fiddling in the menu cannot make the rail claim a filter is live. */
.scope-lens.narrowed[b-rmy2s3m2g5] {
    background: var(--max360-warning-soft);
}

/* Pill: icon + tiny truncated caption, like the other rail buttons. */
.scope-lens-btn[b-rmy2s3m2g5] {
    background: transparent;
    border: 0;
    color: var(--max360-text-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
    width: 100%;
    padding: 0.22rem 0.2rem 0.26rem;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1.05;
}

.scope-lens-btn i[b-rmy2s3m2g5] {
    font-size: 0.95rem;
}

.scope-lens-btn:hover:not(:disabled)[b-rmy2s3m2g5],
.scope-lens.open .scope-lens-btn[b-rmy2s3m2g5] {
    color: var(--max360-primary);
}

/* After the hover/open rule (equal specificity, later wins) so the narrowed color
   holds while the menu is open instead of flipping to the generic accent. */
.scope-lens.narrowed .scope-lens-btn[b-rmy2s3m2g5],
.scope-lens.narrowed .scope-lens-btn:hover:not(:disabled)[b-rmy2s3m2g5] {
    color: var(--max360-warning-ink);
}

.scope-lens-btn:disabled[b-rmy2s3m2g5] {
    opacity: 0.55;
    cursor: default;
}

.scope-lens-caption[b-rmy2s3m2g5] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Click-catching backdrop so an outside click closes the menu. */
.scope-lens-backdrop[b-rmy2s3m2g5] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

/* Menu opens to the RIGHT of the narrow rail, top-aligned (the control sits at
   the top of the rail, under the brand), and grows downward as items are added. */
.scope-lens-menu[b-rmy2s3m2g5] {
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0 0 0 0.4rem;
    z-index: 1050;
    min-width: 12rem;
    max-width: 17rem;
    max-height: 70vh;
    overflow-y: auto;
    padding: 0.35rem;
    list-style: none;
    background: var(--surface-2, #1A2540);
    border: 1px solid var(--rule, #e5e7eb);
    border-radius: 0.5rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.scope-lens-section[b-rmy2s3m2g5] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--max360-text-muted, #6b7280);
    padding: 0.4rem 0.6rem 0.15rem;
}

.scope-lens-check[b-rmy2s3m2g5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.2rem 0.35rem;
    font-size: 0.85rem;
    color: var(--ink, #111827);
    cursor: pointer;
    white-space: nowrap;
}
.scope-lens-check input[b-rmy2s3m2g5] { cursor: pointer; }
.scope-lens-empty[b-rmy2s3m2g5] {
    font-size: 0.8rem;
    font-style: italic;
    color: var(--max360-text-muted, #6b7280);
    padding: 0.2rem 0.35rem;
}
.scope-lens-actions[b-rmy2s3m2g5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.4rem;
    padding: 0 0.25rem;
}
.scope-lens-saveas[b-rmy2s3m2g5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    padding: 0 0.25rem;
}
.scope-lens-msg[b-rmy2s3m2g5] { font-size: 0.78rem; padding: 0.2rem 0.35rem; }
.scope-lens-msg.err[b-rmy2s3m2g5] { color: var(--max360-danger); }
.scope-lens-msg.ok[b-rmy2s3m2g5]  { color: var(--max360-success); }

/* Compositional checklist additions */
.scope-lens-master[b-rmy2s3m2g5] { font-weight: 600; border-bottom: 1px solid var(--rule, #e5e7eb); padding-bottom: 0.3rem; margin-bottom: 0.2rem; }
.scope-lens-fieldset[b-rmy2s3m2g5] { border: 0; margin: 0; padding: 0; min-width: 0; }
.scope-lens-fieldset:disabled[b-rmy2s3m2g5] { opacity: 0.45; }
.scope-lens-legacy[b-rmy2s3m2g5] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.4rem;
    font-size: 0.8rem; padding: 0.2rem 0.35rem; color: var(--max360-text-muted, #6b7280);
}
/* /Components/Library/NotForMaxMark.razor.rz.scp.css */
.nfm-mark[b-49fvqfxj30] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; margin-left: 8px; font-size: 11px;
            color: var(--max360-text-muted); }
.nfm-tag[b-49fvqfxj30] { font-weight: 600; text-transform: none; }
/* /Components/Library/OneDriveAccessLine.razor.rz.scp.css */
.od-access[b-meceh8q969] { margin: 0 0 1.25rem; }
.od-access p[b-meceh8q969] { margin: 0 0 0.5rem; }
.od-access-note[b-meceh8q969] { font-size: 0.875rem; margin-top: 0.5rem; }
/* /Components/Library/OutsideReaderLines.razor.rz.scp.css */
.orl[b-rloqhwm23u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    padding: 4px 0;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.orl-what[b-rloqhwm23u] { flex: 1 1 220px; min-width: 0; }
.orl-acts[b-rloqhwm23u] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.orl-said[b-rloqhwm23u] { flex: 1 1 100%; color: var(--max360-text-muted); font-size: 13px; }
.orl-versions[b-rloqhwm23u] { display: flex; flex-direction: column; gap: 6px; padding: 4px 0; min-width: 0; }
.orl-versions > button[b-rloqhwm23u] { align-self: flex-start; }
/* /Components/Library/OutsideStoredSlide.razor.rz.scp.css */
/* a stored slide is drawn by the app's own components, so it keeps their look; anything wider than the screen scrolls inside it */
.owr-slide[b-4ikhit2lma] { overflow-x: auto; }
.owr-picture[b-4ikhit2lma] { margin: 0 0 12px; }
.owr-picture img[b-4ikhit2lma] { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 6px; border: 1px solid var(--max360-border); }
/* /Components/Library/OutsideVersionHistoryView.razor.rz.scp.css */
.ovh[b-q73xoh1ime] {
    font-size: 14px;
    overflow-wrap: anywhere;
    min-width: 0;
}

.ovh-whose[b-q73xoh1ime] { margin: 4px 0 8px; font-weight: 600; }
.ovh-note[b-q73xoh1ime] { margin: 4px 0 8px; color: var(--max360-text-muted); }
.ovh-none[b-q73xoh1ime] { margin: 4px 0; color: var(--max360-text-muted); }

.ovh-list[b-q73xoh1ime] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }

.ovh-version[b-q73xoh1ime] {
    border-left: 3px solid var(--max360-border, #d0d5dd);
    padding: 2px 0 2px 10px;
    min-width: 0;
}

.ovh-head[b-q73xoh1ime] { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; }
.ovh-state[b-q73xoh1ime] { color: var(--max360-text-muted); font-size: 13px; }
.ovh-line[b-q73xoh1ime] { margin-top: 2px; }
.ovh-muted[b-q73xoh1ime] { color: var(--max360-text-muted); }
/* /Components/Library/OutsideWalkthroughReading.razor.rz.scp.css */
.owr-ended[b-wpk1yr3o6r] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: #080A0B;
    color: #E9ECF2;
    color-scheme: dark;
    text-align: center;
    font-size: 1.05rem;
}

.owr-wm[b-wpk1yr3o6r] {
    font-family: 'Spectral', Georgia, serif;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: #9BA7B2;
}

.owr-wm-dot[b-wpk1yr3o6r] { color: #F2B53C; }

.owr-updated[b-wpk1yr3o6r] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 12px;
    padding: 10px 16px;
    background: #14181B;
    color: #E9ECF2;
    font-size: 15px;
    overflow-wrap: anywhere;
    --max360-link: #F2B53C;
}

/* /Components/Library/OverheardSpeakerTag.razor.rz.scp.css */
.osp-wrap[b-b1g46bubwz] { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.5rem; max-width: 100%; }
.osp-menu[b-b1g46bubwz] { display: flex; flex-direction: column; gap: 0.25rem; flex-basis: 100%; min-width: 0; }
.osp-row[b-b1g46bubwz] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.6rem; min-width: 0; }
.osp-still[b-b1g46bubwz] { font-size: 0.8rem; color: var(--max360-text-muted); }
.osp-lead[b-b1g46bubwz] { font-size: 0.8rem; color: var(--max360-text-muted); }
/* /Components/Library/ReviewAsSentPanel.razor.rz.scp.css */
.ras-title-row[b-q563hahrmm] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.ras-backdrop[b-q563hahrmm] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1060; }

.ras[b-q563hahrmm] {
    position: fixed;
    z-index: 1061;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(720px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    display: flex;
    flex-direction: column;
    background: var(--max360-surface);
    color: var(--max360-text);
    border-radius: 12px;
    box-shadow: 0 0 0 1px var(--max360-border), 0 12px 40px rgba(0, 0, 0, 0.25);
}

.ras-head[b-q563hahrmm] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--max360-border); }
.ras-head h2[b-q563hahrmm] { margin: 0; font-size: 17px; font-weight: 600; }
.ras-body[b-q563hahrmm] { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.ras-foot[b-q563hahrmm] { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--max360-border); }

.ras-title[b-q563hahrmm] { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.ras-muted[b-q563hahrmm] { margin: 0; font-size: 13px; color: var(--max360-text-muted); }
.ras-people[b-q563hahrmm] { display: flex; flex-wrap: wrap; gap: 6px; }
.ras-person[b-q563hahrmm] { border: 1px solid var(--max360-border); border-radius: 999px; padding: 4px 12px; background: none; color: var(--max360-text); font: inherit; font-size: 14px; }
.ras-person.on[b-q563hahrmm] { background: var(--max360-info-soft); color: var(--max360-info-ink); border-color: transparent; }
.ras-note[b-q563hahrmm] { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--max360-info-soft); white-space: pre-wrap; overflow-wrap: anywhere; }
.ras-script[b-q563hahrmm] { font-size: 14px; color: var(--max360-text-muted); }
.ras-script summary[b-q563hahrmm] { cursor: pointer; min-height: 32px; display: flex; align-items: center; }
.ras-script p[b-q563hahrmm] { margin: 4px 0 0; padding-left: 10px; border-left: 2px dashed var(--max360-border); white-space: pre-wrap; overflow-wrap: anywhere; }
.ras-item[b-q563hahrmm] { display: flex; flex-direction: column; gap: 6px; padding: 10px 0; border-top: 1px solid var(--max360-border); min-width: 0; }
.ras-item-title[b-q563hahrmm] { font-weight: 600; overflow-wrap: anywhere; }
.ras-bottom[b-q563hahrmm] { padding: 8px; border-radius: 10px; border-top: 0; box-shadow: 0 0 0 1px var(--max360-primary); }
.ras-bottom-k[b-q563hahrmm] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-primary); }

@media (max-width: 700px) {
    .ras[b-q563hahrmm] { top: auto; bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px)); left: 0; right: 0; transform: none; width: 100%;
           max-height: calc(100dvh - var(--max360-phonebar-height) - env(safe-area-inset-bottom, 0px) - 24px); border-radius: 14px 14px 0 0; }
    .ras-person[b-q563hahrmm] { min-height: 40px; }
}
/* /Components/Library/ReviewHeader.razor.rz.scp.css */
.rvh[b-wysnjr6ocy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
    background: var(--max360-surface);
    color: var(--max360-text);
    box-shadow: 0 0 0 1px var(--max360-border);
    min-width: 0;
}

.rvh-top[b-wysnjr6ocy] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.rvh-top-acts[b-wysnjr6ocy] { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.rvh-present[b-wysnjr6ocy] { min-height: 36px; white-space: nowrap; }
.rvh-resume[b-wysnjr6ocy] { align-self: flex-end; margin-top: -4px; font-size: 13px; }
.rvh-menu[b-wysnjr6ocy] { position: relative; display: inline-flex; }
.rvh-menu-backdrop[b-wysnjr6ocy] { position: fixed; inset: 0; z-index: 20; }
.rvh-menu-list[b-wysnjr6ocy] {
    position: absolute; top: calc(100% + 4px); right: 0; z-index: 21; min-width: 240px; max-width: min(320px, 86vw);
    display: flex; flex-direction: column; padding: 6px; border-radius: 10px;
    background: var(--max360-surface); box-shadow: 0 0 0 1px var(--max360-border), 0 10px 30px rgba(0, 0, 0, 0.18);
}
.rvh-menu-row[b-wysnjr6ocy] { display: flex; flex-direction: column; }
.rvh-menu-item[b-wysnjr6ocy] { text-align: left; border: 0; background: none; padding: 10px; min-height: 44px; border-radius: 8px; color: var(--max360-text); font: inherit; cursor: pointer; }
.rvh-menu-item:hover[b-wysnjr6ocy], .rvh-menu-item:focus-visible[b-wysnjr6ocy] { background: var(--max360-info-soft); outline: none; }
.rvh-menu-why[b-wysnjr6ocy] { padding: 0 10px 8px; font-size: 12px; color: var(--max360-text-muted); }
.rvh-from[b-wysnjr6ocy] { font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--max360-success, var(--max360-primary)); }
/* a phone is too narrow for the whole line beside the button and the menu, so it keeps the name on the same line */
@media (max-width: 700px) {
    .rvh-top[b-wysnjr6ocy] { flex-wrap: nowrap; }
    .rvh-from[b-wysnjr6ocy] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .rvh-from-rest[b-wysnjr6ocy] { display: none; }
    .rvh-top-acts[b-wysnjr6ocy] { flex: none; }
}
.rvh-updated[b-wysnjr6ocy] { margin: 0; font-size: 12px; color: var(--max360-text-muted); }

.rvh-note[b-wysnjr6ocy] {
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--max360-info-soft);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.rvh-changes[b-wysnjr6ocy] { margin: 0; padding-left: 18px; font-size: 13px; color: var(--max360-text-muted); }

.rvh-bottom[b-wysnjr6ocy] { display: flex; flex-direction: column; gap: 6px; padding: 8px; border-radius: 10px; box-shadow: 0 0 0 1px var(--max360-primary); min-width: 0; }
.rvh-bottom-k[b-wysnjr6ocy] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-primary); }
.rvh-bottom-hint[b-wysnjr6ocy] { margin-top: -4px; font-size: 12px; color: var(--max360-text-muted); }

.rvh-link[b-wysnjr6ocy] { border: 0; background: none; padding: 0; color: var(--max360-primary); text-decoration: underline; font: inherit; cursor: pointer; }
.rvh-stop[b-wysnjr6ocy] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border-radius: 10px;
            background: var(--max360-info-soft); color: var(--max360-info-ink); font-size: 14px; }
.rvh-stop-done[b-wysnjr6ocy] { margin: 0; font-size: 13px; color: var(--max360-text-muted); }
.rvh-people[b-wysnjr6ocy] { margin: 0; font-size: 13px; color: var(--max360-text-muted); overflow-wrap: anywhere; }

.rvh-items[b-wysnjr6ocy] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
/* /Components/Library/ReviewPresentation.razor.rz.scp.css */
/* the Alpine look of the walkthrough pages: a darkroom ground, sky blue to press, gold to label. one look in both
   themes on purpose */
.rvp[b-lptki800q5] {
    --rvp-ground: #080A0B;
    --rvp-ground-2: #0C1319;
    --rvp-lift: #1C252D;
    --rvp-bone: #E9ECF2;
    --rvp-dim: #9BA7B2;
    --rvp-hair: #25303A;
    --rvp-sky: #0F5BBD;
    --rvp-sky-deep: #0C4A9C;
    --rvp-sky-soft: #5E9BEC;
    --rvp-gold: #F2B53C;
    /* the faces of the walkthrough pages made for lead clients */
    --rvp-display: 'Spectral', Georgia, 'Times New Roman', serif;
    --rvp-mono: 'Reddit Mono', ui-monospace, Consolas, monospace;

    position: fixed;
    inset: 0;
    /* above the phone bar (1030) and the review dialogs (1061), below the blackout (2000) */
    z-index: 1070;
    display: flex;
    flex-direction: column;
    background: var(--rvp-ground);
    color: var(--rvp-bone);
    color-scheme: dark;
    outline: none;
}

.rvp-progress[b-lptki800q5] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 3;
    background: rgba(233, 236, 242, 0.08);
}
.rvp-progress span[b-lptki800q5] { display: block; height: 100%; background: var(--rvp-gold); transition: width 0.5s ease; }

.rvp-bar[b-lptki800q5] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) 12px 18px;
    background: linear-gradient(rgba(8, 10, 11, 0.78), rgba(8, 10, 11, 0));
    pointer-events: none;
}
.rvp-bar > *[b-lptki800q5] { pointer-events: auto; }

.rvp-round[b-lptki800q5] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(233, 236, 242, 0.22);
    background: rgba(8, 10, 11, 0.45);
    color: var(--rvp-bone);
    font-size: 1rem;
    cursor: pointer;
    backdrop-filter: blur(6px);
}
.rvp-round:hover[b-lptki800q5], .rvp-round:focus-visible[b-lptki800q5] { border-color: var(--rvp-gold); outline: none; }
.rvp-controls[b-lptki800q5] { display: flex; gap: 8px; flex: none; }

.rvp-dots[b-lptki800q5] { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; min-width: 0; }
.rvp-dot[b-lptki800q5] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    position: relative;
}
.rvp-dot[b-lptki800q5]::after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: rgba(233, 236, 242, 0.35);
    transition: background 0.3s, inset 0.3s;
}
.rvp-dot.past[b-lptki800q5]::after { background: rgba(242, 181, 60, 0.6); }
.rvp-dot.on[b-lptki800q5]::after { inset: 7px; background: var(--rvp-gold); }
.rvp-dot:focus-visible[b-lptki800q5] { outline: 2px solid var(--rvp-sky-soft); border-radius: 50%; }

.rvp-sr[b-lptki800q5] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.rvp-screens[b-lptki800q5] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-snap-type: y proximity;
    outline: none;
}
/* while Play's camera moves down a tall screen; a snap point would pull it back to the screen's top on every frame */
.rvp-screens[data-directing][b-lptki800q5] { scroll-snap-type: none; }

.rvp-screen[b-lptki800q5] {
    position: relative;
    scroll-snap-align: start;
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: calc(env(safe-area-inset-top, 0px) + 72px) 20px calc(env(safe-area-inset-bottom, 0px) + 40px);
}

/* the cover and the closing: a photograph to the edges, a veil so the words read on it */
.rvp-photo[b-lptki800q5] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
/* on a phone the portrait photo takes the top of the screen and fades into the ground, so the words sit below the skier */
.rvp-photo-cover[b-lptki800q5] { bottom: auto; height: 58%; object-position: 50% 30%; }
.rvp-cover-screen .rvp-veil[b-lptki800q5] {
    background: linear-gradient(180deg, rgba(8, 10, 11, 0.2) 0%, rgba(8, 10, 11, 0) 22%, rgba(8, 10, 11, 0.55) 44%, var(--rvp-ground) 58%);
}
.rvp-veil[b-lptki800q5] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(8, 10, 11, 0.1) 0%, rgba(8, 10, 11, 0.45) 40%, rgba(8, 10, 11, 0.94) 82%);
}
/* the sunset's sun sits right of center, which a portrait crop would cut away */
.rvp-closing-screen .rvp-photo[b-lptki800q5] { object-position: 74% 50%; }
.rvp-veil-warm[b-lptki800q5] { background: linear-gradient(180deg, rgba(8, 10, 11, 0.05) 0%, rgba(8, 10, 11, 0.5) 45%, rgba(8, 10, 11, 0.95) 85%); }
.rvp-cover-screen[b-lptki800q5], .rvp-closing-screen[b-lptki800q5] { justify-content: flex-end; }

.rvp-face[b-lptki800q5] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.rvp-wm[b-lptki800q5] { font-family: var(--rvp-display); font-weight: 500; font-size: 1.15rem; letter-spacing: -0.01em; color: var(--rvp-bone); }
.rvp-wm-dot[b-lptki800q5] { color: var(--rvp-gold); }

.rvp-eyebrow[b-lptki800q5] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: var(--rvp-mono);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--rvp-gold);
}
.rvp-eyebrow[b-lptki800q5]::before { content: ""; width: 1.6rem; height: 1px; background: currentColor; flex: none; }

.rvp-title[b-lptki800q5] {
    margin: 0;
    font-family: var(--rvp-display);
    font-weight: 400;
    font-size: clamp(2.4rem, 11vw, 4.6rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.rvp-pull[b-lptki800q5] {
    margin: 0;
    padding-left: 1.1rem;
    border-left: 2px solid var(--rvp-gold);
}
.rvp-pull p[b-lptki800q5] {
    margin: 0;
    font-family: var(--rvp-display);
    font-weight: 300;
    font-size: clamp(1.1rem, 4.4vw, 1.4rem);
    line-height: 1.42;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.rvp-pull cite[b-lptki800q5] { display: block; margin-top: 0.5rem; font-style: normal; font-family: var(--rvp-mono); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rvp-dim); }

.rvp-bottom[b-lptki800q5] { margin: 0; display: flex; flex-direction: column; gap: 6px; font-size: 1.05rem; overflow-wrap: anywhere; }

.rvp-start[b-lptki800q5] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.rvp-pill[b-lptki800q5] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    padding: 0 1.4rem;
    border: 0;
    border-radius: 999px;
    background: var(--rvp-sky);
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(15, 91, 189, 0.35);
}
.rvp-pill:hover[b-lptki800q5], .rvp-pill:focus-visible[b-lptki800q5] { background: var(--rvp-sky-deep); outline: 2px solid var(--rvp-sky-soft); outline-offset: 2px; }
.rvp-text-btn[b-lptki800q5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--rvp-bone);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(233, 236, 242, 0.35);
    text-underline-offset: 6px;
}
.rvp-text-btn:hover[b-lptki800q5], .rvp-text-btn:focus-visible[b-lptki800q5] { text-decoration-color: var(--rvp-gold); outline: none; }
.rvp-ask-go[b-lptki800q5] { color: var(--rvp-sky-soft); text-decoration-color: var(--rvp-sky-soft); }
.rvp-how[b-lptki800q5] { margin: 0; font-size: 0.92rem; color: var(--rvp-dim); }

.rvp-cue[b-lptki800q5] { width: 1px; height: 36px; margin: 6px auto 0; background: linear-gradient(var(--rvp-gold), transparent); }

/* each item: its title in the display face, the card lifted off a faint groomed slope */
.rvp-item-screen[b-lptki800q5] {
    background:
        linear-gradient(rgba(8, 10, 11, 0.9), rgba(8, 10, 11, 0.96)),
        url('/img/walkthrough/groomed.webp') center / cover;
}
.rvp-slide-title[b-lptki800q5] {
    margin: 0;
    font-family: var(--rvp-display);
    font-weight: 400;
    font-size: clamp(1.6rem, 6.6vw, 2.4rem);
    line-height: 1.08;
    letter-spacing: -0.018em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
/* what a slide holds sits on the page itself, in the page's colors, so it reads as part of the screen. the app's color
   names point at the page's palette, so whatever a slide holds follows it; charts and diagrams keep their own light plate */
.rvp-slide[b-lptki800q5] {
    min-width: 0;
    color: var(--rvp-bone);
    color-scheme: dark;
    --max360-text: var(--rvp-bone);
    --max360-text-muted: var(--rvp-dim);
    --max360-border: rgba(233, 236, 242, 0.14);
    --max360-bg: var(--rvp-ground);
    --max360-surface: var(--rvp-lift);
    --max360-link: var(--rvp-sky-soft);
    --max360-info-soft: rgba(94, 155, 236, 0.16);
    --max360-info-ink: #BFD9F2;
    --max360-warning-soft: rgba(242, 181, 60, 0.14);
    --max360-warning-ink: #F0C888;
    --max360-success-soft: rgba(31, 180, 87, 0.16);
    --max360-success-ink: #8FD9A8;
    --max360-danger-soft: rgba(224, 112, 92, 0.15);
    --max360-danger-ink: #F0A99B;
    --surface: var(--rvp-lift);
    --surface-2: var(--rvp-lift);
    --ink: var(--rvp-bone);
    --ink-dim: var(--rvp-dim);
    --rule: rgba(233, 236, 242, 0.14);
}
/* the item's own title row and controls repeat what the screen already says */
.rvp-slide[b-lptki800q5]  .mlb-head { display: none; }
.rvp-slide[b-lptki800q5]  .mlb { border: 0; box-shadow: none; margin: 0; background: none; overflow: visible; }
/* the body scrolls sideways, so it clips: its padding holds a piece waiting to be built and a lit figure's ring, and the
   margin takes the side padding back so the content lines up with the title */
.rvp-slide[b-lptki800q5]  :is(.mlb-body, .owr-slide) { margin: 0 -4px; padding: 4px 4px 12px; }
.rvp-slide[b-lptki800q5]  .rsn {
    margin: 18px 0 2px;
    padding: 2px 0 2px 14px;
    border-radius: 0;
    background: none;
    border-left: 2px solid var(--rvp-gold);
}
.rvp-slide[b-lptki800q5]  .rsn-from { color: var(--rvp-gold); }
.rvp-slide[b-lptki800q5]  .rsn-text { font-family: var(--rvp-display); font-size: 1.08rem; line-height: 1.45; }
/* headings in the title's face, ruled tables with gold column names, lists that line up with the title */
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown { font-size: 1rem; line-height: 1.55; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(h1, h2, h3, h4) {
    margin: 1.3em 0 0.45em;
    font-family: var(--rvp-display);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(h1, h2) { font-size: 1.45rem; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(h3, h4) { font-size: 1.15rem; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown > :first-child { margin-top: 0; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(ul, ol) { margin: 0.4em 0 0.8em; padding-left: 1.3em; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown li + li { margin-top: 0.3em; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown table { margin: 0.6em 0 1em; font-size: 0.92rem; border: 0; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(th, td) { padding: 0.5em 0.7em; border: 0; border-bottom: 1px solid var(--max360-border); text-align: left; vertical-align: top; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(th, td):first-child { padding-left: 0; }
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown th {
    background: none;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rvp-gold);
    border-bottom: 1px solid rgba(242, 181, 60, 0.5);
}
.rvp-slide[b-lptki800q5]  .max360-viewer-markdown tr:last-child td { border-bottom: 0; }
.rvp-slide[b-lptki800q5]  :is(.chart-wide, .chart-phone) svg { border-radius: 10px; }
.rvp-slide[b-lptki800q5]  .graph-more { fill: var(--rvp-sky-soft); }
@media (max-width: 700px) {
    .rvp-slide[b-lptki800q5]  .max360-viewer-markdown table { font-size: 0.82rem; }
    .rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(th, td) { padding: 0.45em 0.35em; }
    .rvp-slide[b-lptki800q5]  .max360-viewer-markdown th { font-size: 0.72rem; letter-spacing: 0; }
    .rvp-slide[b-lptki800q5]  .max360-viewer-markdown :is(h1, h2) { font-size: 1.35rem; }
}

.rvp-ask[b-lptki800q5] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; }
.rvp-next[b-lptki800q5] { margin-left: auto; color: var(--rvp-dim); }

/* a wide screen gives the portrait cover its own column, as the walkthrough pages do */
@media (min-width: 900px) {
    .rvp-photo-cover[b-lptki800q5] { left: auto; bottom: 0; width: 46%; height: 100%; }
    .rvp-cover-screen .rvp-veil[b-lptki800q5] { background: linear-gradient(90deg, var(--rvp-ground) 48%, rgba(8, 10, 11, 0.55) 62%, rgba(8, 10, 11, 0) 80%); }
    .rvp-cover-screen .rvp-face[b-lptki800q5] { margin: 0 auto 0 6vw; max-width: 560px; }
    .rvp-cover-screen[b-lptki800q5] { justify-content: center; }
}

@media (prefers-reduced-motion: no-preference) {
    .rvp-photo-cover[b-lptki800q5] { animation: rvp-drift-b-lptki800q5 24s ease-out both; }
}
@keyframes rvp-drift-b-lptki800q5 { from { transform: scale(1.08); } to { transform: scale(1); } }

/* each screen's words rise as it scrolls in; a browser without view timelines shows them still */
@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .rvp-rise[b-lptki800q5] { animation: rvp-rise-b-lptki800q5 linear both; animation-timeline: view(); animation-range: entry 5% cover 35%; }
    }
}
@keyframes rvp-rise-b-lptki800q5 { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
/* /Components/Library/ReviewSendDialog.razor.rz.scp.css */
.rsd-backdrop[b-sgcfcvkl83] { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1060; }

.rsd[b-sgcfcvkl83] {
    position: fixed;
    z-index: 1061;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(640px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    display: flex;
    flex-direction: column;
    background: var(--max360-surface);
    color: var(--max360-text);
    border-radius: 14px;
    box-shadow: 0 0 0 1px var(--max360-border), 0 14px 40px rgba(0, 0, 0, 0.25);
}

.rsd-head[b-sgcfcvkl83] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 18px; border-bottom: 1px solid var(--max360-border); }
.rsd-head h2[b-sgcfcvkl83] { margin: 0; font-size: 17px; font-weight: 600; }

/* the page's microphone, which this screen covers on a phone */
.rsd-voice[b-sgcfcvkl83] { display: flex; align-items: center; gap: 8px 14px; padding: 6px 18px; border-bottom: 1px solid var(--max360-border); }
.rsd-voice-word[b-sgcfcvkl83] { flex: 1; min-width: 0; font-size: 14px; color: var(--max360-text-muted); }

.rsd-body[b-sgcfcvkl83] { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 18px; display: flex; flex-direction: column; gap: 12px; }
/* the body scrolls; without this a child that scrolls sideways (the photo strip) is squeezed to a sliver on a tall screen */
.rsd-body > *[b-sgcfcvkl83] { flex-shrink: 0; }
.rsd-foot[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--max360-border); }
.rsd-need[b-sgcfcvkl83] { margin-right: auto; font-size: 13px; color: var(--max360-text-muted); }

/* the one solid button on the screen: the thing it is for */
.rsd-send[b-sgcfcvkl83] {
    min-height: 40px; padding: 0 18px; border: 0; border-radius: 9px;
    background: var(--max360-primary); color: var(--max360-on-primary);
    font: 600 15px/1 var(--max360-font-body, 'Inter', system-ui, sans-serif); cursor: pointer;
}
.rsd-send:hover:not(:disabled)[b-sgcfcvkl83] { background: var(--max360-primary-dark); }
.rsd-send:disabled[b-sgcfcvkl83] { opacity: 0.45; cursor: default; }

.rsd-input[b-sgcfcvkl83] { width: 100%; border: 1px solid var(--max360-border); border-radius: 8px; padding: 8px 10px; background: var(--max360-bg); color: var(--max360-text); font-size: 16px; }

/* who */
.rsd-to[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 6px; }
.rsd-to-label[b-sgcfcvkl83] { font-weight: 600; margin: 0; }
.rsd-picker[b-sgcfcvkl83] { flex: 1 1 200px; min-width: 0; }
.rsd-chips[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; gap: 6px; }
.rsd-chip[b-sgcfcvkl83] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 11px; border-radius: 999px; background: var(--max360-info-soft);
            color: var(--max360-info-ink); font-size: 14px; max-width: 100%; overflow-wrap: anywhere; }
.rsd-chip-has[b-sgcfcvkl83] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.rsd-chip-bymax[b-sgcfcvkl83] { outline: 1.5px dashed var(--max360-warning-ink); outline-offset: -1.5px; }
.rsd-maxline[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0 0 8px; padding: 8px 12px; border-radius: 10px;
    background: var(--max360-info-soft); }
.rsd-sr[b-sgcfcvkl83] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rsd-amber[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 8px 12px; border-radius: 10px;
             background: var(--max360-warning-soft); color: var(--max360-warning-ink); font-size: 14px; }

/* the cover, as the reader will open it */
.rsd-cover[b-sgcfcvkl83] {
    position: relative; overflow: hidden; border-radius: 12px; min-height: 210px;
    display: flex; flex-direction: column; justify-content: flex-end; background: #080A0B; color: #fff;
}
.rsd-cover-photo[b-sgcfcvkl83] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.rsd-cover[b-sgcfcvkl83]::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(8, 10, 11, 0.05) 0%, rgba(8, 10, 11, 0.55) 45%, rgba(8, 10, 11, 0.92) 100%);
}
.rsd-cover-plain[b-sgcfcvkl83] { min-height: 150px; background: radial-gradient(120% 90% at 85% 0%, #17324f 0%, #080A0B 60%); color: #fff; }
.rsd-cover-tools[b-sgcfcvkl83] { position: absolute; top: 10px; right: 10px; z-index: 2; display: flex; gap: 6px; }
.rsd-pill[b-sgcfcvkl83] {
    display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 0 11px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(8, 10, 11, 0.55); color: #fff; font: 600 13px/1 var(--max360-font-body, 'Inter', system-ui, sans-serif); cursor: pointer;
}
.rsd-pill:hover[b-sgcfcvkl83], .rsd-pill:focus-visible[b-sgcfcvkl83] { background: rgba(8, 10, 11, 0.8); outline: 2px solid rgba(255, 255, 255, 0.5); }
.rsd-cover-face[b-sgcfcvkl83] { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; padding: 44px 16px 14px; }
.rsd-eyebrow[b-sgcfcvkl83] { font: 500 11px/1.2 'Reddit Mono', ui-monospace, monospace; letter-spacing: 0.12em; text-transform: uppercase; color: #F2B53C; }
.rsd-cover-title[b-sgcfcvkl83] {
    width: 100%; margin: 2px 0 0; padding: 2px 0 4px; border: 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.35); border-radius: 0;
    background: transparent; color: #fff; font: 500 24px/1.2 'Spectral', Georgia, serif;
}
.rsd-cover-title[b-sgcfcvkl83]::placeholder, .rsd-cover-note[b-sgcfcvkl83]::placeholder { color: rgba(255, 255, 255, 0.55); }
.rsd-cover-title:focus[b-sgcfcvkl83], .rsd-cover-note:focus[b-sgcfcvkl83] { outline: none; border-bottom-color: #F2B53C; }
/* the Max Live type box's font, as every note box here uses */
.rsd-cover-note[b-sgcfcvkl83] {
    width: 100%; min-height: 2.6em; resize: vertical; padding: 4px 0; border: 0; border-bottom: 1px dashed transparent; border-radius: 0;
    background: transparent; color: rgba(255, 255, 255, 0.85); font-family: inherit; font-size: 16px; line-height: 1.4;
}
.rsd-photos[b-sgcfcvkl83] { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; }
.rsd-photo[b-sgcfcvkl83] {
    flex: none; width: 88px; height: 62px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden;
    background: var(--max360-bg); color: var(--max360-text-muted); cursor: pointer; font-size: 12px; font-weight: 600;
}
.rsd-photo img[b-sgcfcvkl83] { display: block; width: 100%; height: 100%; object-fit: cover; }
.rsd-photo-none[b-sgcfcvkl83] { border: 1px dashed var(--max360-border); }
.rsd-photo.on[b-sgcfcvkl83] { border: 2px solid var(--max360-primary); }

/* sections */
.rsd-sec[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; margin-top: 4px; }
.rsd-sec-title[b-sgcfcvkl83] { font-weight: 600; font-size: 15px; }
.rsd-draft[b-sgcfcvkl83] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rsd-count[b-sgcfcvkl83] { color: var(--max360-text-muted); font-weight: 500; }
.rsd-hint[b-sgcfcvkl83] { color: var(--max360-text-muted); font-size: 13px; margin: -6px 0 0; }
.rsd-guidance[b-sgcfcvkl83] { width: 100%; resize: vertical; }
.rsd-restored[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; padding: 8px 12px; border-radius: 10px;
                background: var(--max360-info-soft); color: var(--max360-info-ink); font-size: 14px; }
.rsd-link-btn[b-sgcfcvkl83] { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.rsd-empty[b-sgcfcvkl83] { color: var(--max360-text-muted); font-size: 13px; margin: 0; padding: 12px; border: 1px dashed var(--max360-border); border-radius: 10px; }

/* the slides, in the order they are read */
.rsd-slides[b-sgcfcvkl83] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rsd-slide[b-sgcfcvkl83] {
    display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: start; gap: 2px 8px;
    padding: 8px 10px 10px 4px; border: 1px solid var(--max360-border); border-radius: 10px; background: var(--max360-surface);
}
.rsd-num[b-sgcfcvkl83] { font: 500 13px/2rem 'Reddit Mono', ui-monospace, monospace; color: var(--max360-text-muted); min-width: 1ch; }
.rsd-slide-main[b-sgcfcvkl83] { display: flex; flex-direction: column; min-width: 0; padding-top: 5px; }
.rsd-item-title[b-sgcfcvkl83] { overflow-wrap: anywhere; line-height: 1.35; }
.rsd-kind-word[b-sgcfcvkl83] { font-size: 12px; color: var(--max360-text-muted); }
.rsd-slide-acts[b-sgcfcvkl83] { display: flex; align-items: center; gap: 2px; }
.rsd-bl[b-sgcfcvkl83] { font: 500 10.5px/1 'Reddit Mono', ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase; color: var(--max360-warning-ink); margin-right: 2px; }
.rsd-star[b-sgcfcvkl83], .rsd-out[b-sgcfcvkl83] {
    display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: 0.4rem;
    background: none; color: var(--max360-text-muted); cursor: pointer;
}
.rsd-star.on[b-sgcfcvkl83], .rsd-star.on:hover[b-sgcfcvkl83] { color: #c98a0c; }
.rsd-star:hover[b-sgcfcvkl83], .rsd-out:hover[b-sgcfcvkl83], .rsd-star:focus-visible[b-sgcfcvkl83], .rsd-out:focus-visible[b-sgcfcvkl83] { color: var(--max360-text); outline: 2px solid var(--max360-border); }
.rsd-quote[b-sgcfcvkl83], .rsd-add-note[b-sgcfcvkl83], .rsd-slide-note[b-sgcfcvkl83] { grid-column: 3 / 5; }
.rsd-quote[b-sgcfcvkl83] {
    margin-top: 4px; padding: 2px 0 2px 10px; border: 0; border-left: 2px solid #c98a0c; background: none; text-align: left; color: var(--max360-text);
    font: italic 400 15px/1.45 'Spectral', Georgia, serif; white-space: pre-wrap; overflow-wrap: anywhere; cursor: text;
}
.rsd-add-note[b-sgcfcvkl83] { justify-self: start; margin-top: 2px; padding: 2px 0; border: 0; background: none; color: var(--max360-link); font-size: 13px; cursor: pointer; }
.rsd-slide-note[b-sgcfcvkl83] { margin-top: 4px; min-width: 0; resize: vertical; font-family: inherit; font-style: normal; line-height: 1.4; }
.rsd-slide .rsd-script-box[b-sgcfcvkl83], .rsd-slide .rsd-script-text[b-sgcfcvkl83], .rsd-slide .rsd-script-warn[b-sgcfcvkl83] { grid-column: 3 / 5; }
.rsd-slide .rsd-script-btn[b-sgcfcvkl83] { grid-column: 3 / 5; justify-self: start; margin-top: 4px; }
.rsd-script-box[b-sgcfcvkl83] { margin-top: 4px; min-width: 0; resize: vertical; font-family: inherit; line-height: 1.4; }
.rsd-script-text[b-sgcfcvkl83] {
    margin-top: 4px; padding: 2px 0 2px 10px; border: 0; border-left: 2px dashed var(--max360-border); background: none; text-align: left;
    color: var(--max360-text-muted); font-size: 14px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere;
}
.rsd-script-label[b-sgcfcvkl83] {
    display: block; font: 500 10.5px/1.6 'Reddit Mono', ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase;
}
.rsd-script-help[b-sgcfcvkl83], .rsd-script-warn[b-sgcfcvkl83] { font-size: 12.5px; color: var(--max360-text-muted); }
.rsd-cover-opts[b-sgcfcvkl83] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 8px 0 4px; }
.rsd-cover-opts .rsd-script-box[b-sgcfcvkl83] { align-self: stretch; }
.rsd-name-check[b-sgcfcvkl83] { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; min-height: 32px; }
@media (min-width: 701px) {
    .rsd-slide-note[b-sgcfcvkl83] { font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif); font-style: italic; font-size: 15px; line-height: 1.5; }
}
.rsd-grip[b-sgcfcvkl83] {
    flex: none; display: flex; align-items: center; justify-content: center;
    width: 1.75rem; height: 2rem; padding: 0; border: none; border-radius: 0.4rem; background: none;
    color: var(--max360-text-muted); cursor: grab; touch-action: none;
}
.rsd-grip:hover[b-sgcfcvkl83], .rsd-grip:focus-visible[b-sgcfcvkl83] { color: var(--max360-text); outline: 2px solid var(--max360-border); }
/* the drag script marks the moving row and where it would land */
.rsd-slide.mtb-dragging[b-sgcfcvkl83] { position: relative; z-index: 2; opacity: 0.92; cursor: grabbing; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.18); }
.rsd-slide.mtb-drop-before[b-sgcfcvkl83] { box-shadow: 0 -3px 0 var(--max360-primary); }
.rsd-slide.mtb-drop-after[b-sgcfcvkl83] { box-shadow: 0 3px 0 var(--max360-primary); }

/* the rest of the board, to add from */
.rsd-board[b-sgcfcvkl83] { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--max360-border); }
.rsd-board li[b-sgcfcvkl83] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 2px; border-bottom: 1px solid var(--max360-border); }
.rsd-board-title[b-sgcfcvkl83] { min-width: 0; overflow-wrap: anywhere; font-size: 14px; color: var(--max360-text-muted); }
.rsd-plus[b-sgcfcvkl83] {
    flex: none; display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border: 1px solid var(--max360-border); border-radius: 50%;
    background: var(--max360-surface); color: var(--max360-primary-ink, var(--max360-primary)); cursor: pointer;
}
.rsd-plus:hover[b-sgcfcvkl83], .rsd-plus:focus-visible[b-sgcfcvkl83] { border-color: var(--max360-primary); }
.rsd-more[b-sgcfcvkl83] { align-self: flex-start; }

.rsd-fixed[b-sgcfcvkl83] { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; overflow-wrap: anywhere; }
.rsd-fixed-note[b-sgcfcvkl83] { display: block; color: var(--max360-text-muted); font-size: 13px; white-space: pre-wrap; }

.rsd-check[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 10px; background: var(--max360-warning-soft); color: var(--max360-text); }
.rsd-gap[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 4px; padding-top: 6px; border-top: 1px solid var(--max360-border); }
.rsd-choices[b-sgcfcvkl83] { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 14px; }
.rsd-tag[b-sgcfcvkl83] { display: inline-block; margin-top: 2px; font-size: 12px; padding: 1px 6px; border-radius: 4px; background: var(--max360-info-soft); color: var(--max360-info-ink); }
.rsd-muted[b-sgcfcvkl83] { color: var(--max360-text-muted); font-size: 13px; margin: 0; }
.rsd-warn[b-sgcfcvkl83] { color: var(--max360-warning-ink); margin: 0; }
.rsd-error[b-sgcfcvkl83] { color: var(--max360-danger-ink); margin: 0; }
.rsd-tell[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 6px; }
.rsd-tell-label[b-sgcfcvkl83] { font-weight: 600; font-size: 14px; }
.rsd-kind[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 6px; }
.rsd-kind p[b-sgcfcvkl83] { margin: 0; }
.rsd-message[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1px solid var(--max360-border); border-radius: 10px;
               font-size: 13px; color: var(--max360-text-muted); overflow-wrap: anywhere; }

@media (max-width: 700px) {
    .rsd[b-sgcfcvkl83] { top: auto; bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px)); left: 0; right: 0; transform: none; width: 100%;
           max-height: calc(100dvh - var(--max360-phonebar-height) - env(safe-area-inset-bottom, 0px) - 24px); border-radius: 16px 16px 0 0; }
    .rsd-body[b-sgcfcvkl83] { padding: 12px 14px; }
    .rsd-voice[b-sgcfcvkl83] { padding: 6px 14px; }
    .rsd-cover[b-sgcfcvkl83] { min-height: 180px; }
    .rsd-cover-title[b-sgcfcvkl83] { font-size: 21px; }
    .rsd-grip[b-sgcfcvkl83] { width: 2.25rem; height: 2.75rem; font-size: 1.15rem; }
    .rsd-star[b-sgcfcvkl83], .rsd-out[b-sgcfcvkl83], .rsd-plus[b-sgcfcvkl83] { width: 2.5rem; height: 2.5rem; }
    .rsd-tell .rsd-choices label[b-sgcfcvkl83] { min-height: 40px; display: inline-flex; align-items: center; gap: 6px; }
    .rsd-kind label[b-sgcfcvkl83] { min-height: 40px; display: inline-flex; align-items: center; gap: 6px; }
}

.rsd-sent[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 8px; }
.rsd-person[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 4px; padding-top: 6px; border-top: 1px solid var(--max360-border); min-width: 0; }
.rsd-link[b-sgcfcvkl83] { display: flex; gap: 8px; align-items: center; }
.rsd-link .rsd-input[b-sgcfcvkl83] { flex: 1; min-width: 0; }

/* people without Agent Max: their chips, the field to type an address, and their lines after the send */
.rsd-chip-outside[b-sgcfcvkl83] { background: var(--max360-surface); color: var(--max360-text); border: 1px solid var(--max360-border); }
.rsd-outside-sent[b-sgcfcvkl83] { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--max360-border); }
.rsd-check-ack[b-sgcfcvkl83] { display: flex; gap: 8px; align-items: center; font-size: 14px; }
/* /Components/Library/ReviewSlideBody.razor.rz.scp.css */
.rsb-muted[b-fmm65gid1j] { margin: 0; font-size: 13px; color: var(--max360-text-muted); }
/* /Components/Library/ReviewSlideNote.razor.rz.scp.css */
.rsn[b-fv6pknds9a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--max360-info-soft);
    min-width: 0;
}

.rsn-from[b-fv6pknds9a] { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--max360-text-muted); }
.rsn-text[b-fv6pknds9a] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--max360-text); }
/* /Components/Library/SameAsDirectoryPicker.razor.rz.scp.css */
.same-as-directory[b-2n47v0riht] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}

.same-as-heading[b-2n47v0riht] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.same-as-note[b-2n47v0riht] {
    margin: 0.2rem 0 0.5rem;
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.same-as-entries[b-2n47v0riht] {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
}

.same-as-entries li[b-2n47v0riht] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--max360-border);
}

.same-as-entry-name[b-2n47v0riht] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.same-as-entry-domains[b-2n47v0riht],
.same-as-entry-current[b-2n47v0riht] {
    flex: 1 1 10rem;
    min-width: 0;
    color: var(--max360-text-muted);
    font-size: 0.9em;
    overflow-wrap: anywhere;
}

.same-as-confirm[b-2n47v0riht],
.same-as-buttons[b-2n47v0riht] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.same-as-add[b-2n47v0riht] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-width: 36rem;
}

.same-as-add input[b-2n47v0riht],
.same-as-add textarea[b-2n47v0riht] {
    width: 100%;
    min-width: 0;
}

.same-as-add label[b-2n47v0riht] {
    font-weight: 600;
    margin-top: 0.35rem;
}
/* /Components/Library/SameAsLine.razor.rz.scp.css */
.same-as-line[b-ajh8xa4o3y] {
    margin: 0.25rem 0 0.75rem;
}

.same-as-current[b-ajh8xa4o3y],
.same-as-question[b-ajh8xa4o3y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    margin: 0.35rem 0;
    overflow-wrap: anywhere;
}

.same-as-buttons[b-ajh8xa4o3y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
/* /Components/Library/SendCard.razor.rz.scp.css */
.mlsc[b-jbrx8mli9c] { display: flex; flex-direction: column; gap: 0.5rem; margin: 0 0 0.75rem; min-width: 0; }
.mlsc[hidden][b-jbrx8mli9c] { display: none; }
/* in a chat the cards sit between the conversation and the typing box; capped, they scroll on their own instead of
   pushing both off a phone's screen */
.mlsc-chat[b-jbrx8mli9c] { flex: 0 1 auto; min-height: 0; max-height: 50vh; max-height: 50dvh; overflow-y: auto; overscroll-behavior: contain; }
.mlsc-card[b-jbrx8mli9c] { min-width: 0; padding: 0.7rem 0.85rem; border-radius: 10px; border: 1px solid var(--max360-border);
             background: var(--max360-surface); color: var(--max360-text); }
.mlsc-what[b-jbrx8mli9c] { margin: 0 0 0.4rem; font-size: 1rem; font-weight: 600; }
.mlsc-fields[b-jbrx8mli9c] { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.2rem 0.75rem; font-size: 0.9rem; }
.mlsc-fields dt[b-jbrx8mli9c] { font-weight: 600; color: var(--max360-text-muted); }
.mlsc-fields dd[b-jbrx8mli9c] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.mlsc bdi[b-jbrx8mli9c] { unicode-bidi: isolate; }
.mlsc-destination[b-jbrx8mli9c] { font-weight: 600; }
.mlsc-unusual[b-jbrx8mli9c] { display: block; font-size: 0.8rem; font-weight: 600; color: var(--max360-danger, var(--max360-text)); }
.mlsc-body[b-jbrx8mli9c] { margin-top: 0.4rem; font-size: 0.9rem; min-width: 0; }
.mlsc-body-label[b-jbrx8mli9c] { margin: 0; font-weight: 600; color: var(--max360-text-muted); }
.mlsc-body-text[b-jbrx8mli9c] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 12rem; overflow-y: auto; }
.mlsc-hint[b-jbrx8mli9c] { margin: 0.5rem 0 0; font-size: 0.9rem; color: var(--max360-text-muted); }
.mlsc-actions[b-jbrx8mli9c] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.6rem; }
.mlsc-button[b-jbrx8mli9c] { min-height: 44px; min-width: 88px; }
.mlsc-outcome[b-jbrx8mli9c] { margin: 0; padding: 0.5rem 0.8rem; border-radius: 10px; font-size: 0.9rem; overflow-wrap: anywhere;
                background: var(--max360-info-soft); color: var(--max360-info-ink); }
.mlsc-outcome-not-done[b-jbrx8mli9c] { background: var(--max360-surface); border: 1px solid var(--max360-border); color: var(--max360-text); }

@media (max-width: 700px) {
    .mlsc-chat .mlsc-fields[b-jbrx8mli9c] { grid-template-columns: minmax(0, 1fr); }
    .mlsc-chat .mlsc-fields dd[b-jbrx8mli9c] { margin-bottom: 0.3rem; }
    .mlsc-body-text[b-jbrx8mli9c] { max-height: 8rem; }
    .mlsc-button[b-jbrx8mli9c] { flex: 1 1 0; }
}
/* /Components/Library/Skills/SharedSkillBanners.razor.rz.scp.css */
.ssb-list[b-hunmy9v3z8] { margin-bottom: 1rem; }

/* the sentence takes the room it needs; the controls sit to its right, or under it when the line is too narrow */
.ssb-banner[b-hunmy9v3z8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem 1rem;
}
.ssb-banner:last-child[b-hunmy9v3z8] { margin-bottom: 0; }

.ssb-text[b-hunmy9v3z8] { flex: 1 1 18rem; min-width: 0; }

/* the small buttons' size, which the link inherits, so the link and buttons sit on one line */
.ssb-actions[b-hunmy9v3z8] { flex: 0 0 auto; font-size: 0.8125rem; }
/* /Components/Library/SurfaceChatCompact.razor.rz.scp.css */
/* Override ChatProgressIndicator's default boxed blue-pill look to match the
   quiet mono status line used by the /ask page. Requires a .razor.css file
   (not an inline <style>) so Blazor processes ::deep and pierces the child
   component's CSS isolation scope. */

.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-strip {
    margin: 16px 0 0;
    padding: 0;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 0;
    font-family: var(--max360-font-label);
    font-size: 11px;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--ink-dim);
}
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-strip.max360-status-error {
    background: transparent;
    border: none;
    color: var(--max360-danger, #b91c1c);
}
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-strip.max360-status-patient {
    background: transparent;
    border: none;
    color: var(--ink);
}
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-strip.max360-status-reassure {
    background: transparent;
    border: none;
    color: var(--accent);
}
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-spinner {
    width: 0.8rem;
    height: 0.8rem;
    border-width: 1.5px;
    border-color: var(--rule);
    border-top-color: var(--accent);
}
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-label { font-weight: 500; }
.graph-chat-messages[b-pmt8cs3ogu]  .max360-chat-status-elapsed {
    color: var(--ink-dim);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
/* /Components/Library/TalkSoundPanel.razor.rz.scp.css */
/* opens upward from the page's controls; the page gives the panel a positioned parent and may set --sp-gap */
.sp[b-b82gudwznr] {
    position: absolute;
    right: 0;
    bottom: calc(100% + var(--sp-gap, 12px));
    z-index: 2;
    width: min(320px, 100%);
    max-height: min(60vh, 520px);
    overflow-y: auto;
    padding: 2px 10px 10px;
    scrollbar-width: thin;
    scrollbar-color: var(--rule) transparent;
    border: 1px solid var(--rule);
    border-radius: 0.5rem;
    background: var(--max360-surface, var(--bg));
    color: var(--ink);
    text-align: left;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08);
    animation: sp-pop-b-b82gudwznr 160ms ease-out both;
}
.sp:focus[b-b82gudwznr] { outline: none; }
.sp-head[b-b82gudwznr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.sp-title[b-b82gudwznr] {
    margin: 0;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--ink);
}
.sp-done[b-b82gudwznr] {
    min-height: 44px;
    padding: 0 2px 0 12px;
    border: 0;
    background: none;
    color: var(--accent);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
}
.sp-done:focus-visible[b-b82gudwznr] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 6px;
}
.sp-group[b-b82gudwznr] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.sp-group + .sp-group[b-b82gudwznr] { margin-top: 10px; }
.sp-legend[b-b82gudwznr] {
    float: none;
    width: auto;
    margin: 0;
    padding: 2px 4px 4px;
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1.3;
    color: var(--ink-dim);
}
.sp-row[b-b82gudwznr] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0;
    padding: 0 10px;
    background: var(--surface-2);
    color: color-mix(in srgb, var(--ink) 80%, var(--surface-2));
    font-size: 0.75rem;
    font-weight: 400;
    cursor: pointer;
}
.sp-row + .sp-row[b-b82gudwznr] { border-top: 1px solid var(--rule); }
.sp-row:first-of-type[b-b82gudwznr] { border-radius: 6px 6px 0 0; }
.sp-row:last-of-type[b-b82gudwznr] { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.sp-row:focus-within[b-b82gudwznr] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}
/* the radio stays in the page for the keyboard and the screen reader; the check mark draws its state */
.sp-row input[b-b82gudwznr] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
/* one line each, as a device list on a phone reads; the whole name is in the row's title */
.sp-name[b-b82gudwznr] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sp-check[b-b82gudwznr] {
    flex: 0 0 auto;
    visibility: hidden;
    color: var(--accent);
    font-size: 0.85rem;
}
.sp-row input:checked ~ .sp-check[b-b82gudwznr] { visibility: visible; }
/* the device in use reads at full strength; the others a little softer */
.sp-row:has(input:checked)[b-b82gudwznr] { color: var(--ink); }
.sp-note[b-b82gudwznr] {
    margin: 5px 4px 0;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ink-dim);
}
/* the slider keeps a 44px row on a phone, so a thumb can take it */
.sp-volume[b-b82gudwznr] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 10px;
    border-radius: 6px;
    background: var(--surface-2);
    color: var(--ink-dim);
    font-size: 0.85rem;
}
.sp-volume input[b-b82gudwznr] {
    flex: 1 1 auto;
    min-width: 0;
    accent-color: var(--accent);
}
.sp-volume-value[b-b82gudwznr] {
    flex: 0 0 3.2em;
    text-align: right;
    font-size: 0.75rem;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}
@media (min-width: 701px) {
    .sp-row[b-b82gudwznr] { min-height: 32px; }
    .sp-volume[b-b82gudwznr] { min-height: 36px; }
    .sp-done[b-b82gudwznr] { min-height: 30px; }
}
@media (max-width: 700px) {
    .sp[b-b82gudwznr] {
        left: 0;
        width: auto;
        max-height: 50vh;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sp[b-b82gudwznr] { animation: none; }
}
@keyframes sp-pop-b-b82gudwznr {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: none; }
}
/* /Components/Library/UsageHourBars.razor.rz.scp.css */
.uhb[b-w2gm2e7z6h] { margin: 0; min-width: 0; }
.uhb-chart[b-w2gm2e7z6h] { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: 8rem auto; column-gap: .4rem; }
.uhb-scale[b-w2gm2e7z6h] { grid-row: 1; grid-column: 1; align-self: start; font-size: .75rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; }
.uhb-bars[b-w2gm2e7z6h] { grid-row: 1; grid-column: 2; display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px; align-items: end; border-bottom: 1px solid var(--max360-border); }
.uhb-col[b-w2gm2e7z6h] { height: 100%; display: flex; align-items: flex-end; }
.uhb-bar[b-w2gm2e7z6h] { display: block; width: 100%; background: var(--max360-primary); border-radius: 2px 2px 0 0; }
.uhb-axis[b-w2gm2e7z6h] { grid-row: 2; grid-column: 2; display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); font-size: .7rem; color: var(--max360-text-muted); white-space: nowrap; }
.uhb-caption[b-w2gm2e7z6h] { margin-top: .5rem; font-size: .875rem; color: var(--max360-text-muted); }

@media (max-width: 700px) {
    .uhb-chart[b-w2gm2e7z6h] { grid-template-rows: 6.5rem auto; }
    .uhb-bars[b-w2gm2e7z6h] { gap: 1px; }
}
/* /Components/Library/UserMenu.razor.rz.scp.css */
/* Mirrors ScopePicker.razor.css, which is the rail's other popup. Same backdrop, same surface,
   same border and shadow — the difference is that this one sits at the FOOT of the rail, so it
   opens upward from the button rather than downward from it. */

.user-menu[b-qhgodrrdlh] {
    position: relative;
    display: inline-flex;
}

.user-menu-backdrop[b-qhgodrrdlh] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.user-menu-popup[b-qhgodrrdlh] {
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: 0.4rem;
    z-index: 1050;
    min-width: 13rem;
    max-width: 18rem;
    padding: 0.35rem;
    background: var(--surface-2, #1A2540);
    border: 1px solid var(--rule, #e5e7eb);
    border-radius: 0.5rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.user-menu-who[b-qhgodrrdlh] {
    padding: 0.4rem 0.6rem 0.5rem;
    border-bottom: 1px solid var(--rule, #e5e7eb);
    margin-bottom: 0.25rem;
}

.user-menu-label[b-qhgodrrdlh] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--max360-text-muted, #6b7280);
}

/* The address is the one value here that can be arbitrarily long, and it is the whole point of
   the header, so it wraps rather than being clipped to something that reads like a different
   address. */
.user-menu-upn[b-qhgodrrdlh] {
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.user-menu-form[b-qhgodrrdlh] {
    display: block;
    margin: 0;
}

.user-menu-item[b-qhgodrrdlh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: inherit;
    font-size: 0.9rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

/* A neutral overlay rather than a token: the palette has --surface and --surface-2 and no third
   step, and --surface-2 is already this menu's own background, so naming it would tint the row to
   exactly what it sits on. Gray at low alpha darkens the light theme and lightens the dark one. */
.user-menu-item:hover[b-qhgodrrdlh],
.user-menu-item:focus-visible[b-qhgodrrdlh] {
    background: rgba(128, 128, 128, 0.16);
}
/* /Components/Library/WalkthroughButton.razor.rz.scp.css */
.wtb[b-79e6c0w1iq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    max-width: 100%;
    min-height: 32px;
    padding: 0 0.7rem;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    background: var(--max360-surface);
    color: var(--accent);
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.wtb:hover[b-79e6c0w1iq] { background: var(--surface-2); }

.wtb:focus-visible[b-79e6c0w1iq] {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.wtb-word[b-79e6c0w1iq] { flex: 0 0 auto; }

.wtb-status[b-79e6c0w1iq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--max360-text-muted);
    font-weight: 500;
}

.wtb-status[b-79e6c0w1iq]::before { content: "\00B7  "; }

.wtb-caret[b-79e6c0w1iq] { font-size: 0.7rem; color: var(--max360-text-muted); }

.wtb-dot[b-79e6c0w1iq] {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--max360-text-muted);
}

.wtb-dot.wtc-dot-all[b-79e6c0w1iq] { background: var(--max360-success); }
.wtb-dot.wtc-dot-some[b-79e6c0w1iq] { background: var(--max360-warning); }
.wtb-dot.wtc-dot-none[b-79e6c0w1iq] { background: var(--max360-warning); opacity: 0.55; }
.wtb-dot.wtc-dot-quiet[b-79e6c0w1iq] { background: var(--max360-border); }

/* a phone: the status is what matters, so the name gives way to it */
@media (max-width: 700px) {
    .wtb[b-79e6c0w1iq] { min-height: 36px; }
    .wtb:has(.wtb-status) .wtb-word[b-79e6c0w1iq] { display: none; }
    .wtb-status[b-79e6c0w1iq]::before { content: none; }
}
/* /Components/Library/WalkthroughControl.razor.rz.scp.css */
/* above the phone's bottom bar (1030) and below the send dialog (1060) */
.wtc-backdrop[b-cl0dwh9w7z] {
    position: fixed;
    inset: 0;
    z-index: 1044;
    background: rgba(0, 0, 0, 0.18);
}

/* a desk: a card at the top right, where the board is */
.wtc-panel[b-cl0dwh9w7z] {
    position: fixed;
    z-index: 1045;
    top: 4.5rem;
    right: 1.25rem;
    width: min(28rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 6rem);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1rem 1rem;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.75rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

/* a phone: a sheet along the bottom, over the bar */
@media (max-width: 700px) {
    .wtc-panel[b-cl0dwh9w7z] {
        top: auto;
        left: 0.5rem;
        right: 0.5rem;
        bottom: calc(env(safe-area-inset-bottom) + 0.5rem);
        width: auto;
        max-height: 75dvh;
        font-size: 0.9375rem;
    }
}

.wtc-panel-head[b-cl0dwh9w7z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.wtc-panel-title[b-cl0dwh9w7z] { font-weight: 600; }

.wtc-x[b-cl0dwh9w7z] { min-width: 44px; margin: -0.5rem -0.6rem -0.5rem 0; }

.wtc-note[b-cl0dwh9w7z] { margin: 0; color: var(--max360-text-muted); }

.wtc-create[b-cl0dwh9w7z] { display: flex; align-items: center; gap: 0.6rem; width: 100%; text-align: left; }

.wtc-create-text[b-cl0dwh9w7z] { display: flex; flex-direction: column; }

.wtc-create-why[b-cl0dwh9w7z] { font-weight: 400; font-size: 0.8125rem; color: var(--max360-text-muted); }

.wtc-send[b-cl0dwh9w7z] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}

.wtc-send-head[b-cl0dwh9w7z] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0 0.75rem;
}

.wtc-send-title[b-cl0dwh9w7z] { font-weight: 600; }

.wtc-send-when[b-cl0dwh9w7z] { font-size: 0.8125rem; color: var(--max360-text-muted); }

.wtc-people[b-cl0dwh9w7z] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wtc-person[b-cl0dwh9w7z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.6rem;
}

.wtc-name[b-cl0dwh9w7z] { flex: 1 1 8rem; min-width: 0; }

.wtc-chip[b-cl0dwh9w7z] {
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.wtc-chip-opened[b-cl0dwh9w7z] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.wtc-chip-waiting[b-cl0dwh9w7z] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.wtc-chip-ended[b-cl0dwh9w7z] { background: var(--surface-2); color: var(--max360-text-muted); }

.wtc-confirm[b-cl0dwh9w7z] {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.wtc-acts[b-cl0dwh9w7z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wtc-error[b-cl0dwh9w7z] { margin: 0; color: var(--max360-danger-ink); }

.wtc-opens[b-cl0dwh9w7z] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 12px; padding-top: 10px;
             border-top: 1px solid var(--max360-border); font-size: 13px; color: var(--max360-text-muted); }
.wtc-opens-line[b-cl0dwh9w7z] { flex-basis: 100%; }
/* /Components/Maintenance/MaintenanceNotice.razor.rz.scp.css */
/* MaintenancePageDocument.Style carries these same rules inline for the middleware render,
   which cannot rely on any stylesheet loading; keep the two aligned. */
.max360-maintenance[b-fyy143uwga] {
    max-width: 44rem;
    margin: 4rem auto;
    padding: 0 1.25rem;
    line-height: 1.5;
}

.max360-maintenance-kicker[b-fyy143uwga] {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .8rem;
    color: var(--max360-text-muted, #4b5563);
    margin: 0 0 .5rem;
}

.max360-maintenance h1[b-fyy143uwga] {
    font-family: Fraunces, Georgia, serif;
    font-weight: 500;
    font-size: 2rem;
    margin: 0 0 .75rem;
}

.max360-maintenance h2[b-fyy143uwga] {
    font-size: 1.1rem;
    margin: 2rem 0 .5rem;
}

.max360-maintenance pre[b-fyy143uwga] {
    background: #1f2933;
    color: #f6f4ef;
    padding: 1rem;
    border-radius: .5rem;
    overflow-x: auto;
    font-size: .85rem;
}

.max360-maintenance code[b-fyy143uwga] {
    font-family: var(--max360-font-label);
}

.max360-maintenance a[b-fyy143uwga] {
    color: var(--max360-link, #0b5cad);
}
/* /Components/Pages/Admin/AccessActionsTab.razor.rz.scp.css */
.ap-head[b-nps9km490p] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ap-lead[b-nps9km490p] { margin: 0; }
.ap-head[b-nps9km490p] { margin-bottom: 1rem; }
.ap-create[b-nps9km490p] { margin-bottom: 1rem; }
.ap-search[b-nps9km490p] { max-width: 28rem; margin-bottom: 1rem; }

.ap-area[b-nps9km490p] { border-top: 1px solid var(--max360-border); }
.ap-area:last-of-type[b-nps9km490p] { border-bottom: 1px solid var(--max360-border); }
.ap-area > summary[b-nps9km490p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    cursor: pointer;
    font-weight: 600;
}
.ap-area-count[b-nps9km490p] { color: var(--max360-text-muted); font-weight: 400; font-variant-numeric: tabular-nums; }

.ap-list[b-nps9km490p] { list-style: none; margin: 0 0 0.75rem; padding: 0; }
.ap-item[b-nps9km490p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    flex-wrap: wrap;
    padding: 0.6rem 0;
}
.ap-item + .ap-item[b-nps9km490p] { border-top: 1px solid var(--max360-border); }
.ap-item-main[b-nps9km490p] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; flex: 1 1 20rem; }
.ap-name[b-nps9km490p] { font-size: 0.85rem; overflow-wrap: anywhere; background: none; padding: 0; color: var(--max360-text); font-weight: 600; }
.ap-desc[b-nps9km490p] { font-size: 0.875rem; color: var(--max360-text-muted); max-width: 70ch; }
.ap-granted[b-nps9km490p] { display: flex; align-items: center; flex-wrap: wrap; gap: 0 0.75rem; font-size: 0.85rem; }
.ap-editor[b-nps9km490p] { flex-basis: 100%; }
.ap-warn[b-nps9km490p] { color: var(--max360-warning-ink); }
.ap-inline-hint[b-nps9km490p] { margin: 0; }
/* /Components/Pages/Admin/AccessRolesTab.razor.rz.scp.css */
.ar-list-head[b-btozlbx63y] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ar-lead[b-btozlbx63y] { margin: 0; }
.ar-list-head[b-btozlbx63y] { margin-bottom: 1rem; }
.ar-create[b-btozlbx63y] { margin-bottom: 1rem; }
.ar-num[b-btozlbx63y] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ar-role-link[b-btozlbx63y] { text-align: left; }

.ar-role-nav[b-btozlbx63y] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.75rem; }
.ar-role-meta[b-btozlbx63y] { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 0 0 1rem; color: var(--max360-text-muted); font-size: 0.9rem; }
.ar-inline-hint[b-btozlbx63y] { margin: 0; }

.ar-filter-row[b-btozlbx63y] { display: flex; align-items: flex-end; gap: 1rem 1.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.ar-search[b-btozlbx63y] { flex: 1 1 16rem; max-width: 28rem; }
.ar-check[b-btozlbx63y] { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 44px; cursor: pointer; white-space: nowrap; }

.ar-area[b-btozlbx63y] { border-top: 1px solid var(--max360-border); }
.ar-area:last-of-type[b-btozlbx63y] { border-bottom: 1px solid var(--max360-border); }
.ar-area > summary[b-btozlbx63y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    cursor: pointer;
    font-weight: 600;
}
.ar-area-count[b-btozlbx63y] { color: var(--max360-text-muted); font-weight: 400; font-variant-numeric: tabular-nums; }
.ar-area-bulk[b-btozlbx63y] { display: flex; gap: 1rem; flex-wrap: wrap; }

.ar-perms[b-btozlbx63y] { list-style: none; margin: 0 0 0.75rem; padding: 0; }
.ar-perm[b-btozlbx63y] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 0.6rem;
    padding: 0.45rem 0.25rem;
    border-radius: 4px;
}
.ar-perm input[b-btozlbx63y] { margin-top: 0.2rem; }
.ar-perm label[b-btozlbx63y] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; cursor: pointer; }
.ar-perm.is-changed[b-btozlbx63y] { background: var(--surface-2); }
.ar-perm-name[b-btozlbx63y] { font-size: 0.85rem; overflow-wrap: anywhere; background: none; padding: 0; color: var(--max360-text); }
.ar-perm-desc[b-btozlbx63y] { font-size: 0.85rem; color: var(--max360-text-muted); max-width: 70ch; }

.ar-holders[b-btozlbx63y] { list-style: none; margin: 0; padding: 0; columns: 16rem; column-gap: 2rem; }
.ar-holders li[b-btozlbx63y] { padding: 0.3rem 0; break-inside: avoid; }

.ar-draft-bar[b-btozlbx63y] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.5rem 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    box-shadow: 0 -2px 10px rgba(15, 23, 42, 0.08);
}
.ar-draft-bar.is-unsaved[b-btozlbx63y] {
    background: var(--max360-warning-soft);
    border: 2px solid var(--max360-warning);
    color: var(--max360-warning-ink);
}
.ar-draft-summary[b-btozlbx63y] { font-weight: 600; }

@media (max-width: 700px) {
    .ar-draft-bar[b-btozlbx63y] { bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px)); }
}
/* /Components/Pages/Admin/AccessUserRolesTab.razor.rz.scp.css */
.au-lead[b-fa24d2ejtw] { margin: 0 0 1rem; }
.au-filters[b-fa24d2ejtw] { display: flex; align-items: flex-end; gap: 1rem 1.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.au-search[b-fa24d2ejtw] { flex: 1 1 16rem; max-width: 28rem; }
.au-chips[b-fa24d2ejtw] { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.au-list[b-fa24d2ejtw] { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--max360-border); }
.au-row[b-fa24d2ejtw] {
    display: flex;
    align-items: center;
    gap: 0.5rem 1rem;
    flex-wrap: wrap;
    min-height: 44px;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--max360-border);
}
.au-who[b-fa24d2ejtw] { display: flex; align-items: center; gap: 0.5rem; flex: 0 1 16rem; min-width: 0; overflow-wrap: anywhere; }
.au-kind[b-fa24d2ejtw] { font-size: 0.85rem; }
.au-roles[b-fa24d2ejtw] { display: flex; flex-wrap: wrap; gap: 0.35rem; list-style: none; margin: 0; padding: 0; }
.au-role[b-fa24d2ejtw] { padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.8rem; }
.au-panel[b-fa24d2ejtw] { flex-basis: 100%; }
/* /Components/Pages/Admin/ArchiveFeed.razor.rz.scp.css */
.af[b-xp43i0eowl] { max-width: 60rem; }
.af-head[b-xp43i0eowl] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.af-head h1[b-xp43i0eowl] { display: inline; margin-right: 0.5rem; }
.af-state[b-xp43i0eowl] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.85rem; background: var(--max360-surface); color: var(--max360-text); }
.af-state-ok[b-xp43i0eowl] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.af-state-failing[b-xp43i0eowl], .af-state-stopped[b-xp43i0eowl] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.af-state-held[b-xp43i0eowl], .af-state-behind[b-xp43i0eowl] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.af-card[b-xp43i0eowl] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; }
.af-h2[b-xp43i0eowl] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.af-muted[b-xp43i0eowl] { color: var(--max360-text-muted); font-size: 0.9rem; }
.af-message[b-xp43i0eowl] { margin-top: 0.5rem; }
.af-buttons[b-xp43i0eowl] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.5rem; }
.af-range[b-xp43i0eowl] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.af-range label[b-xp43i0eowl] { display: flex; gap: 0.35rem; align-items: center; }
.af-list[b-xp43i0eowl] { list-style: none; padding: 0; margin: 0; }
.af-row[b-xp43i0eowl] { padding: 0.6rem 0; border-top: 1px solid var(--max360-border); }
.af-row-top[b-xp43i0eowl] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: baseline; }
.af-when[b-xp43i0eowl] { font-variant-numeric: tabular-nums; }
.af-status[b-xp43i0eowl] { margin-left: auto; font-weight: 600; }
.af-row-failed .af-status[b-xp43i0eowl], .af-row-held .af-status[b-xp43i0eowl] { color: var(--max360-danger-ink); }
.af-row-detail[b-xp43i0eowl] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.9rem; overflow-wrap: anywhere; }
.af-mid[b-xp43i0eowl] { font-family: ui-monospace, monospace; font-size: 0.8rem; }
.af-reply[b-xp43i0eowl] { font-family: ui-monospace, monospace; font-size: 0.8rem; }
.af-skip-reason[b-xp43i0eowl] { flex: 1 1 14rem; min-width: 0; font-size: 16px; }
@media (max-width: 700px) {
    .af-row-top[b-xp43i0eowl] { gap: 0.4rem 0.75rem; }
    .af-status[b-xp43i0eowl] { margin-left: 0; width: 100%; }
}
/* /Components/Pages/Admin/Connectors/AddDropboxBinding.razor.rz.scp.css */
.od-page[b-h3a9zhtrey] { max-width: 720px; margin: 0 auto; }
.od-back[b-h3a9zhtrey] { margin-bottom: 0.25rem; }
.od-small[b-h3a9zhtrey] { font-size: 0.875rem; }

.od-setup-steps[b-h3a9zhtrey] { padding-left: 1.25rem; margin: 0.5rem 0 0; }
.od-setup-steps li[b-h3a9zhtrey] { margin-bottom: 0.5rem; }
.od-setup-steps code[b-h3a9zhtrey] { overflow-wrap: anywhere; }

.od-whole[b-h3a9zhtrey] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    cursor: pointer;
}
.od-whole input[b-h3a9zhtrey], .od-folder-pick input[b-h3a9zhtrey], .od-audience-row input[b-h3a9zhtrey], .od-option input[b-h3a9zhtrey] { margin-top: 0.2rem; flex: none; }

.od-crumbs[b-h3a9zhtrey] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0.25rem 0 0.4rem;
    font-size: 0.875rem;
    min-width: 0;
}

.od-folders[b-h3a9zhtrey] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
}
.od-folders li[b-h3a9zhtrey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.6rem;
    border-bottom: 1px solid var(--max360-border);
    min-width: 0;
}
.od-folders li:last-child[b-h3a9zhtrey] { border-bottom: 0; }
.od-folder-pick[b-h3a9zhtrey] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    flex: 1;
    min-width: 0;
    min-height: var(--max360-control-hit);
    padding: 0.6rem 0;
    cursor: pointer;
}
.od-folder-name[b-h3a9zhtrey] { overflow-wrap: anywhere; min-width: 0; }

.od-chosen[b-h3a9zhtrey] { margin-bottom: 0.5rem; font-size: 0.875rem; }
.od-chosen ul[b-h3a9zhtrey] { margin: 0.35rem 0 0; padding-left: 1.25rem; overflow-wrap: anywhere; }

.od-bar[b-h3a9zhtrey] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}

.od-audience[b-h3a9zhtrey] {
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    margin: 0 0 0.75rem;
    padding: 0;
}
.od-audience-row[b-h3a9zhtrey] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.7rem 0.75rem;
    cursor: pointer;
}
.od-audience-row + .od-audience-row[b-h3a9zhtrey] { border-top: 1px solid var(--max360-border); }

.od-groups[b-h3a9zhtrey] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0 0 0.75rem 1.75rem;
}
.od-groups label[b-h3a9zhtrey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: var(--max360-control-hit);
    overflow-wrap: anywhere;
    cursor: pointer;
}

.od-more[b-h3a9zhtrey] { margin: 0.5rem 0 0.75rem; }
.od-more > summary[b-h3a9zhtrey] { cursor: pointer; padding: 0.4rem 0; color: var(--max360-text-muted); }
.od-option[b-h3a9zhtrey] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0.5rem 0 0.9rem;
    cursor: pointer;
}

.od-summary[b-h3a9zhtrey] { margin: 0.75rem 0 0; overflow-wrap: anywhere; }

.od-links[b-h3a9zhtrey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin-top: 0.75rem;
}
.od-grant-title[b-h3a9zhtrey] { font-size: 1.15rem; margin: 0 0 0.5rem; }
/* /Components/Pages/Admin/Connectors/AddOneDriveBinding.razor.rz.scp.css */
.od-page[b-mx16pnii66] { max-width: 720px; margin: 0 auto; }
.od-back[b-mx16pnii66] { margin-bottom: 0.25rem; }
.od-small[b-mx16pnii66] { font-size: 0.875rem; }

.od-whole[b-mx16pnii66] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    cursor: pointer;
}
.od-whole input[b-mx16pnii66], .od-folder-pick input[b-mx16pnii66], .od-audience-row input[b-mx16pnii66], .od-option input[b-mx16pnii66] { margin-top: 0.2rem; flex: none; }

.od-crumbs[b-mx16pnii66] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin: 0.25rem 0 0.4rem;
    font-size: 0.875rem;
    min-width: 0;
}

.od-folders[b-mx16pnii66] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
}
.od-folders li[b-mx16pnii66] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.6rem;
    border-bottom: 1px solid var(--max360-border);
    min-width: 0;
}
.od-folders li:last-child[b-mx16pnii66] { border-bottom: 0; }
.od-folder-pick[b-mx16pnii66] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    flex: 1;
    min-width: 0;
    min-height: var(--max360-control-hit);
    padding: 0.6rem 0;
    cursor: pointer;
}
.od-folder-name[b-mx16pnii66] { overflow-wrap: anywhere; min-width: 0; }

.od-chosen[b-mx16pnii66] { margin-bottom: 0.5rem; font-size: 0.875rem; }
.od-chosen ul[b-mx16pnii66] { margin: 0.35rem 0 0; padding-left: 1.25rem; overflow-wrap: anywhere; }

.od-bar[b-mx16pnii66] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}

.od-audience[b-mx16pnii66] {
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    margin: 0 0 0.75rem;
    padding: 0;
}
.od-audience-row[b-mx16pnii66] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.7rem 0.75rem;
    cursor: pointer;
}
.od-audience-row + .od-audience-row[b-mx16pnii66] { border-top: 1px solid var(--max360-border); }

.od-groups[b-mx16pnii66] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0 0 0.75rem 1.75rem;
}
.od-groups label[b-mx16pnii66] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: var(--max360-control-hit);
    overflow-wrap: anywhere;
    cursor: pointer;
}

.od-more[b-mx16pnii66] { margin: 0.5rem 0 0.75rem; }
.od-more > summary[b-mx16pnii66] { cursor: pointer; padding: 0.4rem 0; color: var(--max360-text-muted); }
.od-option[b-mx16pnii66] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0.5rem 0 0.9rem;
    cursor: pointer;
}

.od-summary[b-mx16pnii66] { margin: 0.75rem 0 0; overflow-wrap: anywhere; }

.od-links[b-mx16pnii66] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin-top: 0.75rem;
}
.od-grant-title[b-mx16pnii66] { font-size: 1.15rem; margin: 0 0 0.5rem; }
/* /Components/Pages/Admin/Connectors/OneDriveConnectionsSection.razor.rz.scp.css */
.odc[b-7tuca0dwwb] { margin-bottom: 1.5rem; }
.odc h2[b-7tuca0dwwb] { font-size: 1.1rem; margin: 0 0 0.75rem; }
.odc h3[b-7tuca0dwwb] { font-size: 1rem; margin: 1rem 0 0.5rem; }
.odc-rows[b-7tuca0dwwb] { list-style: none; margin: 0; padding: 0; }
.odc-rows li[b-7tuca0dwwb] { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; padding: 0.5rem 0; border-top: 1px solid var(--max360-border, #e5e7eb); }
.odc-refusal[b-7tuca0dwwb] { flex-basis: 100%; font-size: 0.875rem; color: var(--max360-danger); }
.odc-ps[b-7tuca0dwwb] { flex-basis: 100%; display: block; overflow-wrap: anywhere; white-space: normal; font-size: 0.8rem; }
/* /Components/Pages/Admin/CounterpartyDirectory.razor.rz.scp.css */
.oc-message[b-z4fukcp36j] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }

.oc-filters[b-z4fukcp36j] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1rem; }
.oc-count[b-z4fukcp36j] { margin-left: 0.35rem; font-variant-numeric: tabular-nums; opacity: 0.8; }

.oc-empty p[b-z4fukcp36j] { margin: 0; }

.oc-list[b-z4fukcp36j] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.oc-row[b-z4fukcp36j] { margin: 0; padding: 1rem 1.1rem; min-width: 0; }

.oc-head[b-z4fukcp36j] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
.oc-domain[b-z4fukcp36j] {
    font-family: var(--max360-font-mono);
    font-size: 0.95rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.oc-company[b-z4fukcp36j] { margin: 0.5rem 0 0.25rem; overflow-wrap: anywhere; }
.oc-company strong[b-z4fukcp36j] { margin-right: 0.4rem; }

.oc-facts[b-z4fukcp36j] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; margin: 0 0 0.75rem; font-size: 0.85rem; }

.oc-actions[b-z4fukcp36j] { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.oc-name[b-z4fukcp36j] { margin-top: 0.75rem; }
.oc-name label[b-z4fukcp36j] { display: block; font-size: 0.85rem; margin-bottom: 0.25rem; color: var(--max360-text-muted); }
.oc-name-row[b-z4fukcp36j] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.oc-name-row input[b-z4fukcp36j] { flex: 1 1 14rem; min-width: 0; }

.oc-publish[b-z4fukcp36j] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
    display: grid;
    gap: 0.5rem;
}
.oc-publish p[b-z4fukcp36j] { margin: 0; max-width: 65ch; }

.oc-candidates[b-z4fukcp36j] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}
.oc-candidates ul[b-z4fukcp36j] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.oc-candidates p[b-z4fukcp36j] { margin: 0; }
.oc-candidate[b-z4fukcp36j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    overflow-wrap: anywhere;
}
.oc-candidate .max360-text-muted[b-z4fukcp36j] { margin-left: 0.4rem; font-size: 0.85rem; }
.oc-hidden[b-z4fukcp36j] { margin: 0; font-size: 0.85rem; }
/* /Components/Pages/Admin/DayOne.razor.rz.scp.css */
.day-one-count[b-n4vlx7qgap] { font-weight: 600; }
.day-one-list[b-n4vlx7qgap] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1rem; max-width: 52rem; }
.day-one-card[b-n4vlx7qgap] { padding: 1rem; border: 1px solid var(--max360-border); border-radius: 8px; background: var(--max360-surface); color: var(--max360-text); }
.day-one-card h2[b-n4vlx7qgap] { font-size: 1.1rem; margin: 0 0 0.5rem; }
.day-one-not-used[b-n4vlx7qgap] { opacity: 0.7; }
.day-one-outcomes[b-n4vlx7qgap] { display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 0.75rem; margin: 0.5rem 0; }
.day-one-outcomes dt[b-n4vlx7qgap] { font-weight: 600; }
.day-one-outcomes dd[b-n4vlx7qgap] { margin: 0; }
.day-one-drift[b-n4vlx7qgap] { color: var(--max360-text-muted); }
.day-one-actions[b-n4vlx7qgap] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.day-one-actions .max360-action[b-n4vlx7qgap] { min-width: 5rem; min-height: 2.5rem; }
.day-one-open[b-n4vlx7qgap] { border-color: var(--max360-warning); border-left-width: 6px; }
.day-one-tag[b-n4vlx7qgap] { display: inline-block; margin-bottom: 0.5rem; padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.8rem; font-weight: 600; background: var(--max360-surface); color: var(--max360-text-muted); border: 1px solid var(--max360-border); }
.day-one-tag-open[b-n4vlx7qgap] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); border-color: var(--max360-warning); }
/* /Components/Pages/Admin/GettingTheMost.razor.rz.scp.css */
.adopt-page[b-lwyrbqpjdt] {
    max-width: 56rem;
    min-width: 0;
}

.adopt-page h2[b-lwyrbqpjdt] {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    font-weight: 700;
    margin: 1.5rem 0 .35rem;
}

.adopt-sub[b-lwyrbqpjdt] {
    font-size: .9rem;
    font-weight: 600;
    margin: .75rem 0 .25rem;
}

.adopt-muted[b-lwyrbqpjdt] {
    color: var(--max360-text-muted);
    font-size: .9rem;
    margin: .5rem 0 0;
}

.adopt-help[b-lwyrbqpjdt] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.adopt-help li[b-lwyrbqpjdt] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    align-items: center;
    min-height: 44px;
    border-bottom: 1px solid var(--max360-border);
    overflow-wrap: anywhere;
}

.adopt-help li span[b-lwyrbqpjdt] {
    color: var(--max360-text-muted);
    font-size: .9rem;
}

.adopt-help li a[b-lwyrbqpjdt] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
/* /Components/Pages/Admin/InformationWalls.razor.rz.scp.css */
.iw[b-n95y1q1lo8] { max-width: 60rem; }
.iw-card[b-n95y1q1lo8] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; }
.iw-h2[b-n95y1q1lo8] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.iw-muted[b-n95y1q1lo8] { color: var(--max360-text-muted); font-size: 0.9rem; }
.iw-list[b-n95y1q1lo8], .iw-sides[b-n95y1q1lo8], .iw-tree[b-n95y1q1lo8] { list-style: none; padding: 0; margin: 0; }
.iw-row[b-n95y1q1lo8] { padding: 0.75rem 0; border-top: 1px solid var(--max360-border); overflow-wrap: anywhere; }
.iw-row-top[b-n95y1q1lo8] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.iw-reason[b-n95y1q1lo8] { margin: 0.25rem 0; }
.iw-compliance[b-n95y1q1lo8] { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.5rem 0; min-width: 0; }
.iw-compliance > label[b-n95y1q1lo8] { font-weight: 600; }
.iw-compliance > p[b-n95y1q1lo8] { margin: 0; }
.iw-compliance-row[b-n95y1q1lo8] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; min-width: 0; }
.iw-side[b-n95y1q1lo8] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; padding: 0.15rem 0; }
.iw-num[b-n95y1q1lo8] { font-variant-numeric: tabular-nums; }
.iw-state[b-n95y1q1lo8] { padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.8rem; background: var(--max360-surface); }
.iw-warn[b-n95y1q1lo8] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.iw-warn-text[b-n95y1q1lo8] { color: var(--max360-warning-ink); }
.iw-blocked[b-n95y1q1lo8] { color: var(--max360-danger-ink, var(--max360-danger)); }
.iw-buttons[b-n95y1q1lo8] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.5rem; }
.iw-field[b-n95y1q1lo8] { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.75rem 0; border: 0; padding: 0; min-width: 0; }
.iw-field > label[b-n95y1q1lo8], .iw-field > legend[b-n95y1q1lo8] { font-weight: 600; }
.iw-input[b-n95y1q1lo8] { width: 100%; max-width: 32rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.iw-tree[b-n95y1q1lo8] { max-height: 24rem; overflow-y: auto; border: 1px solid var(--max360-border); border-radius: 0.35rem; padding: 0.5rem; }
.iw-tree li[b-n95y1q1lo8] { padding-top: 0.15rem; padding-bottom: 0.15rem; }
.iw-check[b-n95y1q1lo8] { display: inline-flex; gap: 0.4rem; align-items: center; font-weight: normal; min-height: 44px; }
.iw-preview[b-n95y1q1lo8] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); overflow-wrap: anywhere; }
.iw-preview p[b-n95y1q1lo8] { margin: 0.2rem 0; }
.iw-inline-form[b-n95y1q1lo8] { margin: 0.5rem 0 0.25rem; padding: 0.75rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-surface); }
@media (max-width: 700px) {
    .iw-card[b-n95y1q1lo8] { padding: 0.75rem; }
    .iw-input[b-n95y1q1lo8] { max-width: 100%; }
    .iw-tree[b-n95y1q1lo8] { max-height: none; }
}
/* /Components/Pages/Admin/MailPipeline.razor.rz.scp.css */
.mp[b-igso69bb11] { max-width: 60rem; }
.mp h2[b-igso69bb11] { font-size: 1.05rem; margin: 0; }
.mp-sum[b-igso69bb11] { background: var(--max360-surface); border: 1px solid var(--max360-border); border-radius: 0.75rem; padding: 0.75rem 0.9rem; margin: 0 0 0.75rem; }
.mp-sum p[b-igso69bb11] { margin: 0 0 0.6rem; }
.mp-tiles[b-igso69bb11] { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: 0.5rem; }
.mp-tile[b-igso69bb11] { border: 1px solid var(--max360-border); border-radius: 0.6rem; padding: 0.45rem 0.6rem; }
.mp-tile b[b-igso69bb11] { display: block; font-size: 1.3rem; line-height: 1.2; }
.mp-tile span[b-igso69bb11] { font-size: 0.8rem; color: var(--max360-text-muted); }
.mp-refresh[b-igso69bb11] { margin-top: 0.6rem; }
.mp-calm[b-igso69bb11] { background: var(--max360-success-soft); color: var(--max360-success-ink); border-radius: 0.6rem; padding: 0.6rem 0.75rem; margin: 0 0 0.75rem; }
.mp-attn[b-igso69bb11] { background: var(--max360-danger-soft); color: var(--max360-text); border-radius: 0.75rem; padding: 0.6rem 0.9rem; margin: 0 0 0.75rem; }
.mp-attn h2[b-igso69bb11] { color: var(--max360-danger-ink); margin-bottom: 0.35rem; }
.mp-attn ul[b-igso69bb11] { margin: 0; padding-left: 1.1rem; }
.mp-attn li[b-igso69bb11] { margin: 0.25rem 0; overflow-wrap: anywhere; }
.mp-follow[b-igso69bb11] { background: var(--max360-surface); border: 1px solid var(--max360-border); border-radius: 0.75rem; padding: 0.6rem 0.9rem; margin: 0 0 1rem; }
.mp-follow p[b-igso69bb11] { margin: 0.3rem 0; }
.mp-follow-row[b-igso69bb11] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.4rem; }
.mp-follow-row input[b-igso69bb11] { flex: 1 1 14rem; min-width: 0; }
.mp-matches[b-igso69bb11] { list-style: none; padding: 0; margin: 0.5rem 0 0; }
.mp-match[b-igso69bb11] { display: block; width: 100%; text-align: left; }
.mp-match span[b-igso69bb11] { display: block; font-size: 0.85rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.mp-trace[b-igso69bb11] { margin-top: 0.6rem; overflow-wrap: anywhere; }
.mp-trace ul[b-igso69bb11] { list-style: none; padding: 0; margin: 0.4rem 0; }
.mp-trace li[b-igso69bb11] { position: relative; padding: 0.4rem 0 0.4rem 1.6rem; border-bottom: 1px solid var(--max360-border); }
.mp-trace li[b-igso69bb11]::before { position: absolute; left: 0.3rem; top: 0.4rem; font-weight: 700; }
.mp-trace-passed[b-igso69bb11]::before { content: "\2713"; color: var(--max360-success); }
.mp-trace-stoppedhere[b-igso69bb11] { background: var(--max360-danger-soft); }
.mp-trace-stoppedhere[b-igso69bb11]::before { content: "\2715"; color: var(--max360-danger); }
.mp-trace-didnotrun[b-igso69bb11]::before, .mp-trace-note[b-igso69bb11]::before { content: "\2013"; color: var(--max360-text-muted); }
.mp-trace-how[b-igso69bb11] { margin: 0.4rem 0 0; }
.mp-step-row[b-igso69bb11] { display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); gap: 0 0.6rem; }
.mp-dot[b-igso69bb11] { width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--max360-primary); color: var(--max360-on-primary); font-weight: 700; display: grid; place-items: center; margin-top: 0.7rem; font-size: 0.9rem; }
.mp-side .mp-dot[b-igso69bb11] { background: var(--max360-text-muted); }
.mp-card[b-igso69bb11] { background: var(--max360-surface); border: 1px solid var(--max360-border); border-radius: 0.75rem; padding: 0.6rem 0.9rem; min-width: 0; }
.mp-head[b-igso69bb11] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.6rem; }
.mp-pill[b-igso69bb11] { font-size: 0.75rem; font-weight: 700; padding: 0.05rem 0.5rem; border-radius: 999px; }
.mp-pill-on[b-igso69bb11] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.mp-pill-off[b-igso69bb11] { background: var(--max360-bg); color: var(--max360-text-muted); border: 1px solid var(--max360-border); }
.mp-pill-needsalook[b-igso69bb11] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.mp-pill-worthknowing[b-igso69bb11] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mp-what[b-igso69bb11] { margin: 0.3rem 0; }
.mp-fact[b-igso69bb11] { background: var(--max360-info-soft); color: var(--max360-text); border-radius: 0.5rem; padding: 0.4rem 0.6rem; margin: 0.35rem 0; font-size: 0.92rem; overflow-wrap: anywhere; }
.mp-note[b-igso69bb11] { border-radius: 0.5rem; padding: 0.45rem 0.6rem; margin: 0.35rem 0; font-size: 0.9rem; color: var(--max360-text); overflow-wrap: anywhere; }
.mp-note-look[b-igso69bb11] { background: var(--max360-danger-soft); }
.mp-note-know[b-igso69bb11] { background: var(--max360-warning-soft); }
.mp-note-info[b-igso69bb11] { background: var(--max360-info-soft); }
.mp-flow[b-igso69bb11] { margin: 0 0 0 0.95rem; border-left: 2px dashed var(--max360-border); padding: 0.35rem 0 0.35rem 1.3rem; font-size: 0.82rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.mp-flow-dotted[b-igso69bb11] { border-left-style: dotted; }
.mp-fold > summary[b-igso69bb11], .mp-adv > summary[b-igso69bb11] { cursor: pointer; font-weight: 600; color: var(--max360-link); min-height: 44px; display: flex; align-items: center; }
.mp-adv[b-igso69bb11] { border-top: 1px dashed var(--max360-border); margin-top: 0.4rem; }
.mp-subhead[b-igso69bb11] { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--max360-text-muted); margin: 0.7rem 0 0.15rem; }
.mp-needs[b-igso69bb11], .mp-levers[b-igso69bb11] { list-style: none; padding: 0; margin: 0.2rem 0 0.4rem; font-size: 0.9rem; }
.mp-needs li[b-igso69bb11], .mp-levers li[b-igso69bb11] { padding: 0.1rem 0; overflow-wrap: anywhere; }
.mp-need-yes[b-igso69bb11]::before { content: "\2713  "; color: var(--max360-success); font-weight: 700; }
.mp-need-no[b-igso69bb11]::before { content: "\2715  "; color: var(--max360-danger); font-weight: 700; }
.mp-need-each[b-igso69bb11]::before, .mp-levers li[b-igso69bb11]::before { content: "\2022  "; color: var(--max360-text-muted); font-weight: 700; }
.mp-links[b-igso69bb11] { font-size: 0.9rem; margin: 0 0 0.4rem; }
.mp-boxes-wrap[b-igso69bb11] { overflow-x: auto; margin: 0.4rem 0; }
.mp-boxes[b-igso69bb11] { width: 100%; font-size: 0.9rem; }
.mp-box-tools[b-igso69bb11] { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: center; margin: 0.4rem 0; }
.mp-box-kinds[b-igso69bb11] { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.mp-box-search[b-igso69bb11] { flex: 1 1 12rem; min-width: 0; max-width: 20rem; }
.mp-elsewhere[b-igso69bb11] { border-top: 1px solid var(--max360-border); padding: 0.6rem 0; }
.mp-elsewhere .msr-top[b-igso69bb11] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4rem 0.75rem; }
.mp-elsewhere .msr-name[b-igso69bb11] { font-weight: 600; }
.mp-elsewhere .msr-what[b-igso69bb11], .mp .msr-what[b-igso69bb11] { margin: 0.3rem 0 0; font-size: 0.9rem; }
.mp-foot[b-igso69bb11] { margin-top: 1rem; }
@media (max-width: 700px) {
    .mp-boxes thead[b-igso69bb11] { display: none; }
    .mp-boxes[b-igso69bb11], .mp-boxes tbody[b-igso69bb11], .mp-boxes tr[b-igso69bb11], .mp-boxes td[b-igso69bb11] { display: block; width: 100%; }
    .mp-boxes tr[b-igso69bb11] { border-bottom: 1px solid var(--max360-border); padding: 0.4rem 0; }
    .mp-boxes td[b-igso69bb11] { border: 0; padding: 0.1rem 0; }
    .mp-boxes td:first-child[b-igso69bb11] { font-weight: 600; }
    .mp-boxes td:not(:first-child)[b-igso69bb11]::before { content: attr(data-label) ": "; color: var(--max360-text-muted); }
    .mp-box-search[b-igso69bb11] { max-width: none; }
    .mp-tiles[b-igso69bb11] { grid-template-columns: 1fr 1fr; }
    .mp-step-row[b-igso69bb11] { grid-template-columns: 1.6rem minmax(0, 1fr); gap: 0 0.4rem; }
    .mp-dot[b-igso69bb11] { width: 1.5rem; height: 1.5rem; font-size: 0.78rem; }
    .mp-flow[b-igso69bb11] { margin-left: 0.7rem; padding-left: 1rem; }
    .mp-card[b-igso69bb11] { padding: 0.55rem 0.7rem; }
}
/* /Components/Pages/Admin/MaxActivity.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Admin/MaxActivity.razor.css

   Colors are theme tokens throughout. This file used to carry a complete
   hardcoded light palette — #fff cards, #e8eaee rules, #555/#888 text — which
   made the page a readable but jarring white island on the dark default theme.
   Every text color sat on one of this file's OWN light surfaces, which is why
   the contrast sweep couldn't touch it: fixing the text alone would have put
   theme-light ink on a hardcoded white card and broken what still worked.
   Geometry below is unchanged; only color moved. */

/* ── Header ───────────────────────────────────────────────────────────── */
.ma-header[b-fggji6qyip] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.ma-header-text[b-fggji6qyip] { flex: 1 1 auto; }
.ma-heartbeat[b-fggji6qyip] { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.75rem; background: var(--surface-2); border: 1px solid var(--max360-border); border-radius: 6px; font-size: 0.8rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ma-pulse[b-fggji6qyip] { width: 8px; height: 8px; border-radius: 50%; background: var(--max360-success); box-shadow: 0 0 0 0 rgba(44, 138, 58, 0.6); animation: ma-pulse-b-fggji6qyip 2s infinite; }
.ma-pulse.off[b-fggji6qyip] { background: var(--max360-text-muted); animation: none; box-shadow: none; }
@keyframes ma-pulse-b-fggji6qyip {
    0%   { box-shadow: 0 0 0 0   rgba(44, 138, 58, 0.6); }
    70%  { box-shadow: 0 0 0 6px rgba(44, 138, 58, 0); }
    100% { box-shadow: 0 0 0 0   rgba(44, 138, 58, 0); }
}
.ma-fetch-time[b-fggji6qyip] { color: var(--max360-text-muted); }

/* ── Loading skeleton ─────────────────────────────────────────────────── */
.ma-skeleton[b-fggji6qyip] { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1rem; }
.ma-skeleton-card[b-fggji6qyip] {
    height: 180px; border-radius: 8px;
    background: linear-gradient(90deg, var(--surface-2) 0%, var(--max360-border) 50%, var(--surface-2) 100%);
    background-size: 200% 100%;
    animation: ma-shimmer-b-fggji6qyip 1.4s ease-in-out infinite;
}
@keyframes ma-shimmer-b-fggji6qyip {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Grid + cards ─────────────────────────────────────────────────────── */
.ma-grid[b-fggji6qyip] { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1rem; }
.ma-card[b-fggji6qyip] { padding: 1rem; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); border: 1px solid var(--max360-border); background: var(--max360-surface); color: var(--max360-text); }
.ma-services[b-fggji6qyip] { grid-column: 1 / -1; } /* services card spans the full grid width */
.ma-card-header[b-fggji6qyip] { display: flex; align-items: center; justify-content: space-between; margin: 0 0 0.75rem 0; padding-bottom: 0.5rem; border-bottom: 1px solid var(--max360-border); }
.ma-card-header h2[b-fggji6qyip] { font-size: 0.95rem; font-weight: 600; margin: 0; color: var(--max360-text); letter-spacing: 0.01em; }

/* ── Counts in card headers ───────────────────────────────────────────── */
.ma-counts[b-fggji6qyip] { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.ma-count[b-fggji6qyip] { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; padding: 1px 7px; border-radius: 999px; font-weight: 600; }
.ma-count-running[b-fggji6qyip] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.ma-count-error[b-fggji6qyip]   { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.ma-count-idle[b-fggji6qyip]    { background: var(--max360-border); color: var(--max360-text); }
.ma-count-total[b-fggji6qyip]   { color: var(--max360-text-muted); margin-left: 0.15rem; font-weight: 500; }

/* The agent badge was purple (#ede7f6/#563d8a). Purple has no token family and one
   badge does not justify a fifth soft/ink pair across five themes, so it folds into
   the neutral tint — llm keeps info and queue keeps warning, so all three stay
   visually distinct. */
.ma-badge[b-fggji6qyip] { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; padding: 1px 7px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; background: var(--max360-border); color: var(--max360-text); font-variant-numeric: tabular-nums; }
.ma-badge-agent[b-fggji6qyip] { background: var(--max360-border); color: var(--max360-text); }
.ma-badge-llm[b-fggji6qyip]   { background: var(--max360-info-soft); color: var(--max360-info-ink); }
.ma-badge-queue[b-fggji6qyip] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }

/* ── Status pills ─────────────────────────────────────────────────────── */
.ma-pill[b-fggji6qyip] { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.02em; }
.ma-pill-running[b-fggji6qyip] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.ma-pill-error[b-fggji6qyip]   { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.ma-pill-idle[b-fggji6qyip]    { background: var(--max360-border); color: var(--max360-text); }

/* ── Service table ────────────────────────────────────────────────────── */
.ma-table-scroll[b-fggji6qyip] { overflow-x: auto; }
.ma-services table[b-fggji6qyip] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.ma-services th[b-fggji6qyip] { text-align: left; padding: 6px 8px; font-weight: 600; color: var(--max360-text-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--max360-border); background: var(--surface-2); }
.ma-services td[b-fggji6qyip] { padding: 6px 8px; border-bottom: 1px solid var(--max360-border); vertical-align: top; }
.ma-services tbody tr:hover[b-fggji6qyip] { background: var(--surface-2); }
.ma-services .ma-source[b-fggji6qyip] { font-weight: 500; color: var(--max360-text); }
.ma-services .ma-current[b-fggji6qyip] { color: var(--max360-text-muted); }
.ma-services .ma-time[b-fggji6qyip] { color: var(--max360-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ma-services .ma-error[b-fggji6qyip] { color: var(--max360-danger-ink); max-width: 360px; }
.ma-services .ma-error-time[b-fggji6qyip] { color: var(--max360-danger-ink); font-weight: 500; margin-right: 0.25rem; font-variant-numeric: tabular-nums; }

/* ── Generic rows (Agents / LLM) ──────────────────────────────────────── */
.ma-row[b-fggji6qyip] { display: flex; gap: 0.5rem; align-items: center; padding: 4px 0; font-size: 0.85rem; }
.ma-row + .ma-row[b-fggji6qyip] { border-top: 1px solid var(--max360-border); }
.ma-row-source[b-fggji6qyip] { color: var(--max360-text); font-weight: 600; }
.ma-row-label[b-fggji6qyip] { color: var(--max360-text); }
.ma-row-detail[b-fggji6qyip] { color: var(--max360-text-muted); font-size: 0.78rem; }
.ma-elapsed[b-fggji6qyip] { margin-left: auto; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; font-size: 0.8rem; }

/* ── Queue card ───────────────────────────────────────────────────────── */
.ma-queue-row[b-fggji6qyip] { padding: 0.5rem 0; }
.ma-queue-row + .ma-queue-row[b-fggji6qyip] { border-top: 1px solid var(--max360-border); }
.ma-queue-head[b-fggji6qyip] { display: flex; justify-content: space-between; align-items: baseline; font-size: 0.85rem; }
.ma-queue-head strong[b-fggji6qyip] { color: var(--max360-text); font-weight: 500; }
.ma-queue-depth[b-fggji6qyip] { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--max360-success-ink); }
.ma-queue-depth.over[b-fggji6qyip] { color: var(--max360-warning-ink); }
.ma-queue-bar[b-fggji6qyip] { height: 4px; background: var(--max360-border); border-radius: 2px; margin-top: 4px; overflow: hidden; }
.ma-queue-fill[b-fggji6qyip] { height: 100%; background: var(--max360-success); border-radius: 2px; transition: width 0.3s ease, background 0.3s ease; }
.ma-queue-fill.over[b-fggji6qyip] { background: var(--max360-warning); }

/* ── Recent card ──────────────────────────────────────────────────────── */
.ma-recent-row[b-fggji6qyip] { font-size: 0.8rem; }
.ma-recent-summary[b-fggji6qyip] { color: var(--max360-text); flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ma-recent-link[b-fggji6qyip] { font-size: 0.75rem; color: var(--max360-primary); text-decoration: none; }
.ma-recent-link:hover[b-fggji6qyip] { text-decoration: underline; }
.ma-time[b-fggji6qyip] { color: var(--max360-text-muted); font-size: 0.78rem; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ── Kind badges (Recent card) ────────────────────────────────────────── */
.ma-kind[b-fggji6qyip] { display: inline-block; min-width: 56px; font-size: 0.65rem; font-weight: 600; padding: 1px 6px; border-radius: 4px; background: var(--max360-border); color: var(--max360-text); text-align: center; text-transform: uppercase; letter-spacing: 0.04em; }
.ma-kind-aicall[b-fggji6qyip]  { background: var(--max360-info-soft); color: var(--max360-info-ink); }
.ma-kind-audit[b-fggji6qyip]   { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.ma-kind-journal[b-fggji6qyip] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }

/* ── Empty states ─────────────────────────────────────────────────────── */
.ma-empty[b-fggji6qyip] { color: var(--max360-text-muted); font-style: italic; font-size: 0.85rem; padding: 1rem 0 0.5rem; text-align: center; }
/* /Components/Pages/Admin/MaxAvatarVoice.razor.rz.scp.css */
.mav-section[b-lwaouk9wwa] { margin-bottom: 1rem; }
.mav-muted[b-lwaouk9wwa] { color: var(--max360-text-muted, #666); font-size: .9rem; }
.mav-message[b-lwaouk9wwa] { margin: .5rem 0; font-weight: 600; }
.mav-now[b-lwaouk9wwa] { display: flex; align-items: center; gap: .75rem; margin: .5rem 0 1rem; }
.mav-now img[b-lwaouk9wwa] { width: 72px; height: 72px; object-fit: cover; object-position: top; border-radius: 8px; }
.mav-now-label[b-lwaouk9wwa] { font-size: .8rem; color: var(--max360-text-muted, #666); }
.mav-now-name[b-lwaouk9wwa] { font-weight: 600; overflow-wrap: anywhere; }
.mav-filter[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .5rem 0 .75rem; }
.mav-accent[b-lwaouk9wwa] { display: inline-flex; align-items: center; gap: .4rem; }
.mav-accent select[b-lwaouk9wwa] { min-height: 36px; }
.mav-gallery[b-lwaouk9wwa] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .75rem; }
.mav-avatar[b-lwaouk9wwa] { border: 1px solid var(--max360-border, #ccc); border-radius: 8px; padding: .5rem; display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.mav-avatar.is-now[b-lwaouk9wwa] { border: 2px solid var(--max360-primary, #2563eb); }
.mav-avatar img[b-lwaouk9wwa], .mav-no-photo[b-lwaouk9wwa] { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top; border-radius: 6px; display: block; }
.mav-no-photo[b-lwaouk9wwa] { display: flex; align-items: center; justify-content: center; background: var(--max360-bg, #f5f5f5); color: var(--max360-text-muted, #666); }
.mav-avatar-name[b-lwaouk9wwa] { font-weight: 600; overflow-wrap: anywhere; }
.mav-now-tag[b-lwaouk9wwa] { font-size: .8rem; font-weight: 600; color: var(--max360-primary-ink, #1d4ed8); }
.mav-voices[b-lwaouk9wwa] { list-style: none; padding: 0; margin: 0; }
.mav-voice[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .5rem 0; border-bottom: 1px solid var(--max360-border, #ccc); }
.mav-voice.is-now .mav-voice-name strong[b-lwaouk9wwa] { color: var(--max360-primary-ink, #1d4ed8); }
.mav-voice-name[b-lwaouk9wwa] { display: flex; flex-direction: column; min-width: 0; }
.mav-voice-code[b-lwaouk9wwa] { font-family: var(--bs-font-monospace, monospace); font-size: .8rem; color: var(--max360-text-muted, #666); overflow-wrap: anywhere; }
.mav-voice-actions[b-lwaouk9wwa] { display: flex; align-items: center; gap: .5rem; }
.mav-key[b-lwaouk9wwa] { margin: .25rem 0 .75rem; }
.mav-key-form[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem; }
.mav-key-form label[b-lwaouk9wwa] { display: flex; flex-direction: column; gap: .2rem; min-width: 0; flex: 1 1 16rem; max-width: 28rem; }
.mav-key-form input[b-lwaouk9wwa] { min-height: 36px; }
.mav-key-form textarea[b-lwaouk9wwa] { width: 100%; min-width: 0; }
.mav-background[b-lwaouk9wwa] { border-top: 1px solid var(--max360-border, #ccc); padding-top: .75rem; margin-bottom: 1rem; }
.mav-h3[b-lwaouk9wwa] { font-size: 1rem; margin: 0 0 .35rem; }
.mav-backdrops[b-lwaouk9wwa] { list-style: none; padding: 0; margin: .5rem 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .5rem; }
.mav-backdrops li[b-lwaouk9wwa] { border: 1px solid var(--max360-border, #ccc); border-radius: 6px; overflow: hidden; min-width: 0; }
.mav-backdrops li:has([aria-pressed="true"])[b-lwaouk9wwa] { border: 2px solid var(--max360-primary, #2563eb); }
.mav-backdrops img[b-lwaouk9wwa] { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: 4px; }
.mav-buttons[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0; }
.mav-preview[b-lwaouk9wwa] { display: block; width: 100%; max-width: 576px; height: auto; border-radius: 8px; margin-top: .5rem; }
.mav-preview[hidden][b-lwaouk9wwa] { display: none; }
.mav-face-row[b-lwaouk9wwa] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.mav-face-row h2[b-lwaouk9wwa] { margin-bottom: .25rem; }
.mav-switch[b-lwaouk9wwa] { display: inline-flex; align-items: center; gap: .5rem; flex: 0 0 auto; font-weight: 600; cursor: pointer; min-height: 44px; }
.mav-now-pair[b-lwaouk9wwa] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .5rem 1.5rem; }
.mav-now-pair .mav-now[b-lwaouk9wwa] { margin: .25rem 0 .75rem; }
.mav-own-face[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 0 0 .75rem; }
.mav-own-face p[b-lwaouk9wwa] { margin: 0; flex: 1 1 16rem; min-width: 0; }
.mav-pick[b-lwaouk9wwa] { border-top: 1px solid var(--max360-border, #ccc); padding: .5rem 0; }
.mav-pick > summary[b-lwaouk9wwa] { cursor: pointer; font-weight: 600; min-height: 36px; display: flex; align-items: center; }
.mav-pick[open] > summary[b-lwaouk9wwa] { margin-bottom: .5rem; }
.mav-backdrop-none[b-lwaouk9wwa] { display: flex; width: 100%; aspect-ratio: 3 / 2; border-radius: 4px; background: repeating-linear-gradient(45deg, var(--max360-bg, #f5f5f5), var(--max360-bg, #f5f5f5) 8px, var(--max360-border, #ddd) 8px, var(--max360-border, #ddd) 10px); }
.mav-plan[b-lwaouk9wwa] { display: flex; flex-direction: column; gap: .2rem; max-width: 34rem; margin-bottom: .5rem; }
.mav-plan select[b-lwaouk9wwa] { min-height: 36px; }
.mav-key-form .mav-limit[b-lwaouk9wwa] { flex: 0 0 auto; }
.mav-limit input[b-lwaouk9wwa] { width: 7rem; }
@media (max-width: 700px) {
    .mav-gallery[b-lwaouk9wwa] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mav-backdrops[b-lwaouk9wwa] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mav-accent select[b-lwaouk9wwa] { font-size: 16px; }
    .mav-plan select[b-lwaouk9wwa] { font-size: 16px; }
    .mav-face-row[b-lwaouk9wwa] { flex-direction: column; gap: .5rem; }
}
.mav-face-row + .mav-face-row[b-lwaouk9wwa] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--max360-border, #ddd); }
.mav-subhead[b-lwaouk9wwa] { font-size: 1rem; margin: 0 0 .25rem; }
.mav-cue-grid[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: flex-end; }
.mav-cue-grid .mav-plan[b-lwaouk9wwa] { flex: 1 1 12rem; margin-bottom: 0; }
.mav-cue-sentence[b-lwaouk9wwa] { display: flex; flex-direction: column; gap: .2rem; flex: 1 1 100%; max-width: 40rem; }
.mav-cue-sentence textarea[b-lwaouk9wwa] { width: 100%; min-width: 0; }
.mav-cue-actions[b-lwaouk9wwa] { display: flex; flex-wrap: wrap; gap: .5rem; margin: .75rem 0 .5rem; }
.mav-cue-face[b-lwaouk9wwa] { display: block; width: 100%; max-width: 480px; aspect-ratio: 3 / 2; border-radius: 8px; background: var(--max360-bg); object-fit: cover; }
/* /Components/Pages/Admin/ModelCheckPanel.razor.rz.scp.css */
.model-check-intro[b-01v9likrt2] { margin: 0 0 1rem 0; max-width: 70ch; }

.model-check-card[b-01v9likrt2] { margin-bottom: 1rem; }
.model-check-card.is-focused[b-01v9likrt2] { outline: 2px solid var(--max360-primary, currentColor); outline-offset: 2px; }

.model-check-head[b-01v9likrt2] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 0.6rem; margin-bottom: 0.6rem; }
.model-check-head h3[b-01v9likrt2] { margin: 0; }
.model-check-meta[b-01v9likrt2] { flex-basis: 100%; font-size: 0.9rem; overflow-wrap: anywhere; }

/* the table may be wider than a phone; it scrolls on its own and the page does not */
.model-check-scroll[b-01v9likrt2] { overflow-x: auto; max-width: 100%; }
.model-check-table[b-01v9likrt2] { width: 100%; }
.model-check-table td:first-child[b-01v9likrt2] { width: 45%; }
.model-check-detail[b-01v9likrt2] { font-size: 0.9rem; margin-top: 0.25rem; overflow-wrap: anywhere; }
.model-check-words[b-01v9likrt2] { font-style: italic; }

.model-check-sub[b-01v9likrt2] { margin: 1rem 0 0.4rem 0; font-size: 1rem; }
.model-check-failures[b-01v9likrt2] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.model-check-failures li[b-01v9likrt2] { min-width: 0; }

.model-check-worked[b-01v9likrt2] { margin: 0.8rem 0 0 0; overflow-wrap: anywhere; }

.model-check-actions[b-01v9likrt2] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }

@media (max-width: 700px) {
    .model-check-table td:first-child[b-01v9likrt2] { width: auto; }
}
/* /Components/Pages/Admin/Models/DecisionModelTryPanel.razor.rz.scp.css */
.decision-try[b-6kuolyn8en] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 44rem;
}

.decision-try-field[b-6kuolyn8en] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.decision-try-kinds[b-6kuolyn8en] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.2rem;
    border: 0;
    padding: 0;
    margin: 0;
}

.decision-try-kinds legend[b-6kuolyn8en] {
    padding: 0;
    margin-bottom: 0.2rem;
}

.decision-try-result[b-6kuolyn8en] {
    border-top: 1px solid var(--max360-border);
    padding-top: 0.6rem;
}

.decision-try-row[b-6kuolyn8en] {
    display: grid;
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) 3rem;
    gap: 0.6rem;
    align-items: center;
    margin: 0.2rem 0;
}

.decision-try-label[b-6kuolyn8en] {
    overflow-wrap: anywhere;
}

.decision-try-bar[b-6kuolyn8en] {
    height: 0.6rem;
    border-radius: 999px;
    background: var(--max360-border);
    overflow: hidden;
}

.decision-try-bar > span[b-6kuolyn8en] {
    display: block;
    height: 100%;
    background: var(--max360-primary, #2563eb);
}

.decision-try-num[b-6kuolyn8en] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Admin/Models/Models.razor.rz.scp.css */
.models-status-line[b-rf1na97a8e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.1rem;
    align-items: baseline;
    margin: 0 0 0.9rem 0;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    background: var(--max360-surface);
}

.models-status-warn[b-rf1na97a8e] {
    color: var(--max360-warning-ink);
}

.models-status-link[b-rf1na97a8e] {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.models-tabs[b-rf1na97a8e] {
    display: flex;
    gap: 1.4rem;
    border-bottom: 1px solid var(--max360-border);
    margin: 0 0 1rem 0;
    overflow-x: auto;
}

.models-tab[b-rf1na97a8e] {
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 0;
    color: var(--max360-text-muted);
    font: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.models-tab.is-active[b-rf1na97a8e] {
    color: var(--max360-text);
    border-bottom-color: var(--max360-brand-accent);
}

.models-tab-badge[b-rf1na97a8e] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0 0.4rem;
    min-width: 1.2rem;
    border-radius: 0.6rem;
    font-size: 0.75em;
    line-height: 1.3rem;
    text-align: center;
    background: var(--max360-border);
    color: var(--max360-text);
}

.models-tab-badge.is-warning[b-rf1na97a8e] {
    background: var(--max360-warning-soft);
    color: var(--max360-warning-ink);
    box-shadow: inset 0 0 0 1px var(--max360-warning);
}

.models-move-jobs[b-rf1na97a8e] {
    margin: 0 0 0.9rem 0;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    background: var(--max360-surface);
}

.models-move-jobs-row[b-rf1na97a8e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.models-move-jobs-row label[b-rf1na97a8e] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 14rem;
    min-width: 0;
}

.models-move-jobs-row select[b-rf1na97a8e] {
    width: 100%;
}

.models-section-toggle[b-rf1na97a8e] {
    display: none;
}

.models-section:not(.is-active)[b-rf1na97a8e] {
    display: none;
}

@media (max-width: 700px) {
    .models-tabs[b-rf1na97a8e] {
        display: none;
    }

    .models-section[b-rf1na97a8e],
    .models-section:not(.is-active)[b-rf1na97a8e] {
        display: block;
        margin-bottom: 0.6rem;
    }

    .models-section-toggle[b-rf1na97a8e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0.7rem 0.9rem;
        border: 1px solid var(--max360-border);
        border-radius: 8px;
        background: var(--max360-surface);
        color: var(--max360-text);
        font: inherit;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
    }

    .models-section.is-open .models-section-toggle[b-rf1na97a8e] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .models-section:not(.is-open) .models-section-body[b-rf1na97a8e] {
        display: none;
    }

    /* A wide table scrolls inside its own card rather than pushing the page sideways. */
    .models-section-body > .max360-card[b-rf1na97a8e] {
        overflow-x: auto;
    }
}

/* One saved company key: its name on the left, its buttons on the right, stacking when narrow. */
.models-company-key-item[b-rf1na97a8e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem 1rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--max360-border, rgba(127, 127, 127, 0.25));
}

.models-company-key-name[b-rf1na97a8e] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.models-company-key-actions[b-rf1na97a8e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

/* On a phone the providers table scrolls sideways inside its card. The key list and form sit in a
   row spanning that table, so they are held to the visible width and stay put while it scrolls. */
@media (max-width: 700px) {
    .models-company-key-panel[b-rf1na97a8e] {
        position: sticky;
        left: 0;
        max-width: calc(100vw - 6rem);
    }
}
/* /Components/Pages/Admin/Ops/UsageDashboard.razor.rz.scp.css */
.usage-cost-lines ul[b-wm7ltvgc3z] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .75rem; }
.usage-line[b-wm7ltvgc3z] { display: flex; justify-content: space-between; gap: .75rem; }
.usage-line-why[b-wm7ltvgc3z] { margin: .15rem 0 .35rem; font-size: .875rem; }
.usage-line-parts[b-wm7ltvgc3z] { padding-left: 1rem !important; gap: .2rem !important; font-size: .9rem; }
.usage-line-parts li[b-wm7ltvgc3z] { display: flex; justify-content: space-between; gap: .75rem; overflow-wrap: anywhere; }
.usage-line-total[b-wm7ltvgc3z] { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid var(--max360-border); }

/* under 700px each person becomes a card of labelled lines, so the table never scrolls sideways */
@media (max-width: 700px) {
    [data-testid="usage-roster"] thead[b-wm7ltvgc3z] { display: none; }
    [data-testid="usage-roster"][b-wm7ltvgc3z], [data-testid="usage-roster"] tbody[b-wm7ltvgc3z],
    [data-testid="usage-roster"] tr[b-wm7ltvgc3z] { display: block; width: 100%; }
    [data-testid="usage-roster"] tr[b-wm7ltvgc3z] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .5rem .75rem; margin-bottom: .75rem; }
    [data-testid="usage-roster"] td[b-wm7ltvgc3z] { border: 0; padding: .2rem 0; display: flex; width: 100%; justify-content: space-between; gap: .75rem; }
    [data-testid="usage-roster"] td[b-wm7ltvgc3z]::before { content: attr(data-label); color: var(--max360-text-muted); }
}
/* /Components/Pages/Admin/OutsideSupport.razor.rz.scp.css */
.outside-support-page[b-fxtkv0t06g] { max-width: 60rem; }
.outside-support-message[b-fxtkv0t06g] { margin-bottom: 1rem; overflow-wrap: anywhere; }
.outside-support-give[b-fxtkv0t06g] { display: grid; gap: 0.75rem; margin-bottom: 1.5rem; }
.outside-support-give h2[b-fxtkv0t06g], .outside-support-heading[b-fxtkv0t06g] { font-size: 1.15rem; margin: 0; }
.outside-support-heading[b-fxtkv0t06g] { margin-bottom: 0.75rem; }
.outside-support-field[b-fxtkv0t06g] { display: grid; gap: 0.25rem; min-width: 0; }
.outside-support-field label[b-fxtkv0t06g] { font-weight: 600; }
.outside-support-field select[b-fxtkv0t06g], .outside-support-field input[b-fxtkv0t06g], .outside-support-field textarea[b-fxtkv0t06g] { width: 100%; max-width: 32rem; min-width: 0; }
.outside-support-hint[b-fxtkv0t06g] { font-size: 0.85rem; color: var(--max360-text-muted, #6b7280); }
.outside-support-roles[b-fxtkv0t06g] { margin: 0; overflow-wrap: anywhere; }
.outside-support-picked[b-fxtkv0t06g] { margin: 0.25rem 0 0; overflow-wrap: anywhere; }
.outside-support-switch[b-fxtkv0t06g] { justify-self: start; }
.outside-support-buttons[b-fxtkv0t06g] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.outside-support-buttons input[type="date"][b-fxtkv0t06g] { min-width: 0; }
.outside-support-grant[b-fxtkv0t06g] { display: grid; gap: 0.5rem; margin-bottom: 0.75rem; min-width: 0; }
.outside-support-who[b-fxtkv0t06g] { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; align-items: baseline; min-width: 0; }
.outside-support-signin[b-fxtkv0t06g] { font-size: 0.85rem; color: var(--max360-text-muted, #6b7280); overflow-wrap: anywhere; min-width: 0; }
.outside-support-state[b-fxtkv0t06g] { margin: 0; font-weight: 600; }
.outside-support-facts[b-fxtkv0t06g] { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 0.5rem 1rem; margin: 0; }
.outside-support-facts div[b-fxtkv0t06g] { min-width: 0; }
.outside-support-facts dt[b-fxtkv0t06g] { font-size: 0.8rem; color: var(--max360-text-muted, #6b7280); }
.outside-support-facts dd[b-fxtkv0t06g] { margin: 0; overflow-wrap: anywhere; }
.outside-support-reason-fact[b-fxtkv0t06g] { grid-column: 1 / -1; }
/* /Components/Pages/Admin/Panorama/GroupChooser.razor.rz.scp.css */
.pg-groups[b-y3j4qy6nu6] { display: flex; flex-direction: column; gap: 0.35rem; }
.pg-group-pick[b-y3j4qy6nu6] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 0.5rem 0.75rem; }
.pg-row-top[b-y3j4qy6nu6] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; justify-content: space-between; }
.pg-check[b-y3j4qy6nu6] { display: flex; gap: 0.4rem; align-items: center; font-weight: normal; padding: 0.3rem 0; overflow-wrap: anywhere; }
.pg-input[b-y3j4qy6nu6] { width: 100%; max-width: 20rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
@media (max-width: 700px) { .pg-input[b-y3j4qy6nu6] { max-width: 100%; } }
/* /Components/Pages/Admin/Panorama/PanoramaOrganization.razor.rz.scp.css */
.pg[b-gekejaa2zd] { max-width: 60rem; }
.pg-head[b-gekejaa2zd] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.pg-card[b-gekejaa2zd] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; }
.pg-h2[b-gekejaa2zd] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.pg-muted[b-gekejaa2zd] { color: var(--max360-text-muted); font-size: 0.9rem; }
.pg-list[b-gekejaa2zd] { list-style: none; padding: 0; margin: 0; }
.pg-row[b-gekejaa2zd] { padding: 0.6rem 0; border-top: 1px solid var(--max360-border); }
.pg-row-top[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.pg-row-detail[b-gekejaa2zd] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.9rem; overflow-wrap: anywhere; margin-top: 0.25rem; }
.pg-state[b-gekejaa2zd] { padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.8rem; background: var(--max360-surface); }
.pg-live[b-gekejaa2zd] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.pg-ended[b-gekejaa2zd] { color: var(--max360-text-muted); }
.pg-buttons[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.5rem; }
.pg-field[b-gekejaa2zd] { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.75rem 0; }
.pg-field > label[b-gekejaa2zd] { font-weight: 600; }
.pg-input[b-gekejaa2zd] { width: 100%; max-width: 32rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.pg-checks[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.pg-check[b-gekejaa2zd] { display: inline-flex; gap: 0.35rem; align-items: center; font-weight: normal; }
.pg-refusal[b-gekejaa2zd] { margin: 0.25rem 0 0; }
.pg-preview[b-gekejaa2zd] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); }
.pg-preview p[b-gekejaa2zd] { margin: 0.15rem 0; }
.pg-table[b-gekejaa2zd] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.pg-table th[b-gekejaa2zd], .pg-table td[b-gekejaa2zd] { text-align: left; padding: 0.3rem 0.5rem; border-top: 1px solid var(--max360-border); vertical-align: top; }
.pg-num[b-gekejaa2zd] { font-variant-numeric: tabular-nums; }
.pg-run[b-gekejaa2zd] { padding: 0.75rem 0; border-top: 1px solid var(--max360-border); }
.pg-run-top[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: baseline; }
.pg-facts[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; font-size: 0.9rem; margin: 0.25rem 0; }
.pg-reads[b-gekejaa2zd] { list-style: none; padding: 0; margin: 0.25rem 0; display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.9rem; }
.pg-notread[b-gekejaa2zd] { color: var(--max360-text-muted); }
@media (max-width: 700px) {
    .pg-card[b-gekejaa2zd] { padding: 0.75rem; }
    .pg-input[b-gekejaa2zd] { max-width: 100%; }
    .pg-table thead[b-gekejaa2zd] { display: none; }
    .pg-table[b-gekejaa2zd], .pg-table tbody[b-gekejaa2zd], .pg-table tr[b-gekejaa2zd], .pg-table td[b-gekejaa2zd] { display: block; width: 100%; }
    .pg-table tr[b-gekejaa2zd] { border-top: 1px solid var(--max360-border); padding: 0.35rem 0; }
    .pg-table td[b-gekejaa2zd] { border-top: 0; padding: 0.1rem 0; }
}
.pg-tabs[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0 1.25rem; border-bottom: 1px solid var(--max360-border); margin: 0.25rem 0 1rem; }
.pg-tab[b-gekejaa2zd] { padding: 0.5rem 0; text-decoration: none; color: var(--max360-text-muted); min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; }
.pg-tab-on[b-gekejaa2zd] { color: var(--max360-text); border-bottom: 2px solid currentColor; font-weight: 600; }
.pg-label[b-gekejaa2zd] { font-weight: 600; }
.pg-spread[b-gekejaa2zd] { justify-content: space-between; }
.pg-search[b-gekejaa2zd] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.pg-search .pg-input[b-gekejaa2zd] { flex: 1 1 14rem; }
.pg-matches[b-gekejaa2zd] { list-style: none; padding: 0; margin: 0.5rem 0; display: flex; flex-direction: column; gap: 0.25rem; }
.pg-answer[b-gekejaa2zd] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); overflow-wrap: anywhere; }
.pg-answer p[b-gekejaa2zd] { margin: 0.15rem 0; }
.pg-walls[b-gekejaa2zd] { margin: 0.75rem 0; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-warning-soft); }
.pg-walls .pg-label[b-gekejaa2zd] { color: var(--max360-warning-ink); }
.pg-policy[b-gekejaa2zd] { margin: 0.5rem 0; font-size: 0.9rem; }
.pg-policy summary[b-gekejaa2zd] { cursor: pointer; padding: 0.4rem 0; }
.pg-tree[b-gekejaa2zd], .pg-tree ul[b-gekejaa2zd] { list-style: none; padding: 0; margin: 0; }
.pg-tree ul[b-gekejaa2zd] { padding-left: 1rem; margin-left: 0.4rem; border-left: 1px dotted var(--max360-border); }
.pg-node[b-gekejaa2zd] { padding: 0.4rem 0; }
.pg-node-acts[b-gekejaa2zd] { margin-top: 0.15rem; }
.pg-wall[b-gekejaa2zd] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.pg-never[b-gekejaa2zd] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.pg-acts-toggle[b-gekejaa2zd] { margin-left: auto; min-height: 44px; padding: 0 0.25rem; border: 0; background: none; font: inherit; font-size: 0.85rem; color: var(--max360-text-muted); text-decoration: underline dotted; cursor: pointer; }
.pg-node .pg-row-top[b-gekejaa2zd] { align-items: center; }
.pg-inline-form[b-gekejaa2zd] { margin: 0.5rem 0 0.25rem; padding: 0.75rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-surface); overflow-wrap: anywhere; }
/* /Components/Pages/Admin/Panorama/PanoramaReaderRecord.razor.rz.scp.css */
.pg[b-7q0uwwnwtk] { max-width: 60rem; }
.pg-head[b-7q0uwwnwtk] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.pg-card[b-7q0uwwnwtk] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; }
.pg-h2[b-7q0uwwnwtk] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.pg-muted[b-7q0uwwnwtk] { color: var(--max360-text-muted); font-size: 0.9rem; }
.pg-list[b-7q0uwwnwtk] { list-style: none; padding: 0; margin: 0; }
.pg-row[b-7q0uwwnwtk] { padding: 0.6rem 0; border-top: 1px solid var(--max360-border); }
.pg-row-top[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.pg-row-detail[b-7q0uwwnwtk] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.9rem; overflow-wrap: anywhere; margin-top: 0.25rem; }
.pg-state[b-7q0uwwnwtk] { padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.8rem; background: var(--max360-surface); }
.pg-live[b-7q0uwwnwtk] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.pg-ended[b-7q0uwwnwtk] { color: var(--max360-text-muted); }
.pg-buttons[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.5rem; }
.pg-field[b-7q0uwwnwtk] { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.75rem 0; }
.pg-field > label[b-7q0uwwnwtk] { font-weight: 600; }
.pg-input[b-7q0uwwnwtk] { width: 100%; max-width: 32rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.pg-checks[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.pg-check[b-7q0uwwnwtk] { display: inline-flex; gap: 0.35rem; align-items: center; font-weight: normal; }
.pg-refusal[b-7q0uwwnwtk] { margin: 0.25rem 0 0; }
.pg-preview[b-7q0uwwnwtk] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); }
.pg-preview p[b-7q0uwwnwtk] { margin: 0.15rem 0; }
.pg-table[b-7q0uwwnwtk] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.pg-table th[b-7q0uwwnwtk], .pg-table td[b-7q0uwwnwtk] { text-align: left; padding: 0.3rem 0.5rem; border-top: 1px solid var(--max360-border); vertical-align: top; }
.pg-num[b-7q0uwwnwtk] { font-variant-numeric: tabular-nums; }
.pg-run[b-7q0uwwnwtk] { padding: 0.75rem 0; border-top: 1px solid var(--max360-border); }
.pg-run-top[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: baseline; }
.pg-facts[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; font-size: 0.9rem; margin: 0.25rem 0; }
.pg-reads[b-7q0uwwnwtk] { list-style: none; padding: 0; margin: 0.25rem 0; display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.9rem; }
.pg-notread[b-7q0uwwnwtk] { color: var(--max360-text-muted); }
@media (max-width: 700px) {
    .pg-card[b-7q0uwwnwtk] { padding: 0.75rem; }
    .pg-input[b-7q0uwwnwtk] { max-width: 100%; }
    .pg-table thead[b-7q0uwwnwtk] { display: none; }
    .pg-table[b-7q0uwwnwtk], .pg-table tbody[b-7q0uwwnwtk], .pg-table tr[b-7q0uwwnwtk], .pg-table td[b-7q0uwwnwtk] { display: block; width: 100%; }
    .pg-table tr[b-7q0uwwnwtk] { border-top: 1px solid var(--max360-border); padding: 0.35rem 0; }
    .pg-table td[b-7q0uwwnwtk] { border-top: 0; padding: 0.1rem 0; }
}
.pg-tabs[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0 1.25rem; border-bottom: 1px solid var(--max360-border); margin: 0.25rem 0 1rem; }
.pg-tab[b-7q0uwwnwtk] { padding: 0.5rem 0; text-decoration: none; color: var(--max360-text-muted); min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; }
.pg-tab-on[b-7q0uwwnwtk] { color: var(--max360-text); border-bottom: 2px solid currentColor; font-weight: 600; }
.pg-label[b-7q0uwwnwtk] { font-weight: 600; }
.pg-spread[b-7q0uwwnwtk] { justify-content: space-between; }
.pg-search[b-7q0uwwnwtk] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.pg-search .pg-input[b-7q0uwwnwtk] { flex: 1 1 14rem; }
.pg-matches[b-7q0uwwnwtk] { list-style: none; padding: 0; margin: 0.5rem 0; display: flex; flex-direction: column; gap: 0.25rem; }
.pg-answer[b-7q0uwwnwtk] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); overflow-wrap: anywhere; }
.pg-answer p[b-7q0uwwnwtk] { margin: 0.15rem 0; }
.pg-walls[b-7q0uwwnwtk] { margin: 0.75rem 0; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-warning-soft); }
.pg-walls .pg-label[b-7q0uwwnwtk] { color: var(--max360-warning-ink); }
.pg-policy[b-7q0uwwnwtk] { margin: 0.5rem 0; font-size: 0.9rem; }
.pg-policy summary[b-7q0uwwnwtk] { cursor: pointer; padding: 0.4rem 0; }
.pg-tree[b-7q0uwwnwtk], .pg-tree ul[b-7q0uwwnwtk] { list-style: none; padding: 0; margin: 0; }
.pg-tree ul[b-7q0uwwnwtk] { padding-left: 1rem; margin-left: 0.4rem; border-left: 1px dotted var(--max360-border); }
.pg-node[b-7q0uwwnwtk] { padding: 0.4rem 0; }
.pg-node-acts[b-7q0uwwnwtk] { margin-top: 0.15rem; }
.pg-wall[b-7q0uwwnwtk] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.pg-never[b-7q0uwwnwtk] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
/* /Components/Pages/Admin/Panorama/PanoramaReaders.razor.rz.scp.css */
.pg[b-yn5j3vcrzf] { max-width: 60rem; }
.pg-head[b-yn5j3vcrzf] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.pg-card[b-yn5j3vcrzf] { border: 1px solid var(--max360-border); border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; }
.pg-h2[b-yn5j3vcrzf] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.pg-muted[b-yn5j3vcrzf] { color: var(--max360-text-muted); font-size: 0.9rem; }
.pg-list[b-yn5j3vcrzf] { list-style: none; padding: 0; margin: 0; }
.pg-row[b-yn5j3vcrzf] { padding: 0.6rem 0; border-top: 1px solid var(--max360-border); }
.pg-row-top[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.pg-row-detail[b-yn5j3vcrzf] { display: flex; flex-direction: column; gap: 0.15rem; font-size: 0.9rem; overflow-wrap: anywhere; margin-top: 0.25rem; }
.pg-state[b-yn5j3vcrzf] { padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.8rem; background: var(--max360-surface); }
.pg-live[b-yn5j3vcrzf] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.pg-ended[b-yn5j3vcrzf] { color: var(--max360-text-muted); }
.pg-buttons[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 0.5rem; }
.pg-field[b-yn5j3vcrzf] { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.75rem 0; }
.pg-field > label[b-yn5j3vcrzf] { font-weight: 600; }
.pg-input[b-yn5j3vcrzf] { width: 100%; max-width: 32rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.pg-checks[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.pg-check[b-yn5j3vcrzf] { display: inline-flex; gap: 0.35rem; align-items: center; font-weight: normal; }
.pg-refusal[b-yn5j3vcrzf] { margin: 0.25rem 0 0; }
.pg-preview[b-yn5j3vcrzf] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); }
.pg-preview p[b-yn5j3vcrzf] { margin: 0.15rem 0; }
.pg-table[b-yn5j3vcrzf] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.pg-table th[b-yn5j3vcrzf], .pg-table td[b-yn5j3vcrzf] { text-align: left; padding: 0.3rem 0.5rem; border-top: 1px solid var(--max360-border); vertical-align: top; }
.pg-num[b-yn5j3vcrzf] { font-variant-numeric: tabular-nums; }
.pg-run[b-yn5j3vcrzf] { padding: 0.75rem 0; border-top: 1px solid var(--max360-border); }
.pg-run-top[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: baseline; }
.pg-facts[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; font-size: 0.9rem; margin: 0.25rem 0; }
.pg-reads[b-yn5j3vcrzf] { list-style: none; padding: 0; margin: 0.25rem 0; display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.9rem; }
.pg-notread[b-yn5j3vcrzf] { color: var(--max360-text-muted); }
@media (max-width: 700px) {
    .pg-card[b-yn5j3vcrzf] { padding: 0.75rem; }
    .pg-input[b-yn5j3vcrzf] { max-width: 100%; }
    .pg-table thead[b-yn5j3vcrzf] { display: none; }
    .pg-table[b-yn5j3vcrzf], .pg-table tbody[b-yn5j3vcrzf], .pg-table tr[b-yn5j3vcrzf], .pg-table td[b-yn5j3vcrzf] { display: block; width: 100%; }
    .pg-table tr[b-yn5j3vcrzf] { border-top: 1px solid var(--max360-border); padding: 0.35rem 0; }
    .pg-table td[b-yn5j3vcrzf] { border-top: 0; padding: 0.1rem 0; }
}
.pg-tabs[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0 1.25rem; border-bottom: 1px solid var(--max360-border); margin: 0.25rem 0 1rem; }
.pg-tab[b-yn5j3vcrzf] { padding: 0.5rem 0; text-decoration: none; color: var(--max360-text-muted); min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; }
.pg-tab-on[b-yn5j3vcrzf] { color: var(--max360-text); border-bottom: 2px solid currentColor; font-weight: 600; }
.pg-label[b-yn5j3vcrzf] { font-weight: 600; }
.pg-spread[b-yn5j3vcrzf] { justify-content: space-between; }
.pg-search[b-yn5j3vcrzf] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.pg-search .pg-input[b-yn5j3vcrzf] { flex: 1 1 14rem; }
.pg-matches[b-yn5j3vcrzf] { list-style: none; padding: 0; margin: 0.5rem 0; display: flex; flex-direction: column; gap: 0.25rem; }
.pg-answer[b-yn5j3vcrzf] { margin-top: 0.75rem; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-surface); overflow-wrap: anywhere; }
.pg-answer p[b-yn5j3vcrzf] { margin: 0.15rem 0; }
.pg-walls[b-yn5j3vcrzf] { margin: 0.75rem 0; padding: 0.75rem; border-radius: 0.35rem; background: var(--max360-warning-soft); }
.pg-walls .pg-label[b-yn5j3vcrzf] { color: var(--max360-warning-ink); }
.pg-policy[b-yn5j3vcrzf] { margin: 0.5rem 0; font-size: 0.9rem; }
.pg-policy summary[b-yn5j3vcrzf] { cursor: pointer; padding: 0.4rem 0; }
.pg-tree[b-yn5j3vcrzf], .pg-tree ul[b-yn5j3vcrzf] { list-style: none; padding: 0; margin: 0; }
.pg-tree ul[b-yn5j3vcrzf] { padding-left: 1rem; margin-left: 0.4rem; border-left: 1px dotted var(--max360-border); }
.pg-node[b-yn5j3vcrzf] { padding: 0.4rem 0; }
.pg-node-acts[b-yn5j3vcrzf] { margin-top: 0.15rem; }
.pg-wall[b-yn5j3vcrzf] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.pg-never[b-yn5j3vcrzf] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
/* /Components/Pages/Admin/Panorama/PersonChips.razor.rz.scp.css */
.pg-chips[b-pthjib6qhy] { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; }
.pg-chip[b-pthjib6qhy] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.1rem 0.25rem 0.1rem 0.6rem; border-radius: 999px; background: var(--max360-surface); font-size: 0.9rem; }
.pg-input[b-pthjib6qhy] { width: 100%; max-width: 20rem; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
@media (max-width: 700px) { .pg-input[b-pthjib6qhy] { max-width: 100%; } }
/* /Components/Pages/Admin/PauseSendingCard.razor.rz.scp.css */
.pause-sending-card[b-xjc45ks3mm] {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem;
    margin: 0 0 1rem; padding: 0.75rem 1rem;
    background: var(--max360-surface); border: 1px solid var(--max360-border);
    border-left: 4px solid var(--max360-danger-ink, var(--max360-danger)); border-radius: 10px;
}
.pause-sending-card.is-paused[b-xjc45ks3mm] {
    background: var(--max360-warning-soft); border-color: var(--max360-warning); color: var(--max360-warning-ink);
}
.pause-sending-text[b-xjc45ks3mm] { flex: 1 1 22rem; min-width: 0; margin: 0; overflow-wrap: anywhere; }
.pause-sending-buttons[b-xjc45ks3mm] { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.pause-sending-said[b-xjc45ks3mm] { flex-basis: 100%; margin: 0; overflow-wrap: anywhere; }
/* /Components/Pages/Admin/Personas/PersonaEdit.razor.rz.scp.css */
.pf-row[b-kdidfrgyw9] { display: flex; gap: .75rem; align-items: flex-start; flex-wrap: wrap; }
.pf-photo[b-kdidfrgyw9], .pf-none[b-kdidfrgyw9] { width: 96px; aspect-ratio: 1 / 1; max-width: 100%; border-radius: 8px; object-fit: cover; object-position: top; display: flex; align-items: center; justify-content: center; background: var(--max360-bg); color: var(--max360-text-muted); font-size: .85rem; }
.pf-text[b-kdidfrgyw9] { flex: 1 1 14rem; min-width: 0; }
.pf-text p[b-kdidfrgyw9] { margin: 0 0 .5rem; }
.pf-actions[b-kdidfrgyw9] { display: flex; gap: .5rem; flex-wrap: wrap; }
.pf-filters[b-kdidfrgyw9] { display: flex; gap: .4rem; flex-wrap: wrap; margin: .5rem 0; }
.pf-gallery[b-kdidfrgyw9] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .75rem; }
.pf-avatar[b-kdidfrgyw9] { border: 1px solid var(--max360-border, #ccc); border-radius: 8px; padding: .5rem; display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.pf-avatar.is-now[b-kdidfrgyw9] { border: 2px solid var(--max360-primary, #2563eb); }
.pf-avatar img[b-kdidfrgyw9], .pf-avatar .pf-no-photo[b-kdidfrgyw9] { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top; border-radius: 6px; display: block; }
.pf-avatar-name[b-kdidfrgyw9] { font-weight: 600; overflow-wrap: anywhere; }
/* /Components/Pages/Admin/PersonDetail.razor.rz.scp.css */
.pd-title-row[b-m0snc4yt2c] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}
.pd-title[b-m0snc4yt2c] { min-width: 0; flex: 1 1 20rem; }
.pd-title h1[b-m0snc4yt2c] { margin: 0; overflow-wrap: anywhere; }
.pd-meta-text[b-m0snc4yt2c] {
    color: var(--max360-text-muted);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}
.pd-summary[b-m0snc4yt2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.5rem;
    margin: 0.6rem 0 0;
    font-size: 0.9rem;
}
.pd-summary > div[b-m0snc4yt2c] { display: flex; gap: 0.4rem; min-width: 0; }
.pd-summary dt[b-m0snc4yt2c] { color: var(--max360-text-muted); font-weight: 400; }
.pd-summary dt[b-m0snc4yt2c]::after { content: ":"; }
.pd-summary dd[b-m0snc4yt2c] { margin: 0; overflow-wrap: anywhere; }

.pd-confirm[b-m0snc4yt2c] { margin: 1rem 0 0; max-width: 40rem; }
.pd-confirm p[b-m0snc4yt2c] { margin: 0 0 0.5rem; }
.pd-confirm .max360-form-actions[b-m0snc4yt2c] { margin-top: 0.25rem; }
.pd-header .max360-alert-warning[b-m0snc4yt2c] { margin: 1rem 0 0; }
.pd-header > .max360-action-result[b-m0snc4yt2c] { margin-top: 0.5rem; }

.pd-lead[b-m0snc4yt2c] { margin: 0 0 1rem; }

.pd-email-list[b-m0snc4yt2c] {
    list-style: none;
    margin: 0 0 0.5rem;
    padding: 0;
    border-top: 1px solid var(--max360-border);
}
.pd-email-row[b-m0snc4yt2c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    min-height: 44px;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--max360-border);
}
.pd-email-address[b-m0snc4yt2c] { overflow-wrap: anywhere; min-width: 0; }
.pd-email-actions[b-m0snc4yt2c] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
}
.pd-confirm-q[b-m0snc4yt2c] { font-size: 0.875rem; }
.pd-add-email[b-m0snc4yt2c] { margin-top: 1.25rem; }
.pd-check[b-m0snc4yt2c] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    cursor: pointer;
    white-space: nowrap;
}

.pd-limits[b-m0snc4yt2c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1.5rem 2rem;
}

.pd-inline-badge[b-m0snc4yt2c] { margin-left: 0.5rem; }
.pd-primary-group[b-m0snc4yt2c] { margin-top: 1.25rem; }

.pd-record-ids[b-m0snc4yt2c] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}
.pd-record-ids summary[b-m0snc4yt2c] { cursor: pointer; min-height: 32px; display: inline-flex; align-items: center; }
.pd-record-ids dl[b-m0snc4yt2c] { display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem; margin: 0.25rem 0 0; }
.pd-record-ids dl > div[b-m0snc4yt2c] { display: flex; gap: 0.4rem; }
.pd-record-ids dt[b-m0snc4yt2c] { font-weight: 400; }
.pd-record-ids dt[b-m0snc4yt2c]::after { content: ":"; }
.pd-record-ids dd[b-m0snc4yt2c] { margin: 0; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
    .pd-email-actions[b-m0snc4yt2c] { margin-left: 0; width: 100%; }
    .max360-page-header-actions[b-m0snc4yt2c] { margin-left: 0; }
}
/* /Components/Pages/Admin/ProductFeedbackAdmin.razor.rz.scp.css */
.pf-filters[b-oyllcgdl89] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
    margin: 1rem 0;
}

.pf-filters label[b-oyllcgdl89] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.pf-actions[b-oyllcgdl89] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}

.pf-count[b-oyllcgdl89] {
    font-size: 0.85rem;
    opacity: 0.8;
}

.pf-list[b-oyllcgdl89] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pf-row[b-oyllcgdl89] {
    border: 1px solid var(--max360-border, rgba(127, 127, 127, 0.3));
    border-radius: 8px;
    padding: 0.75rem 1rem;
    min-width: 0;
}

.pf-head[b-oyllcgdl89] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
}

.pf-kind[b-oyllcgdl89] {
    font-size: 0.75rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    white-space: nowrap;
}

.pf-title[b-oyllcgdl89] {
    overflow-wrap: anywhere;
}

.pf-said[b-oyllcgdl89] {
    margin: 0.5rem 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.pf-meta[b-oyllcgdl89] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    font-size: 0.85rem;
    opacity: 0.85;
}

.pf-meta code[b-oyllcgdl89] {
    overflow-wrap: anywhere;
}

.pf-set-status[b-oyllcgdl89] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.85rem;
}

@media (max-width: 700px) {
    .pf-filters label[b-oyllcgdl89],
    .pf-filters select[b-oyllcgdl89] {
        width: 100%;
    }

    .pf-actions[b-oyllcgdl89] {
        margin-left: 0;
        width: 100%;
    }

    .pf-actions button[b-oyllcgdl89] {
        flex: 1;
    }
}

.pf-accuracy[b-oyllcgdl89] {
    margin-top: 1.5rem;
}

.pf-accuracy summary[b-oyllcgdl89] {
    cursor: pointer;
    font-weight: 600;
}

.pf-accuracy-note[b-oyllcgdl89] {
    margin: 0.5rem 0;
}

.pf-accuracy-scroll[b-oyllcgdl89] {
    overflow-x: auto;
}

.pf-accuracy table[b-oyllcgdl89] {
    border-collapse: collapse;
    font-size: 0.875rem;
    min-width: 40rem;
}

.pf-accuracy th[b-oyllcgdl89],
.pf-accuracy td[b-oyllcgdl89] {
    padding: 0.25rem 0.5rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--max360-border, rgba(0, 0, 0, 0.1));
}
/* /Components/Pages/Admin/RelationshipCleanupPanel.razor.rz.scp.css */
.relationship-cleanup[b-1te0hemora] {
    margin-bottom: 1rem;
}

.relationship-cleanup-help[b-1te0hemora] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.relationship-cleanup-scroll[b-1te0hemora] {
    overflow-x: auto;
    max-width: 100%;
}

.relationship-cleanup-preview[b-1te0hemora] {
    max-width: 44rem;
}

.relationship-cleanup-actions[b-1te0hemora] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.relationship-cleanup-confirm[b-1te0hemora] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--max360-warning, #d97706);
    border-radius: 4px;
}
/* /Components/Pages/Admin/RelationshipGrading.razor.rz.scp.css */
.relationship-grading-help[b-r6f8il2o1g] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.relationship-grading-scroll[b-r6f8il2o1g] {
    overflow-x: auto;
    max-width: 100%;
}

.relationship-grading .num[b-r6f8il2o1g] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.relationship-grading-shown td[b-r6f8il2o1g] {
    font-weight: 600;
}

.relationship-grading-list[b-r6f8il2o1g] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.relationship-grading-item[b-r6f8il2o1g] {
    margin-bottom: 0.75rem;
}

.relationship-grading-connection[b-r6f8il2o1g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: baseline;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.relationship-grading-type[b-r6f8il2o1g] {
    font-weight: 400;
    font-family: var(--max360-font-mono, monospace);
}

.relationship-grading-quote[b-r6f8il2o1g] {
    margin: 0.5rem 0;
    padding-left: 0.75rem;
    border-left: 3px solid var(--max360-border);
    overflow-wrap: anywhere;
}

.relationship-grading-quote footer[b-r6f8il2o1g] {
    font-size: 0.85em;
    color: var(--max360-text-muted);
}

.relationship-grading-grades[b-r6f8il2o1g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.relationship-grading-max[b-r6f8il2o1g] {
    margin-right: 0.5rem;
}
/* /Components/Pages/Admin/RelationshipQualityStrip.razor.rz.scp.css */
.relationship-quality[b-pmdyb1m0e0] {
    margin-bottom: 1rem;
}

.relationship-quality-help[b-pmdyb1m0e0] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.relationship-quality-scroll[b-pmdyb1m0e0] {
    overflow-x: auto;
    max-width: 100%;
}

.relationship-quality .num[b-pmdyb1m0e0] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Admin/RelationshipSourcesSection.razor.rz.scp.css */
.relationship-sources-help[b-mufa8ul1ib] {
    color: var(--max360-text-muted);
    font-size: 0.9em;
}

.relationship-sources-columns[b-mufa8ul1ib] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.relationship-source[b-mufa8ul1ib] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.2rem 0;
}

.relationship-sources-fixed[b-mufa8ul1ib] {
    margin-top: 0.75rem;
}

@media (max-width: 700px) {
    .relationship-sources-columns[b-mufa8ul1ib] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/ResearchAdmin.razor.rz.scp.css */
.radmin[b-6saziifgf7] { max-width: 52rem; padding: 1rem 1rem 2rem; min-width: 0; }
.radmin-head h1[b-6saziifgf7] { margin: 0 0 0.35rem; font-size: 1.5rem; }
.radmin-muted[b-6saziifgf7] { color: var(--max360-text-muted); overflow-wrap: anywhere; }
.radmin-section[b-6saziifgf7] { margin-top: 1.25rem; min-width: 0; }
.radmin-section h2[b-6saziifgf7] { margin: 0 0 0.6rem; font-size: 1.1rem; }
.radmin-section p[b-6saziifgf7] { overflow-wrap: anywhere; }
.radmin-facts[b-6saziifgf7] { margin: 0 0 0.5rem; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.25rem 0.75rem; font-size: 0.9rem; }
.radmin-facts dt[b-6saziifgf7] { font-weight: 600; color: var(--max360-text-muted); }
.radmin-facts dd[b-6saziifgf7] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.radmin-items[b-6saziifgf7] { list-style: none; margin: 0; padding: 0; }
.radmin-item[b-6saziifgf7] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; padding: 0.6rem 0.8rem; margin: 0 0 0.5rem;
               border: 1px solid var(--max360-border); border-radius: 10px; background: var(--max360-surface); overflow-wrap: anywhere; }
.radmin-item .radmin-muted[b-6saziifgf7] { font-size: 0.85rem; }
.radmin-dropped[b-6saziifgf7] { font-size: 0.85rem; }
.radmin-dropped summary[b-6saziifgf7] { cursor: pointer; padding: 0.25rem 0; }
.radmin-dropped ul[b-6saziifgf7] { margin: 0.25rem 0 0; padding-left: 1.1rem; }
.radmin-sends[b-6saziifgf7] { font-size: 0.85rem; }
.radmin-sends summary[b-6saziifgf7] { cursor: pointer; padding: 0.25rem 0; }
.radmin-names[b-6saziifgf7] { margin: 0.25rem 0 0.4rem; padding-left: 1.1rem; }
.radmin-label[b-6saziifgf7] { margin: 0 0 0.2rem; font-weight: 600; color: var(--max360-text-muted); }
.radmin-sent[b-6saziifgf7] { margin: 0; padding: 0.5rem 0.6rem; border-radius: 8px; border: 1px solid var(--max360-border); white-space: pre-wrap;
               overflow-wrap: anywhere; max-width: 100%; font-size: 0.8rem; }
.radmin bdi[b-6saziifgf7] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .radmin[b-6saziifgf7] { padding: 0.75rem 0.75rem 1.5rem; }
    .radmin-facts[b-6saziifgf7] { grid-template-columns: minmax(0, 1fr); }
    .radmin-facts dd[b-6saziifgf7] { margin-bottom: 0.35rem; }
}
/* /Components/Pages/Admin/SameAsRepairPanel.razor.rz.scp.css */
.sar[b-0mwm00u1t3] { margin: 0 0 1.5rem; padding: 1rem 1.1rem; min-width: 0; }
.sar-title[b-0mwm00u1t3] { font-size: 1.1rem; margin: 0 0 0.35rem; }
.sar-subtitle[b-0mwm00u1t3] { font-size: 1rem; margin: 1rem 0 0.35rem; }
.sar-lede[b-0mwm00u1t3] { margin: 0 0 0.75rem; max-width: 70ch; }
.sar-message[b-0mwm00u1t3] { margin: 0 0 0.75rem; }
.sar-actions[b-0mwm00u1t3] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 0.75rem; }
.sar-state[b-0mwm00u1t3] { margin: 0 0 0.5rem; font-size: 0.9rem; overflow-wrap: anywhere; }
.sar-totals[b-0mwm00u1t3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 0.35rem 1rem; margin: 0; }
.sar-totals div[b-0mwm00u1t3] { display: flex; justify-content: space-between; gap: 0.5rem; min-width: 0; }
.sar-totals dt[b-0mwm00u1t3] { font-weight: normal; overflow-wrap: anywhere; }
.sar-totals dd[b-0mwm00u1t3] { margin: 0; font-variant-numeric: tabular-nums; }
.sar-entries[b-0mwm00u1t3] { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.sar-entries label[b-0mwm00u1t3] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; overflow-wrap: anywhere; }
.sar-entry-name[b-0mwm00u1t3] { font-weight: 600; }
/* /Components/Pages/Admin/SendErrorToMax360.razor.rz.scp.css */
.sem[b-emhqrm5u5l] { margin-top: .6rem; }
.sem-lead[b-emhqrm5u5l] { font-weight: 600; margin: 0 0 .4rem; }
.sem-note[b-emhqrm5u5l] { margin: .25rem 0; }
.sem-json[b-emhqrm5u5l] { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow-y: auto; font-size: .82rem;
    border: 1px solid var(--max360-border); border-radius: 6px; padding: .6rem; }
.sem-buttons[b-emhqrm5u5l] { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
/* /Components/Pages/Admin/Sharing.razor.rz.scp.css */
.sh[b-bwjj89dfsf] { max-width: 60rem; }
.sh-card[b-bwjj89dfsf] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .75rem 1rem; margin-bottom: 1rem; }
.sh-group[b-bwjj89dfsf] { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--max360-text-muted); margin: 0 0 .25rem; }
.sh-message[b-bwjj89dfsf] { margin: .5rem 0 1rem; }
.sh-sendall[b-bwjj89dfsf] { margin: 0 0 1rem; }
.sh-statement[b-bwjj89dfsf] { margin: .25rem 0 .5rem; }
.sh-muted[b-bwjj89dfsf] { color: var(--max360-text-muted, #666); font-size: .9rem; }
.sh-row[b-bwjj89dfsf] { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; padding: .75rem 0; border-top: 1px solid var(--max360-border); align-items: start; }
.sh-name[b-bwjj89dfsf] { font-weight: 600; }
.sh-sentence[b-bwjj89dfsf] { color: var(--max360-text-muted, #666); font-size: .92rem; overflow-wrap: anywhere; }
.sh-seg[b-bwjj89dfsf] { display: flex; flex-wrap: wrap; gap: .4rem; }
.sh-seg > span[b-bwjj89dfsf] { padding: .35rem .6rem; font-size: .88rem; border: 1px solid var(--max360-border); border-radius: 999px; }
.sh-seg > span.is-on[b-bwjj89dfsf] { color: var(--max360-link); font-weight: 600; }
.sh-seg.is-disabled[b-bwjj89dfsf] { opacity: .55; }
.sh-say[b-bwjj89dfsf] { grid-column: 1 / -1; font-size: .9rem; padding: .5rem .6rem; border-radius: 8px; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;
    background: var(--max360-info-soft); }
.sh-say.is-warn[b-bwjj89dfsf] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.sh-say.is-ok[b-bwjj89dfsf] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.sh-json[b-bwjj89dfsf] { grid-column: 1 / -1; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow-y: auto; font-size: .82rem;
    border: 1px solid var(--max360-border); border-radius: 6px; padding: .6rem; margin: 0; }
.sh-unchosen p[b-bwjj89dfsf] { margin: 0 0 .5rem; }
.sh-facts[b-bwjj89dfsf] { display: grid; grid-template-columns: max-content 1fr; gap: .25rem .75rem; margin: 0 0 .5rem; }
.sh-facts dt[b-bwjj89dfsf] { font-weight: 600; }
.sh-facts dd[b-bwjj89dfsf] { margin: 0; overflow-wrap: anywhere; }
.sh-sends[b-bwjj89dfsf] { list-style: none; padding: 0; margin: 0; }
.sh-send[b-bwjj89dfsf] { display: flex; flex-wrap: wrap; gap: .25rem .75rem; padding: .35rem 0; border-bottom: 1px solid var(--max360-border); overflow-wrap: anywhere; }
.sh-send.is-refused .sh-send-answer[b-bwjj89dfsf] { color: var(--max360-danger, #b91c1c); font-weight: 600; }
.sh-send-when[b-bwjj89dfsf] { min-width: 9rem; }
@media (max-width: 700px) {
    .sh-row[b-bwjj89dfsf] { grid-template-columns: 1fr; }
    .sh-facts[b-bwjj89dfsf] { grid-template-columns: 1fr; }
    .sh-facts dd[b-bwjj89dfsf] { margin-bottom: .4rem; }
}
/* /Components/Pages/Admin/ThreadKeeper.razor.rz.scp.css */
.tk-head > div[b-xi9d4rbvcq] { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.tk-head h1[b-xi9d4rbvcq] { margin: 0; }
.tk-state[b-xi9d4rbvcq] { font-size: .8rem; font-weight: 600; padding: .1rem .5rem; border-radius: 999px; border: 1px solid var(--max360-border, #ccc); }
.tk-state.is-on[b-xi9d4rbvcq] { color: var(--max360-success, #15803d); border-color: var(--max360-success, #15803d); }
.tk-state.is-off[b-xi9d4rbvcq] { color: var(--max360-text-muted, #666); }
.tk-lead[b-xi9d4rbvcq] { max-width: 60rem; margin: 0 0 1rem; }
.tk-message[b-xi9d4rbvcq] { margin-bottom: 1rem; }
.tk-table-wrap[b-xi9d4rbvcq] { overflow-x: auto; margin-bottom: .5rem; }
.tk-table[b-xi9d4rbvcq] { min-width: 60rem; }
.tk-table td[b-xi9d4rbvcq], .tk-table th[b-xi9d4rbvcq] { white-space: nowrap; }
.tk-table tr.is-failing td[b-xi9d4rbvcq] { background: var(--max360-danger-soft); }
.tk-flag[b-xi9d4rbvcq] { color: var(--max360-danger, #b91c1c); font-weight: 600; margin-right: .35rem; }
.tk-note[b-xi9d4rbvcq] { color: var(--max360-text-muted, #666); font-size: .85rem; margin: 0 0 1rem; }
.tk-switch[b-xi9d4rbvcq] { margin-top: .5rem; }
.tk-cards[b-xi9d4rbvcq] { display: none; }
.tk-card[b-xi9d4rbvcq] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .6rem .75rem; margin-bottom: .6rem; }
.tk-card.is-failing[b-xi9d4rbvcq] { background: var(--max360-danger-soft); }
.tk-card-head[b-xi9d4rbvcq] { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .25rem; }
.tk-card-line[b-xi9d4rbvcq] { margin: .15rem 0 0; font-size: .85rem; color: var(--max360-text-muted); }
@media (max-width: 700px) {
    .tk-table-wrap[b-xi9d4rbvcq] { display: none; }
    .tk-cards[b-xi9d4rbvcq] { display: block; }
}
/* /Components/Pages/Admin/Visitors.razor.rz.scp.css */
.visitors-section[b-ro13tj8v7p] {
    margin-block: 1.5rem;
}

.visitors-form[b-ro13tj8v7p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}

.visitors-form label[b-ro13tj8v7p] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 14rem;
    min-width: 0;
}

.visitors-list[b-ro13tj8v7p] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.visitors-row[b-ro13tj8v7p] {
    padding-block: 0.75rem;
    border-bottom: 1px solid var(--max360-border);
    overflow-wrap: anywhere;
}

.visitors-actions[b-ro13tj8v7p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.visitors-confirm[b-ro13tj8v7p] {
    margin: 0.4rem 0 0;
}

.visitors-turns[b-ro13tj8v7p] {
    margin-top: 0.5rem;
    padding-left: 1.25rem;
}

.visitors-turns li[b-ro13tj8v7p] {
    margin-bottom: 0.75rem;
}

.visitors-answer[b-ro13tj8v7p] {
    overflow-wrap: anywhere;
}

.visitors-findings[b-ro13tj8v7p] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.visitors-findings li[b-ro13tj8v7p] {
    margin-bottom: 0.4rem;
}

.visitors-findings label[b-ro13tj8v7p] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.visitors-reason[b-ro13tj8v7p] {
    flex: 1 1 14rem;
    min-width: 0;
}
/* /Components/Pages/Admin/VoiceCallRecord.razor.rz.scp.css */
.vc-back[b-r9505n5we5] { margin: 0 0 0.25rem; font-size: 0.875rem; }
.vc-header .max360-page-subtitle[b-r9505n5we5] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }

.vc-stats[b-r9505n5we5] { margin-bottom: 1rem; }
.vc-stat[b-r9505n5we5] { margin-bottom: 0; padding: 0.9rem 1.1rem; }
.vc-stat-sub[b-r9505n5we5] { margin-top: 0.25rem; font-size: 0.8rem; color: var(--max360-text-muted); }
.vc-stat-text[b-r9505n5we5] { font-size: 1rem; font-weight: 600; line-height: 1.3; }

.vc-facts[b-r9505n5we5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.75rem 1.5rem;
    margin: 0;
}
.vc-facts > div[b-r9505n5we5] { min-width: 0; }
.vc-facts dt[b-r9505n5we5] {
    font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em;
    color: var(--max360-text-muted); margin-bottom: 0.15rem;
}
.vc-facts dd[b-r9505n5we5] { margin: 0; overflow-wrap: anywhere; }
.vc-wide[b-r9505n5we5] { grid-column: 1 / -1; }

.vc-subhead[b-r9505n5we5] { font-size: 0.95rem; font-weight: 600; margin: 1.25rem 0 0.75rem; }

.vc-open-up[b-r9505n5we5], .vc-events[b-r9505n5we5] { margin: 0.75rem 0 0; }
.vc-events .max360-disclosure-body[b-r9505n5we5] { padding: 0; }
.vc-events .max360-table[b-r9505n5we5] { border: none; border-radius: 0 0 0.5rem 0.5rem; }
.vc-scope-choices[b-r9505n5we5] { margin: 0.25rem 0 0.5rem; }

/* a wide table scrolls inside its card rather than widening the page on a phone */
.vc-scroll[b-r9505n5we5] {
    overflow-x: auto;
}
/* /Components/Pages/Admin/VoiceCallTurnTimings.razor.rz.scp.css */
/* The four parts of the wait take the first four slots of the validated categorical palette in the
   order they happen; that order is what keeps neighboring segments apart for colour-blind readers.
   Dark steps are keyed on data-bs-theme, which is how the app marks its dark themes. */
.vt-root[b-mqazwkbocm] {
    container-type: inline-size;
    --vt-hearing: #2a78d6;
    --vt-before: #eb6834;
    --vt-working: #1baf7a;
    --vt-speaking: #eda100;
    --vt-model: #4a3aa7;
    --vt-tool: #e87ba4;
    --vt-said: #008300;
    --vt-whole: color-mix(in srgb, var(--max360-text-muted) 55%, transparent);
    --vt-track: color-mix(in srgb, var(--max360-border) 45%, transparent);
    --vt-gap: var(--max360-surface);
}

[data-bs-theme="dark"] .vt-root[b-mqazwkbocm] {
    --vt-hearing: #3987e5;
    --vt-before: #d95926;
    --vt-working: #199e70;
    --vt-speaking: #c98500;
    --vt-model: #9085e9;
    --vt-tool: #d55181;
    --vt-said: #008300;
}

.vt-intro[b-mqazwkbocm] { color: var(--max360-text-muted); margin-bottom: 0.5rem; }

.vt-legend[b-mqazwkbocm] {
    display: flex; flex-wrap: wrap; gap: 0.35rem 1.1rem;
    list-style: none; padding: 0; margin: 0 0 0.75rem;
    font-size: 0.8rem; color: var(--max360-text);
}
.vt-legend li[b-mqazwkbocm] { display: inline-flex; align-items: center; gap: 0.4rem; }

.vt-swatch[b-mqazwkbocm] {
    display: inline-block; width: 0.85rem; height: 0.6rem; border-radius: 2px; flex: 0 0 auto;
    margin-right: 0.35rem; vertical-align: middle;
}
.vt-legend .vt-swatch[b-mqazwkbocm] { margin-right: 0; }
.vt-sound-key[b-mqazwkbocm] { width: 2px; height: 0.9rem; border-radius: 1px; background: var(--max360-text); }

/* ── One row per turn ─────────────────────────────────────────────────────── */
.vt-row[b-mqazwkbocm] {
    display: grid;
    grid-template-columns: 4.5rem minmax(5rem, 9rem) minmax(0, 1fr) 4.25rem 7rem;
    gap: 0.75rem;
    align-items: center;
    padding: 0.4rem 0.5rem;
}

.vt-axis[b-mqazwkbocm] { padding-top: 0; padding-bottom: 0.15rem; }
.vt-axis .vt-track[b-mqazwkbocm] { height: 1rem; background: none; }

.vt-turn[b-mqazwkbocm] { border-top: 1px solid var(--max360-border); }
.vt-turn:last-child[b-mqazwkbocm] { border-bottom: 1px solid var(--max360-border); }

summary.vt-row[b-mqazwkbocm] { cursor: pointer; list-style: none; border-radius: 0.375rem; }
summary.vt-row[b-mqazwkbocm]::-webkit-details-marker { display: none; }
summary.vt-row:hover[b-mqazwkbocm], .vt-turn[open] > summary.vt-row[b-mqazwkbocm] { background: var(--surface-2); }
summary.vt-row:focus-visible[b-mqazwkbocm] { outline: 2px solid var(--max360-primary); outline-offset: 1px; }

.vt-when[b-mqazwkbocm] { font-variant-numeric: tabular-nums; color: var(--max360-text-muted); font-size: 0.85rem; }
.vt-who[b-mqazwkbocm] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; }
.vt-total[b-mqazwkbocm] { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.vt-total-other[b-mqazwkbocm] { font-weight: 400; color: var(--max360-text-muted); }
.vt-outcome[b-mqazwkbocm] { text-align: right; }

.vt-track[b-mqazwkbocm] {
    position: relative; display: block; height: 14px;
    background: var(--vt-track); border-radius: 4px;
}

.vt-seg[b-mqazwkbocm] { position: absolute; top: 0; bottom: 0; min-width: 3px; box-sizing: border-box; }
.vt-seg + .vt-seg[b-mqazwkbocm] { border-left: 2px solid var(--vt-gap); }
.vt-track > .vt-seg:first-child[b-mqazwkbocm] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.vt-seg:hover[b-mqazwkbocm] { filter: brightness(1.08); }

.vt-hearing[b-mqazwkbocm] { background: var(--vt-hearing); }
.vt-before[b-mqazwkbocm] { background: var(--vt-before); }
.vt-working[b-mqazwkbocm] { background: var(--vt-working); }
.vt-speaking[b-mqazwkbocm] { background: var(--vt-speaking); }
.vt-end[b-mqazwkbocm] { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.vt-whole[b-mqazwkbocm] { background: var(--vt-whole); border-radius: 4px; }

.vt-mark[b-mqazwkbocm] {
    position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px;
    background: var(--max360-text); border-radius: 1px;
}

.vt-none[b-mqazwkbocm] { position: absolute; left: 0.5rem; top: -0.1rem; font-size: 0.75rem; color: var(--max360-text-muted); white-space: nowrap; }

.vt-tick[b-mqazwkbocm] {
    position: absolute; bottom: 0; transform: translateX(-50%);
    font-size: 0.7rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.vt-tick:first-child[b-mqazwkbocm] { transform: none; }
.vt-tick-end[b-mqazwkbocm], .vt-tick:last-child:not(:first-child)[b-mqazwkbocm] { transform: translateX(-100%); }

/* ── A turn opened up ─────────────────────────────────────────────────────── */
.vt-detail[b-mqazwkbocm] { padding: 0.5rem 0.5rem 1rem 5.25rem; font-size: 0.875rem; }
.vt-outcome-line[b-mqazwkbocm] { margin-bottom: 0.5rem; }
.vt-note[b-mqazwkbocm] { color: var(--max360-text-muted); margin: 0.25rem 0 0.5rem; }
.vt-work[b-mqazwkbocm] { margin: 0.5rem 0; }
.vt-work a[b-mqazwkbocm] { margin-left: 0.25rem; }

.vt-parts[b-mqazwkbocm] {
    display: flex; flex-wrap: wrap; gap: 0.35rem 1.25rem; margin: 0 0 0.5rem;
}
.vt-parts > div[b-mqazwkbocm], .vt-facts > div[b-mqazwkbocm] { display: flex; gap: 0.4rem; align-items: baseline; }
.vt-parts dt[b-mqazwkbocm], .vt-facts dt[b-mqazwkbocm] { font-weight: 400; color: var(--max360-text-muted); margin: 0; }
.vt-parts dd[b-mqazwkbocm], .vt-facts dd[b-mqazwkbocm] { margin: 0; font-variant-numeric: tabular-nums; }
.vt-parts dd[b-mqazwkbocm] { font-weight: 600; }

.vt-lanes[b-mqazwkbocm] { margin: 0.75rem 0; display: grid; gap: 4px; }
.vt-lane[b-mqazwkbocm] { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 0.75rem; align-items: center; }
.vt-lane .vt-track[b-mqazwkbocm] { height: 10px; }
.vt-lane-label[b-mqazwkbocm] { font-size: 0.78rem; color: var(--max360-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vt-lane-axis .vt-track[b-mqazwkbocm] { height: 0.9rem; background: none; }
.vt-lane .vt-seg[b-mqazwkbocm] { border-radius: 3px; }
.vt-lane .vt-seg + .vt-seg[b-mqazwkbocm] { border-left: none; }

.vt-model[b-mqazwkbocm] { background: var(--vt-model); }
.vt-tool[b-mqazwkbocm] { background: var(--vt-tool); }
.vt-said[b-mqazwkbocm] { background: var(--vt-said); }
.vt-bridge[b-mqazwkbocm] { opacity: 0.55; }
/* cut off part-way: the square, dark end says the sentence stopped rather than finished */
.vt-cut[b-mqazwkbocm] { border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: inset -3px 0 0 var(--max360-text); }
.vt-unheard[b-mqazwkbocm] { background: none; border: 1px dashed var(--max360-text-muted) !important; min-width: 6px; }
.vt-sound[b-mqazwkbocm] { background: var(--max360-text); min-width: 2px; width: 2px !important; top: -3px; bottom: -3px; }

.vt-facts[b-mqazwkbocm] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.25rem 1.25rem; margin: 0.5rem 0 0;
}

/* ── Narrow: the bar takes its own line under the time, name and outcome ─── */
@container (max-width: 640px) {
    .vt-row[b-mqazwkbocm] { grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 0.35rem 0.6rem; }
    .vt-row > .vt-track[b-mqazwkbocm] { grid-column: 1 / -1; grid-row: 2; }
    .vt-axis[b-mqazwkbocm] { display: none; }
    .vt-detail[b-mqazwkbocm] { padding-left: 0.5rem; }
    .vt-lane[b-mqazwkbocm] { grid-template-columns: 7rem minmax(0, 1fr); }
}
/* /Components/Pages/Admin/WalkthroughPhotos.razor.rz.scp.css */
.wp-add[b-d7dhw5nie2] { max-width: 52rem; padding: 1rem; border: 1px solid var(--max360-border); border-radius: 8px; background: var(--max360-surface); color: var(--max360-text); margin-bottom: 1.25rem; }
.wp-add h2[b-d7dhw5nie2] { font-size: 1.1rem; margin: 0 0 0.25rem; }
.wp-add-fields[b-d7dhw5nie2] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem; margin-top: 0.75rem; }
.wp-field[b-d7dhw5nie2] { display: flex; flex-direction: column; gap: 0.25rem; flex: 1 1 14rem; min-width: 0; font-weight: 600; font-size: 0.875rem; }
.wp-add-fields .max360-action[b-d7dhw5nie2] { min-height: 2.5rem; }
.wp-count[b-d7dhw5nie2] { font-weight: 600; }
.wp-grid[b-d7dhw5nie2] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 1rem; }
.wp-card[b-d7dhw5nie2] { display: flex; flex-direction: column; border: 1px solid var(--max360-border); border-radius: 8px; overflow: hidden; background: var(--max360-surface); color: var(--max360-text); }
.wp-card img[b-d7dhw5nie2] { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--max360-border); }
.wp-card-body[b-d7dhw5nie2] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; padding: 0.75rem; min-width: 0; }
.wp-name[b-d7dhw5nie2] { overflow-wrap: anywhere; }
.wp-card-body .max360-action[b-d7dhw5nie2] { min-height: 2.5rem; }
.wp-removed img[b-d7dhw5nie2] { opacity: 0.45; filter: grayscale(1); }
.wp-state[b-d7dhw5nie2] { font-size: 0.875rem; }
@media (max-width: 700px) {
    .wp-grid[b-d7dhw5nie2] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
    .wp-card-body[b-d7dhw5nie2] { padding: 0.6rem; font-size: 0.875rem; }
}
/* /Components/Pages/Ask/ChatCouncilCard.razor.rz.scp.css */
.ccard[b-5s99f97n24] { border: 1px solid var(--rule); border-left: 3px solid var(--accent); border-radius: 6px; padding: 10px 12px; margin: 8px 0; }
.ccard-h[b-5s99f97n24] { font-weight: 600; color: var(--ink); }
.ccard-m[b-5s99f97n24] { font-size: 0.8rem; color: var(--ink-dim); margin-bottom: 4px; }
.ccard p[b-5s99f97n24] { margin: 6px 0 0; }
.ccard-k[b-5s99f97n24] { font-weight: 600; }
.ccard ul[b-5s99f97n24] { margin: 2px 0 0; padding-left: 18px; }
.ccard-open[b-5s99f97n24] { display: inline-block; margin-top: 8px; font-size: 0.85rem; }
.ccard-none[b-5s99f97n24] { color: var(--ink-dim); font-size: 0.85rem; }
/* /Components/Pages/Ask/ChatCouncilProposalCard.razor.rz.scp.css */
.ccp[b-b3e24061ff] { border: 1px solid var(--accent, var(--max360-primary)); border-radius: 8px; padding: 10px 14px; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.ccp-head[b-b3e24061ff] { font-family: var(--max360-font-label); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent, var(--max360-primary)); }
.ccp-topic[b-b3e24061ff] { color: var(--ink, var(--max360-text)); white-space: pre-line; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.ccp-seats[b-b3e24061ff] { margin: 0; padding-left: 18px; font-size: 0.88rem; color: var(--ink, var(--max360-text)); }
.ccp-why[b-b3e24061ff] { color: var(--ink-dim, var(--max360-text-muted)); }
.ccp-line[b-b3e24061ff] { font-size: 0.82rem; color: var(--ink-dim, var(--max360-text-muted)); }
.ccp-open[b-b3e24061ff] { align-self: flex-start; }
/* /Components/Pages/Ask/ChatCouncilQuestionCard.razor.rz.scp.css */
.ccq[b-rb3r1ir900] { border: 1px solid var(--accent, var(--max360-primary)); border-radius: 8px; padding: 10px 14px; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ccq-head[b-rb3r1ir900] { font-family: var(--max360-font-label); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent, var(--max360-primary)); }
.ccq-text[b-rb3r1ir900] { color: var(--ink, var(--max360-text)); white-space: pre-line; overflow-wrap: anywhere; }
.ccq-line[b-rb3r1ir900] { font-size: 0.82rem; color: var(--ink-dim, var(--max360-text-muted)); overflow-wrap: anywhere; }
.ccq-error[b-rb3r1ir900] { font-size: 0.82rem; color: var(--max360-danger-ink); }
.ccq-ask[b-rb3r1ir900] { align-self: flex-start; }
/* /Components/Pages/Ask/CouncilByPerson.razor.rz.scp.css */
.cbp[b-b16x5aem5y] { flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; }
.cbp-scroll[b-b16x5aem5y] { overflow-x: auto; }
.cbp-grid[b-b16x5aem5y] { border-collapse: collapse; width: 100%; min-width: 640px; table-layout: fixed; color: var(--ink); font-size: 0.85rem; }
.cbp-grid th[b-b16x5aem5y], .cbp-grid td[b-b16x5aem5y] { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--rule); line-height: 1.4; overflow-wrap: anywhere; }
.cbp-grid thead th[b-b16x5aem5y] {
    font-family: var(--max360-font-label); font-size: 0.68rem; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--ink-dim); font-weight: 600;
}
.cbp-grid th[scope="row"][b-b16x5aem5y], .cbp-grid thead th:first-child[b-b16x5aem5y] { width: 150px; position: sticky; left: 0; background: var(--bg); z-index: 1; }
.cbp-grid th[scope="row"][b-b16x5aem5y] { font-weight: 600; font-size: 0.8rem; }
.cbp-grid th[scope="row"] small[b-b16x5aem5y] { display: block; font-weight: 400; color: var(--ink-dim); }
.cbp-floor[b-b16x5aem5y] { box-shadow: inset 3px 0 0 var(--accent); }
.cbp-none[b-b16x5aem5y], .cbp-later[b-b16x5aem5y] { color: var(--ink-dim); font-style: italic; }
.cbp-chip[b-b16x5aem5y] { display: inline-block; font-size: 0.65rem; font-style: normal; padding: 0 6px; border-radius: 9px; margin: 0 4px 3px 0; border: 1px solid var(--rule); color: var(--ink-dim); }
.cbp-f[b-b16x5aem5y] { background: var(--accent); border-color: var(--accent); color: var(--bg); }
.cbp-m[b-b16x5aem5y] { border-color: var(--accent); color: var(--accent); }
.cbp-text[b-b16x5aem5y] { display: block; }
.cbp-key[b-b16x5aem5y] { display: flex; flex-wrap: wrap; gap: 14px; font-size: 0.78rem; color: var(--ink-dim); }
.cbp-line[b-b16x5aem5y] { font-size: 0.85rem; color: var(--ink-dim); }
.cbp-progress[b-b16x5aem5y] { border-left: 2px solid var(--accent); padding: 6px 12px; display: flex; flex-direction: column; gap: 6px; }
.cbp-progress p[b-b16x5aem5y], .cbp-progress li[b-b16x5aem5y] { color: var(--ink); font-size: 0.9rem; margin: 0; }
.cbp-progress ul[b-b16x5aem5y] { margin: 0; padding-left: 18px; }
.cbp-k[b-b16x5aem5y] { font-family: var(--max360-font-label); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-dim); }
.cbp-as-of[b-b16x5aem5y] { font-size: 0.78rem; color: var(--ink-dim); }
.cbp-ask[b-b16x5aem5y] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
/* /Components/Pages/Ask/CouncilChooser.razor.rz.scp.css */
.cc-body[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 10px; }
.cc-field[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 4px; font-family: var(--max360-font-label); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-dim); }
.cc-field textarea[b-zjrr2h3gnn], .cc-field input[b-zjrr2h3gnn] { font-family: inherit; font-size: 0.9rem; text-transform: none; letter-spacing: 0; padding: 6px 8px; border: 1px solid var(--rule); border-radius: 4px; background: transparent; color: var(--ink); }
.cc-rounds input[b-zjrr2h3gnn] { width: 6em; }
.cc-chair-options[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 4px; font-family: inherit; text-transform: none; letter-spacing: 0; font-size: 0.9rem; color: var(--ink); }
.cc-chair-option[b-zjrr2h3gnn] { display: flex; align-items: center; gap: 8px; }
.cc-chair-option input[b-zjrr2h3gnn] { padding: 0; border: 0; margin: 0; }
.cc-chair-options .cc-muted[b-zjrr2h3gnn] { margin: 0 0 0 24px; font-size: 0.8rem; }
.cc-check[b-zjrr2h3gnn] { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--ink); cursor: pointer; }
.cc-check input[b-zjrr2h3gnn] { margin: 0; }
.cc-line[b-zjrr2h3gnn] { margin: 0; font-size: 0.85rem; color: var(--ink-dim); }
.cc-muted[b-zjrr2h3gnn] { font-size: 0.75rem; letter-spacing: 0; text-transform: none; color: var(--ink-dim); }
.cc-warn[b-zjrr2h3gnn] { color: var(--ink); }
.cc-seats[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 6px; }
.cc-seat[b-zjrr2h3gnn] { display: flex; gap: 8px; align-items: center; }
.cc-seat-label[b-zjrr2h3gnn] { font-family: var(--max360-font-label); font-size: 0.72rem; letter-spacing: 0.1em; color: var(--ink-dim); width: 2em; }
.cc-select[b-zjrr2h3gnn] { font-size: 0.85rem; padding: 4px 6px; border: 1px solid var(--rule); border-radius: 4px; background: transparent; color: var(--ink); }
.cc-actions[b-zjrr2h3gnn] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.cc-ask-max[b-zjrr2h3gnn] { display: flex; align-items: center; gap: 10px; margin-top: -4px; }
.cc-ask-max .cc-cancel[b-zjrr2h3gnn] { flex: none; }
.cc-seat-reason[b-zjrr2h3gnn] { margin: -2px 0 6px 2.2em; }
.cc-style-field[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 4px; }
.cc-styles[b-zjrr2h3gnn] { display: flex; flex-direction: column; gap: 4px; }
.cc-style[b-zjrr2h3gnn] { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 6px 10px; border: 1px solid var(--rule); border-radius: 4px; cursor: pointer; font-size: 0.8rem; color: var(--ink-dim); }
.cc-style:hover[b-zjrr2h3gnn] { border-color: var(--accent); }
.cc-style input[b-zjrr2h3gnn] { flex: none; margin: 3px 0 0; accent-color: var(--accent); cursor: pointer; }
.cc-style-name[b-zjrr2h3gnn] { font-weight: 600; color: var(--ink); margin-right: 6px; }
.cc-style-current[b-zjrr2h3gnn] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--ink); }

@media (max-width: 700px) {
    .modal[b-zjrr2h3gnn] { height: auto; bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px)); }
}
/* /Components/Pages/Ask/CouncilClosingStrip.razor.rz.scp.css */
.cs-strip[b-u2ykrqzmhv] { border: 1px solid var(--rule); border-left: 3px solid var(--accent); border-radius: 6px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; font-size: 15px; line-height: 1.65; }
.cs-title[b-u2ykrqzmhv] { font-weight: 600; color: var(--ink); }
.cs-earlier[b-u2ykrqzmhv] { font-size: 0.78rem; color: var(--ink-dim); }
.cs-k[b-u2ykrqzmhv] { font-weight: 600; margin-top: 6px; }
.cs-p[b-u2ykrqzmhv] { margin: 2px 0 0; }
.cs-strip ul[b-u2ykrqzmhv], .cs-strip ol[b-u2ykrqzmhv] { margin: 2px 0 0; padding-left: 18px; }
.cs-inconclusive[b-u2ykrqzmhv] { color: var(--ink-dim); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cs-actions[b-u2ykrqzmhv] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
.cs-line[b-u2ykrqzmhv] { font-size: 0.85rem; color: var(--ink-dim); margin: 0; }
.cs-posted[b-u2ykrqzmhv] { font-size: 0.85rem; }
.council-finished[b-u2ykrqzmhv] { display: flex; flex-direction: column; gap: 4px; padding: 8px 0 0; border-top: 1px solid var(--rule); font-size: 15px; line-height: 1.65; }
.council-finished-who[b-u2ykrqzmhv] { font-family: var(--max360-font-label); font-size: 0.72rem; letter-spacing: 0.1em; color: var(--ink-dim); }
.cs-ask[b-u2ykrqzmhv] { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.cs-ask textarea[b-u2ykrqzmhv] { width: 100%; font-size: 0.9rem; padding: 6px 8px; border: 1px solid var(--rule); border-radius: 4px; background: transparent; color: var(--ink); }
/* /Components/Pages/Ask/CouncilMaterialPieceView.razor.rz.scp.css */
.cm-piece[b-8u46c472uv] { margin: 8px 0 0; border: 1px solid var(--rule); border-radius: 6px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; min-width: 0; background: var(--surface-2); }
.cm-head[b-8u46c472uv] { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.cm-title[b-8u46c472uv] { font-weight: 600; color: var(--ink); }
.cm-by[b-8u46c472uv] { font-size: 0.8rem; color: var(--ink-dim); }
.cm-caption[b-8u46c472uv] { font-size: 0.85rem; color: var(--ink-dim); }
.cm-cannot[b-8u46c472uv] { margin: 0; font-size: 0.85rem; color: var(--ink-dim); }
.cm-body[b-8u46c472uv] { max-width: 100%; overflow-x: auto; }
.cm-body[b-8u46c472uv]  table { border-collapse: collapse; }
.cm-body[b-8u46c472uv]  th, .cm-body[b-8u46c472uv]  td { border: 1px solid var(--rule); padding: 4px 8px; white-space: nowrap; }
.cm-btn[b-8u46c472uv] { margin-left: auto; }
/* a readable document scrolls inside its piece, so the pieces after it stay near */
.cm-body[b-8u46c472uv]  .max360-viewer-body-compact { max-height: min(22rem, 50dvh); overflow: auto; }
.cm-filled .cm-body[b-8u46c472uv]  .max360-viewer-body-compact { max-height: none; }
/* fills the chat column (.conv in AskMax.razor.css), not the browser */
.cm-filled[b-8u46c472uv] { position: absolute; inset: 0; z-index: 50; margin: 0; border-radius: 0; overflow: auto; background: var(--bg); }
/* /Components/Pages/Ask/CouncilPanel.razor.rz.scp.css */
.council[b-sfazv610y4] { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 4px 24px; display: flex; flex-direction: column; gap: 14px; }
.council-head[b-sfazv610y4] { display: flex; flex-direction: column; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid var(--rule); }
.council-topic[b-sfazv610y4] { font-size: 1.05rem; color: var(--ink); white-space: pre-line; overflow-wrap: anywhere; }
.council-topic.folded[b-sfazv610y4] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.council-topic-more[b-sfazv610y4] { align-self: flex-start; }
.council-seats[b-sfazv610y4], .council-status[b-sfazv610y4], .council-line[b-sfazv610y4] { font-size: 0.85rem; color: var(--ink-dim); }
.council-error[b-sfazv610y4] { color: var(--ink); }
.council-actions[b-sfazv610y4] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.council-stop[b-sfazv610y4] { align-self: flex-start; }
.council-banner[b-sfazv610y4] { font-size: 0.85rem; color: var(--ink); padding: 4px 8px; border-left: 2px solid var(--accent); }
.council-views[b-sfazv610y4] { flex-shrink: 0; }
.council-keep[b-sfazv610y4] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 8px; border-top: 1px solid var(--rule); }
/* /Components/Pages/Ask/CouncilRoundBlock.razor.rz.scp.css */
.cr-round[b-w2crfkvj9x] { display: flex; flex-direction: column; gap: 8px; }
.cr-caption[b-w2crfkvj9x] { font-family: var(--max360-font-label); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-dim); }
.cr-failed .cr-caption[b-w2crfkvj9x] { color: var(--ink); }
.cr-offers[b-w2crfkvj9x] { display: flex; flex-direction: column; gap: 12px; }
.cr-offer[b-w2crfkvj9x] {
    background: var(--surface-2); border-radius: 4px 14px 14px 14px; padding: 10px 14px;
    display: flex; flex-direction: column; gap: 6px; min-width: 0; max-width: 760px;
}
.cr-offer-head[b-w2crfkvj9x] { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.cr-who[b-w2crfkvj9x] { color: var(--accent); font-size: 12px; font-weight: 600; }
.cr-round .body[b-w2crfkvj9x] { font-size: 15px; line-height: 1.65; color: var(--ink); overflow-wrap: anywhere; }
.cr-round[b-w2crfkvj9x]  .body-md p { margin: 0 0 12px; }
.cr-round[b-w2crfkvj9x]  .body-md p:last-child { margin-bottom: 0; }
.cr-round[b-w2crfkvj9x]  .body-md h1, .cr-round[b-w2crfkvj9x]  .body-md h2, .cr-round[b-w2crfkvj9x]  .body-md h3, .cr-round[b-w2crfkvj9x]  .body-md h4 {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif); font-weight: 500; color: var(--ink); margin: 16px 0 6px; line-height: 1.2;
}
.cr-round[b-w2crfkvj9x]  .body-md h1 { font-size: 22px; }
.cr-round[b-w2crfkvj9x]  .body-md h2 { font-size: 19px; }
.cr-round[b-w2crfkvj9x]  .body-md h3 { font-size: 17px; }
.cr-round[b-w2crfkvj9x]  .body-md h4 { font-size: 15px; }
.cr-round[b-w2crfkvj9x]  .body-md ul, .cr-round[b-w2crfkvj9x]  .body-md ol { margin: 4px 0 12px; padding-left: 22px; }
.cr-round[b-w2crfkvj9x]  .body-md li { margin: 4px 0; }
.cr-round[b-w2crfkvj9x]  .body-md code { font-size: 0.88em; }
.cr-round[b-w2crfkvj9x]  .body-md blockquote { margin: 10px 0; padding-left: 14px; border-left: 2px solid var(--rule); color: var(--ink-dim); }
.cr-label[b-w2crfkvj9x] { font-family: var(--max360-font-label); font-size: 0.7rem; letter-spacing: 0.1em; color: var(--ink-dim); }
.cr-tag[b-w2crfkvj9x] { font-size: 0.75rem; color: var(--ink-dim); border: 1px solid var(--rule); border-radius: 3px; padding: 0 5px; }
.cr-line[b-w2crfkvj9x] { font-size: 0.85rem; color: var(--ink-dim); }
.cr-failure[b-w2crfkvj9x] { color: var(--ink); }
.cr-request[b-w2crfkvj9x] { font-size: 0.85rem; color: var(--ink-dim); font-style: italic; }
.cr-offer-actions[b-w2crfkvj9x], .cr-controls[b-w2crfkvj9x], .cr-goback[b-w2crfkvj9x] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cr-take[b-w2crfkvj9x] { width: 100%; font-size: 0.9rem; padding: 6px 8px; border: 1px solid var(--rule); border-radius: 4px; background: transparent; color: var(--ink); }
.cr-floor[b-w2crfkvj9x] { border-left: 3px solid var(--accent); padding: 6px 12px; }
.cr-floor-head[b-w2crfkvj9x] { font-size: 0.8rem; color: var(--ink-dim); margin-bottom: 4px; }
.cr-fold[b-w2crfkvj9x] { font-size: 0.85rem; color: var(--ink-dim); }
.cr-fold summary[b-w2crfkvj9x] { cursor: pointer; }
.cr-sidebar[b-w2crfkvj9x] { border: 1px dashed var(--rule); border-radius: 6px; padding: 8px 12px; display: flex; flex-direction: column; gap: 4px; }
.cr-sidebar-head[b-w2crfkvj9x] { font-family: var(--max360-font-label); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-dim); }
.cr-sidebar-turn[b-w2crfkvj9x] { font-size: 15px; line-height: 1.65; }
.cr-branch[b-w2crfkvj9x] { display: flex; flex-direction: column; gap: 6px; flex-basis: 100%; border: 1px solid var(--rule); border-radius: 6px; padding: 8px 12px; }
.cr-material[b-w2crfkvj9x] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cr-material-toggle[b-w2crfkvj9x] { align-self: flex-start; text-align: left; }
/* /Components/Pages/Ask/SecondOpinionChooser.razor.rz.scp.css */
.so-chooser[b-e2rwo4sd6y] { border: 1px solid var(--t-rule); border-radius: 6px; padding: 12px 14px; margin: 6px 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.so-chooser-presets[b-e2rwo4sd6y] { display: flex; flex-wrap: wrap; gap: 8px; flex-basis: 100%; }
.so-dial[b-e2rwo4sd6y] { display: flex; flex-direction: column; gap: 4px; font-family: var(--t-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--t-ink-dim); }
.so-dial select[b-e2rwo4sd6y] { font-family: inherit; font-size: 0.85rem; text-transform: none; letter-spacing: 0; }
.so-reach[b-e2rwo4sd6y] { flex-basis: 100%; margin: 0; font-size: 0.85rem; color: var(--t-ink-dim); }
.so-chooser-actions[b-e2rwo4sd6y] { display: flex; flex-wrap: wrap; gap: 8px; }
/* /Components/Pages/Ask/SecondOpinionPair.razor.rz.scp.css */
.so-pair[b-q0i7xzt2s2] { border: 1px solid var(--t-rule); border-radius: 6px; padding: 12px 14px; margin: 6px 0 4px; }
.so-header[b-q0i7xzt2s2] { font-family: var(--t-mono); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--t-ink-dim); margin-bottom: 10px; }
.so-strip[b-q0i7xzt2s2] { border-left: 3px solid var(--t-accent); padding: 6px 12px; margin-bottom: 12px; font-size: 0.92rem; }
.so-diffs[b-q0i7xzt2s2] { margin: 0 0 6px; padding-left: 20px; }
.so-diff[b-q0i7xzt2s2] { margin: 2px 0; }
.so-agree[b-q0i7xzt2s2] { color: var(--t-ink-dim); font-style: italic; margin: 4px 0; }
.so-source[b-q0i7xzt2s2] { color: var(--t-ink-dim); font-size: 0.85rem; margin: 4px 0; }
.so-source.restricted[b-q0i7xzt2s2] { opacity: 0.7; }
.so-strip-failed[b-q0i7xzt2s2], .so-strip-pending[b-q0i7xzt2s2] { color: var(--t-ink-dim); font-style: italic; }
.so-columns[b-q0i7xzt2s2] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 900px) { .so-columns[b-q0i7xzt2s2] { grid-template-columns: 1fr; } }
.so-col[b-q0i7xzt2s2] { min-width: 0; }
.so-col-head[b-q0i7xzt2s2] { font-family: var(--t-mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--t-accent); margin-bottom: 6px; }
.so-col .body[b-q0i7xzt2s2] { padding: 0; }
.so-waiting[b-q0i7xzt2s2] { color: var(--t-ink-dim); font-style: italic; }
.so-refused[b-q0i7xzt2s2] { margin-top: 10px; font-size: 0.85rem; color: var(--t-ink-dim); }
.so-decide[b-q0i7xzt2s2] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--t-rule); }
.so-judging[b-q0i7xzt2s2], .so-waiting-decider[b-q0i7xzt2s2] { color: var(--t-ink-dim); font-style: italic; }
.so-inconclusive[b-q0i7xzt2s2] { flex-basis: 100%; color: var(--t-ink-dim); font-size: 0.85rem; }
/* /Components/Pages/Ask/SecondOpinionSetAside.razor.rz.scp.css */
.so-set-aside[b-8o6hnaqw6m] { margin: 4px 0 8px; }
.so-set-aside-line[b-8o6hnaqw6m] { text-align: left; }
.so-overturn[b-8o6hnaqw6m] { margin-left: 12px; }
.so-set-aside-body[b-8o6hnaqw6m] { margin: 6px 0 0 13px; opacity: 0.85; }
/* /Components/Pages/AskMax.razor.rz.scp.css */
/* Chat — viewport-bound reading room with session controls. */

.ask[b-lnhsvsko01] {
    --t-paper:    var(--bg);
    --t-surface:  var(--surface);
    --t-surface-2: var(--surface-2);
    --t-ink:      var(--ink);
    --t-ink-dim:  var(--ink-dim);
    --t-rule:     var(--rule);
    --t-accent:   var(--accent);
    --t-accent-2: var(--accent-2, var(--accent));
    --t-danger:   var(--max360-danger, #dc2626);
    --t-mono:     var(--max360-font-label);
    --t-script:   'Caveat', 'Segoe Script', cursive;
    /* Compose lives on this — slightly elevated surface, theme-aware. */
    --t-compose-bg: color-mix(in srgb, var(--surface-2) 70%, var(--accent) 6%);

    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    padding: 14px 28px 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

/* ─── shell ─────────────────────────────────────────── */
.shell[b-lnhsvsko01] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    gap: 24px;
    overflow: hidden;
    transition: grid-template-columns 0.2s;
}
.ask.ask-history-collapsed .shell[b-lnhsvsko01] {
    grid-template-columns: 36px 1fr 260px;
}
.ask.ask-history-collapsed .threads-toolbar[b-lnhsvsko01],
.ask.ask-history-collapsed .threads-scroll[b-lnhsvsko01],
.ask.ask-history-collapsed .threads-head-left[b-lnhsvsko01] { display: none; }
.ask.ask-history-collapsed .threads[b-lnhsvsko01] { padding-right: 6px; }
.ask.ask-history-collapsed .threads-head[b-lnhsvsko01] { justify-content: center; }

.ask.ask-sources-collapsed .shell[b-lnhsvsko01] {
    grid-template-columns: 220px 1fr 36px;
}
.ask.ask-history-collapsed.ask-sources-collapsed .shell[b-lnhsvsko01] {
    grid-template-columns: 36px 1fr 36px;
}
.ask.ask-sources-collapsed .sources-section[b-lnhsvsko01],
.ask.ask-sources-collapsed .sources .promote[b-lnhsvsko01] { display: none; }
.ask.ask-sources-collapsed .sources[b-lnhsvsko01] { padding-left: 6px; }
.ask.ask-sources-collapsed .sources-head[b-lnhsvsko01] { flex-direction: column; align-items: center; justify-content: flex-start; }
.sources-folded-label[b-lnhsvsko01] { display: none; }
.ask.ask-sources-collapsed .sources-folded-label[b-lnhsvsko01] {
    display: block;
    margin-top: 10px;
    writing-mode: vertical-rl;
    font-size: 11px;
    color: var(--t-ink-dim);
    letter-spacing: 0.06em;
    cursor: pointer;
}
.sources-sheet-head[b-lnhsvsko01] { display: none; }
.sources-veil[b-lnhsvsko01] { display: none; }

/* ─── threads column ────────────────────────────────── */
.threads[b-lnhsvsko01] {
    border-right: 1px solid var(--t-rule);
    padding-right: 18px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.threads-head[b-lnhsvsko01] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--t-ink);
}
.threads-head h4[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    font-weight: 500;
    margin: 0;
}
.threads-toolbar[b-lnhsvsko01] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding: 10px 0 8px;
    border-bottom: 1px solid var(--t-rule);
}
.threads-scroll[b-lnhsvsko01] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-bottom: 12px;
    scrollbar-width: thin;
    scrollbar-color: var(--t-rule) transparent;
}
.threads-scroll[b-lnhsvsko01]::-webkit-scrollbar { width: 4px; }
.threads-scroll[b-lnhsvsko01]::-webkit-scrollbar-track { background: transparent; }
.threads-scroll[b-lnhsvsko01]::-webkit-scrollbar-thumb { background: var(--t-rule); border-radius: 2px; }
.threads-scroll[b-lnhsvsko01]::-webkit-scrollbar-thumb:hover { background: var(--t-ink-dim); }
.thread[b-lnhsvsko01] {
    padding: 10px 0;
    border-bottom: 1px solid var(--t-rule);
    cursor: pointer;
}
.thread:hover .ttl[b-lnhsvsko01] { color: var(--t-accent); }
/* the title is the row's keyboard and screen-reader way in; it looks like the title it always was */
.thread-open[b-lnhsvsko01] {
    all: unset;
    display: inline;
    cursor: pointer;
    overflow-wrap: anywhere;
}
.thread-open:focus-visible[b-lnhsvsko01] { outline: 2px solid var(--t-accent); outline-offset: 2px; border-radius: 2px; }
.thread .ttl[b-lnhsvsko01] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--t-ink);
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.thread .vis-flag[b-lnhsvsko01] { font-size: 11px; opacity: 0.7; }
.thread .talk-flag[b-lnhsvsko01] { font-size: 11px; opacity: 0.7; margin-left: 2px; }
.thread .shared-by[b-lnhsvsko01] { color: var(--t-accent); }
.thread-line[b-lnhsvsko01] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.thread-line .ttl[b-lnhsvsko01] { flex: 1 1 auto; min-width: 0; }
.thread .when[b-lnhsvsko01] { flex: 0 0 auto; font-size: 11px; color: var(--t-ink-dim); white-space: nowrap; }
/* one line of the newest message; the cut is the browser's, so it fits whatever width the list has */
.thread .preview[b-lnhsvsko01] {
    margin-top: 3px;
    font-size: 12.5px;
    line-height: 1.35;
    color: var(--t-ink-dim);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thread.unread .preview[b-lnhsvsko01] { color: var(--t-ink); }
.thread .meta[b-lnhsvsko01] {
    margin-top: 3px;
    font-size: 11px;
    color: var(--t-ink-dim);
}
.rail-views[b-lnhsvsko01] { display: flex; gap: 6px; margin: 8px 0 4px; }
.rail-view[b-lnhsvsko01] {
    padding: 3px 12px;
    border: 1px solid var(--t-rule);
    border-radius: 999px;
    background: transparent;
    color: var(--t-ink-dim);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    cursor: pointer;
}
.rail-view:hover[b-lnhsvsko01] { color: var(--t-accent); border-color: var(--t-accent); }
.rail-view.on[b-lnhsvsko01] { color: var(--t-paper); background: var(--t-ink); border-color: var(--t-ink); }
.thread.on .ttl[b-lnhsvsko01] { color: var(--t-accent); font-style: italic; }
.thread.unread .ttl[b-lnhsvsko01] { font-weight: 700; }

.threads-search[b-lnhsvsko01] {
    display: block;
    width: 100%;
    margin: 10px 0 4px;
    padding: 6px 8px;
    border: 1px solid var(--t-rule);
    border-radius: 0;
    background: transparent;
    color: var(--t-ink);
    font-size: 13px;
}

.empty-mini[b-lnhsvsko01] {
    padding: 12px 0;
    font-style: italic;
    font-size: 13px;
    color: var(--t-ink-dim);
}

/* ─── buttons — editorial kicker-link look ──────────── */
.new-btn[b-lnhsvsko01],
.quiet-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--t-rule);
    color: var(--t-ink);
    padding: 3px 0;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    border-radius: 0;
    line-height: 1.4;
}
.new-btn:hover[b-lnhsvsko01],
.quiet-btn:hover[b-lnhsvsko01] { color: var(--t-accent); border-bottom-color: var(--t-accent); }
.new-btn:disabled[b-lnhsvsko01] { opacity: 0.6; cursor: wait; }
.quiet-btn[b-lnhsvsko01] { color: var(--t-ink-dim); }
.quiet-btn:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }
.quiet-btn.on[b-lnhsvsko01] { color: var(--t-accent); border-bottom-color: var(--t-accent); }
a.quiet-btn[b-lnhsvsko01] { display: inline-block; text-decoration: none; }
.shared-toggle[b-lnhsvsko01] { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 12px; color: var(--t-ink-dim); cursor: pointer; }
.threads-close[b-lnhsvsko01] { display: none; }
.browse-shared[b-lnhsvsko01] {
    display: block;
    margin: 12px 0 4px;
    padding: 4px 0;
    background: none;
    border: none;
    color: var(--t-accent);
    font-size: 12.5px;
    text-align: left;
    cursor: pointer;
}
.browse-shared:hover[b-lnhsvsko01] { text-decoration: underline; }
.ico-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    border-radius: 2px;
    padding: 4px 6px;
    color: var(--t-ink-dim);
    font-size: 12px;
    letter-spacing: 0;
    cursor: pointer;
    line-height: 1.4;
}
.ico-btn:hover[b-lnhsvsko01] { color: var(--t-accent); }

/* ─── conversation column ────────────────────────────── */
.conv[b-lnhsvsko01] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    /* the frame a council's filled piece of material covers, and keeps it under the phone's thread list */
    position: relative;
    isolation: isolate;
}
.conv-empty[b-lnhsvsko01] {
    margin: auto;
    text-align: center;
    padding: 40px 20px;
}
.conv-empty .greeting[b-lnhsvsko01] {
    font-family: var(--t-script);
    font-size: 32px;
    font-weight: 500;
    color: var(--t-accent);
    transform: rotate(-1deg);
    display: inline-block;
    margin-bottom: 8px;
}
.conv-empty .ghost[b-lnhsvsko01] {
    font-style: italic;
    font-size: 16px;
    color: var(--t-ink-dim);
}

/* conv-head — title row + meta + controls row */
.conv-head[b-lnhsvsko01] {
    flex: 0 0 auto;
    padding: 4px 0 10px;
    border-bottom: 1px solid var(--t-rule);
}
.conv-head-top[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.conv-titles[b-lnhsvsko01] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
}
.thread-title-text[b-lnhsvsko01] { min-width: 0; overflow-wrap: anywhere; }
.conv-audience[b-lnhsvsko01] { flex: 0 0 auto; }
.conv-audience[b-lnhsvsko01]  .audience-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border: 1px solid var(--t-rule);
    border-radius: 12px;
    background: transparent;
    color: var(--t-ink-dim);
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}
.conv-audience[b-lnhsvsko01]  .audience-chip:hover { color: var(--t-accent); border-color: var(--t-accent); }
.conv-audience[b-lnhsvsko01]  .vis-trigger:disabled { font-size: 12px; padding: 2px 10px; }
.thread-title[b-lnhsvsko01] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.015em;
    line-height: 1.2;
    color: var(--t-ink);
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    padding: 2px 0;
    min-width: 0;
    flex: 1 1 auto;
}
.thread-title:hover[b-lnhsvsko01] { color: var(--t-accent); }
.thread-title:hover .title-edit-hint[b-lnhsvsko01] { opacity: 1; }
.title-edit-hint[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 9px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.15s;
}
.title-edit[b-lnhsvsko01] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.015em;
    color: var(--t-ink);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--t-accent);
    padding: 2px 0;
    outline: none;
    flex: 1;
    max-width: 600px;
}
.head-actions[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    position: relative;
}
.head-btn[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--t-accent);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}
.head-btn:hover[b-lnhsvsko01] { background: var(--t-surface-2); }
.bar-ico[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--t-accent);
    font-size: 18px;
    cursor: pointer;
    flex: 0 0 auto;
}
.bar-ico:hover[b-lnhsvsko01],
.bar-ico.on[b-lnhsvsko01] { background: var(--t-surface-2); }
.bar-ico:disabled[b-lnhsvsko01] { opacity: 0.45; cursor: wait; }

/* the thread's menu: a dropdown at a desk, a sheet from the bottom on a phone */
.thread-menu-veil[b-lnhsvsko01] { position: fixed; inset: 0; z-index: 40; background: transparent; }
.thread-menu[b-lnhsvsko01] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 41;
    display: flex;
    flex-direction: column;
    min-width: 250px;
    max-width: 330px;
    padding: 4px 0;
    background: var(--t-surface);
    border: 1px solid var(--t-rule);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.tm-group[b-lnhsvsko01] { display: flex; flex-direction: column; padding: 4px 0; }
.tm-group + .tm-group[b-lnhsvsko01] { border-top: 1px solid var(--t-rule); }
.tm-row[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 14px;
    border: none;
    background: transparent;
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}
.tm-row:hover[b-lnhsvsko01] { background: var(--t-surface-2); }
.tm-row:disabled[b-lnhsvsko01] { opacity: 0.45; cursor: not-allowed; }
.tm-row.danger[b-lnhsvsko01] { color: var(--t-danger); }
.tm-row.on[b-lnhsvsko01] { color: var(--t-accent); }
.tm-row > i[b-lnhsvsko01] { width: 16px; color: var(--t-ink-dim); }
.tm-val[b-lnhsvsko01] {
    margin-left: auto;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--t-ink-dim);
    font-size: 12px;
}
.tm-check input[b-lnhsvsko01] { margin: 0; accent-color: var(--t-accent); }
.thread-menu .chip.chip-select[b-lnhsvsko01] {
    justify-content: space-between;
    border: none;
    padding: 6px 14px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    color: var(--t-ink);
}
.thread-menu .chip select[b-lnhsvsko01] { font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif); font-size: 14px; max-width: 60%; }
.tm-foot[b-lnhsvsko01] {
    padding: 8px 14px 4px;
    border-top: 1px solid var(--t-rule);
    color: var(--t-ink-dim);
    font-size: 12px;
}
.tm-head[b-lnhsvsko01] { display: none; }
.tm-close[b-lnhsvsko01] {
    padding: 4px 8px;
    border: none;
    background: transparent;
    color: var(--t-accent);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.thread-menu .tm-phone[b-lnhsvsko01],
.thread-menu .tm-narrow[b-lnhsvsko01] { display: none; }
.chip[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--t-rule);
    background: transparent;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    cursor: pointer;
    transition: all 0.15s;
    line-height: 1.3;
}
.chip:hover:not(:disabled):not([disabled="disabled"])[b-lnhsvsko01] {
    color: var(--t-accent);
    border-color: var(--t-accent);
}
.chip:disabled[b-lnhsvsko01],
.chip[disabled="disabled"][b-lnhsvsko01] { opacity: 0.6; cursor: not-allowed; }
.chip.chip-on[b-lnhsvsko01] {
    color: var(--t-ink);
    background: var(--t-surface-2);
    border-color: var(--t-ink);
}
.chip.chip-select[b-lnhsvsko01] {
    padding: 2px 6px 2px 10px;
}
.chip .chip-lbl[b-lnhsvsko01] {
    color: var(--t-ink-dim);
}
.chip select[b-lnhsvsko01] {
    /* Themed, not transparent: the native popup paints from the select's own
       background, so `transparent` gives light ink on the browser's white. */
    background: var(--t-surface-2);
    border: none;
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--t-ink);
    padding: 2px 4px;
    cursor: pointer;
    outline: none;
}
.chip select option[b-lnhsvsko01] {
    background: var(--t-surface-2);
    color: var(--t-ink);
}
.chip input[type="checkbox"][b-lnhsvsko01] {
    margin: 0;
    accent-color: var(--t-accent);
}
.chip input[type="checkbox"]:disabled[b-lnhsvsko01] { cursor: not-allowed; }

/* ─── trace panel ────────────────────────────────────── */
.trace-panel[b-lnhsvsko01] {
    flex: 0 0 auto;
    margin-top: 8px;
    padding: 10px 12px;
    background: var(--t-surface-2);
    border-left: 2px solid var(--t-accent-2);
    max-height: 220px;
    overflow-y: auto;
}
.trace-head[b-lnhsvsko01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    margin-bottom: 8px;
}
.trace-list[b-lnhsvsko01] {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--t-mono);
    font-size: 11px;
    line-height: 1.5;
    color: var(--t-ink-dim);
}
.trace-list li[b-lnhsvsko01] {
    padding: 3px 0;
    display: flex;
    gap: 0 10px;
    flex-wrap: wrap;
    align-items: baseline;
}
.trace-step[b-lnhsvsko01] {
    min-width: 90px;
    color: var(--t-accent);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 9px;
}
.trace-msg[b-lnhsvsko01] { color: var(--t-ink); flex: 1; font-size: 12px; font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif); }
.trace-list .trace-error .trace-step[b-lnhsvsko01],
.trace-list .trace-error .trace-msg[b-lnhsvsko01] { color: var(--t-danger); }
.trace-list .trace-tool .trace-step[b-lnhsvsko01] { color: var(--t-accent-2); }
.trace-detail[b-lnhsvsko01] { width: 100%; padding-left: 100px; }
.trace-detail summary[b-lnhsvsko01] { cursor: pointer; font-size: 10px; color: var(--t-ink-dim); }
.trace-detail pre[b-lnhsvsko01] { margin-top: 4px; padding: 6px 8px; background: var(--t-paper); font-size: 11px; max-height: 120px; overflow: auto; }

/* ─── messages ──────────────────────────────────────── */
.messages[b-lnhsvsko01] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 12px 8px 18px 0;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--t-rule) transparent;
}
.messages[b-lnhsvsko01]::-webkit-scrollbar { width: 4px; }
.messages[b-lnhsvsko01]::-webkit-scrollbar-track { background: transparent; }
.messages[b-lnhsvsko01]::-webkit-scrollbar-thumb { background: var(--t-rule); border-radius: 2px; }
.messages[b-lnhsvsko01]::-webkit-scrollbar-thumb:hover { background: var(--t-ink-dim); }

.turn[b-lnhsvsko01] { margin-top: 18px; }
.turn:first-child[b-lnhsvsko01] { margin-top: 4px; }
.turn .who[b-lnhsvsko01] {
    font-size: 12px;
    font-weight: 600;
    color: var(--t-ink-dim);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.turn.user .who[b-lnhsvsko01] { color: var(--t-accent-2); }
.turn.max .who[b-lnhsvsko01] { color: var(--t-accent); }

/* How long Max took on this turn. A separate flex item, so the .who gap sets it apart from
   "MAX · 2H AGO" without a second separator character. Dimmer than the byline it trails:
   reference information, not part of the attribution. */
.turn .who .who-when[b-lnhsvsko01] { color: var(--t-ink-dim); font-weight: 400; font-variant-numeric: tabular-nums; }
/* a phone hides the name row on your lines and Max's, so the time rides the last line of your bubble and Max's sign-off */
.bubble-at[b-lnhsvsko01], .signoff-at[b-lnhsvsko01] { display: none; }
.turn.max .who .took[b-lnhsvsko01] {
    font-weight: 400;
    color: var(--t-ink-dim);
    opacity: 0.75;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    cursor: default;
}

.turn[b-lnhsvsko01]  .body {
    font-size: 15px;
    line-height: 1.65;
    color: var(--t-ink);
    max-width: 760px;
    word-break: break-word;
}
.turn[b-lnhsvsko01]  .body-user {
    font-style: italic;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    color: var(--t-ink-dim);
    font-variation-settings: 'opsz' 24;
    white-space: pre-wrap;
}

/* markdown body styles */
.turn[b-lnhsvsko01]  .body-md p { margin: 0 0 12px; }
.turn[b-lnhsvsko01]  .body-md p:last-child { margin-bottom: 0; }
.turn[b-lnhsvsko01]  .body-md h1,
.turn[b-lnhsvsko01]  .body-md h2,
.turn[b-lnhsvsko01]  .body-md h3,
.turn[b-lnhsvsko01]  .body-md h4 {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    letter-spacing: -0.015em;
    color: var(--t-ink);
    margin: 16px 0 6px;
    line-height: 1.2;
}
.turn[b-lnhsvsko01]  .body-md h1 { font-size: 22px; }
.turn[b-lnhsvsko01]  .body-md h2 { font-size: 19px; }
.turn[b-lnhsvsko01]  .body-md h3 { font-size: 17px; }
.turn[b-lnhsvsko01]  .body-md h4 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--t-ink-dim); }
.turn[b-lnhsvsko01]  .body-md ul,
.turn[b-lnhsvsko01]  .body-md ol { margin: 4px 0 12px; padding-left: 22px; }
.turn[b-lnhsvsko01]  .body-md li { margin: 4px 0; }
.turn[b-lnhsvsko01]  .body-md li > ul,
.turn[b-lnhsvsko01]  .body-md li > ol { margin: 4px 0; }
.turn[b-lnhsvsko01]  .body-md strong { color: var(--t-ink); font-weight: 600; }
.turn[b-lnhsvsko01]  .body-md em { color: var(--t-accent); font-style: italic; }
.turn[b-lnhsvsko01]  .body-md code {
    font-family: var(--t-mono);
    font-size: 0.88em;
    background: var(--t-surface-2);
    padding: 1px 6px;
    border-radius: 2px;
}
.turn[b-lnhsvsko01]  .body-md pre {
    background: var(--t-surface-2);
    padding: 12px 14px;
    overflow-x: auto;
    margin: 10px 0;
    border-left: 2px solid var(--t-rule);
    font-size: 13px;
}
.turn[b-lnhsvsko01]  .body-md pre code { background: transparent; padding: 0; font-size: inherit; }
.turn[b-lnhsvsko01]  .body-md blockquote {
    margin: 10px 0;
    padding-left: 14px;
    border-left: 2px solid var(--t-accent-2);
    color: var(--t-ink-dim);
    font-style: italic;
}
.turn[b-lnhsvsko01]  .body-md a { color: var(--t-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.turn[b-lnhsvsko01]  .body-md a:hover { text-decoration-thickness: 2px; }
.turn[b-lnhsvsko01]  .body-md table { border-collapse: collapse; margin: 10px 0; font-size: 13px; }
.turn[b-lnhsvsko01]  .body-md th, .turn[b-lnhsvsko01]  .body-md td { border: 1px solid var(--t-rule); padding: 6px 10px; text-align: left; }
.turn[b-lnhsvsko01]  .body-md th {
    background: var(--t-surface-2);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    font-weight: 500;
}
.turn[b-lnhsvsko01]  .body-md hr { border: none; border-top: 1px solid var(--t-rule); margin: 18px 0; }

/* The answer's last line: signature left, tools right, one row. The tools are always
   visible (not hover-revealed like .msg-actions on user turns) — Tim, 13 Sep. */
.turn.max .signoff-row[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    max-width: 760px;
}
.turn.max .signoff[b-lnhsvsko01] {
    font-family: var(--t-script);
    font-size: 22px;
    color: var(--t-accent);
    transform: rotate(-2deg);
    display: inline-block;
    line-height: 1;
}
/* the persona's name beside the M: small and quiet so the initial keeps its flourish */
.turn.max .signoff-as[b-lnhsvsko01] {
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    margin-left: 10px;
    vertical-align: middle;
}
.turn.max .who .persona-name[b-lnhsvsko01] { font-weight: 600; }
.turn.max .signoff-tools[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.streaming-dot[b-lnhsvsko01] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--t-accent);
    animation: ask-pulse-b-lnhsvsko01 1.2s ease-in-out infinite;
}
@keyframes ask-pulse-b-lnhsvsko01 {
    0%, 100% { opacity: 0.3; }
    50%      { opacity: 1; }
}

/* ─── "Max is working" progress strip ───────────────────
   The shared ChatProgressIndicator ships a boxed, blue-tinted pill that clashes
   with the reading-room type. Here we strip the box and recast it as a quiet
   mono status line in the page palette. Page-scoped via ::deep so the other two
   chat surfaces keep the default boxed look. The .ask .messages qualifier wins
   the specificity tie against the component's own scoped rule. */
.ask .messages[b-lnhsvsko01]  .max360-chat-status-strip {
    margin: 18px 0 0;            /* match .turn rhythm — separate it from the text above */
    padding: 0;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 0;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--t-ink-dim);
}
.ask .messages[b-lnhsvsko01]  .max360-chat-status-strip.max360-status-error {
    background: transparent;
    border: none;
    color: var(--t-danger);
}
.ask .messages[b-lnhsvsko01]  .max360-chat-status-strip.max360-status-patient {
    background: transparent;
    border: none;
    color: var(--t-ink);
}
.ask .messages[b-lnhsvsko01]  .max360-chat-status-strip.max360-status-reassure {
    background: transparent;
    border: none;
    color: var(--t-accent);
}
.ask .messages[b-lnhsvsko01]  .max360-chat-status-spinner {
    width: 0.8rem;
    height: 0.8rem;
    border-width: 1.5px;
    border-color: var(--t-rule);
    border-top-color: var(--t-accent);
}
.ask .messages[b-lnhsvsko01]  .max360-chat-status-label { font-weight: 500; }
.ask .messages[b-lnhsvsko01]  .max360-chat-status-elapsed {
    color: var(--t-ink-dim);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* ─── compose (shaded surface so it stands out) ──────── */
.compose[b-lnhsvsko01] {
    flex: 0 0 auto;
    padding: 10px 0 10px;
    border-top: 1px solid var(--t-rule);
    background: var(--t-paper);
}
.compose-error[b-lnhsvsko01] {
    margin-bottom: 6px;
    padding: 6px 10px;
    background: color-mix(in srgb, var(--max360-danger) 10%, transparent);
    border-left: 3px solid var(--t-danger);
    font-size: 13px;
    color: var(--t-danger);
}
.compose-box[b-lnhsvsko01] {
    background: var(--t-compose-bg);
    border: 1px solid var(--t-rule);
    border-radius: 6px;
    padding: 10px 14px 8px;
    transition: border-color 0.15s;
}
.compose-box:focus-within[b-lnhsvsko01] { border-color: var(--t-accent); }
.compose-row[b-lnhsvsko01] {
    display: flex;
    gap: 10px;
    align-items: stretch;
}
.compose-row textarea[b-lnhsvsko01] {
    flex: 1;
    min-width: 0;
}
/* two lines to start, growing with what is typed */
.compose textarea[b-lnhsvsko01] {
    min-height: calc(3em + 12px);
    max-height: 320px;
    padding: 6px 0;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
    field-sizing: content;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-style: italic;
    font-size: 15px;
    color: var(--t-ink);
    line-height: 1.5;
    width: 100%;
}
.compose textarea[b-lnhsvsko01]::placeholder { color: var(--t-ink-dim); }
.compose textarea:disabled[b-lnhsvsko01] { color: var(--t-ink-dim); cursor: wait; opacity: 0.7; }

/* ─── attachments inside compose ─────────────────────── */
.attach-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    color: var(--t-ink-dim);
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px;
    flex: 0 0 auto;
    align-self: flex-end;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.attach-btn:hover:not(:disabled)[b-lnhsvsko01] {
    color: var(--t-accent);
}
.attach-btn:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }

/* ─── talking to Max in this window ─────────────────────────────────────── */

.voice-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    color: var(--t-ink-dim);
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 2px;
    flex: 0 0 auto;
    align-self: flex-end;
    line-height: 1;
}
.voice-btn:hover:not(:disabled)[b-lnhsvsko01] { color: var(--t-accent); }
.voice-btn:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }
.voice-btn.on[b-lnhsvsko01] { color: var(--t-accent); }

/* Full width and in the composer's flow rather than a lit icon: somebody with colleagues in the
   room needs "am I live?" answered from across the desk, and Stop reachable without aiming. */
.voice-live[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 8px 12px;
    border: 1px solid var(--t-accent);
    border-radius: 4px;
    background: color-mix(in srgb, var(--t-accent) 8%, transparent);
    font-size: 13px;
}
.voice-live-word[b-lnhsvsko01] {
    font-weight: 600;
    color: var(--t-accent);
    letter-spacing: 0.02em;
}
.voice-live-detail[b-lnhsvsko01] {
    color: var(--t-ink-dim);
    flex: 1 1 auto;
    min-width: 0;
}
/* The page's own button grammar — mono, uppercase, accent — rather than a filled pill, which
   nothing else here wears. Bordered rather than underlined because it has to be found in a hurry. */
.voice-stop[b-lnhsvsko01] {
    background: transparent;
    color: var(--t-accent);
    border: 1px solid var(--t-accent);
    border-radius: 3px;
    padding: 5px 12px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    flex: 0 0 auto;
}
.voice-stop:hover[b-lnhsvsko01] { background: color-mix(in srgb, var(--t-accent) 12%, transparent); }

.voice-bars[b-lnhsvsko01] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: 16px;
    flex: 0 0 auto;
}
.voice-bars span[b-lnhsvsko01] {
    width: 3px;
    height: 4px;
    background: var(--t-ink-dim);
    border-radius: 1px;
    transition: height 120ms ease, background-color 120ms ease;
}
.voice-bars.lit span[b-lnhsvsko01] { background: var(--t-accent); }
.voice-bars.lit span:nth-child(1)[b-lnhsvsko01] { height: 7px; }
.voice-bars.lit span:nth-child(2)[b-lnhsvsko01] { height: 13px; }
.voice-bars.lit span:nth-child(3)[b-lnhsvsko01] { height: 16px; }
.voice-bars.lit span:nth-child(4)[b-lnhsvsko01] { height: 11px; }
.voice-bars.lit span:nth-child(5)[b-lnhsvsko01] { height: 6px; }

@media (prefers-reduced-motion: reduce) {
    .voice-bars span[b-lnhsvsko01] { transition: none; }
}

.voice-deaf[b-lnhsvsko01],
.voice-warn[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 13px;
}
.voice-deaf[b-lnhsvsko01] {
    border: 1px solid var(--t-danger);
    color: var(--t-danger);
    background: color-mix(in srgb, var(--max360-danger, #9b3232) 7%, transparent);
}
.voice-warn[b-lnhsvsko01] {
    border: 1px solid var(--t-rule);
    color: var(--t-ink-dim);
    background: var(--t-surface-2);
}
.voice-retry[b-lnhsvsko01] {
    background: transparent;
    border: 1px solid currentColor;
    color: inherit;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    cursor: pointer;
}

.attach-chips[b-lnhsvsko01] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--t-rule);
}

/* Messages submitted while a turn was still running. Same chip grammar as the
   attachment chips so the composer reads as one row of pending things, with the
   accent border marking "this will send on its own". */
.queued-chips[b-lnhsvsko01] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--t-rule);
}
.queued-chip[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 4px 3px 10px;
    background: var(--t-surface);
    border: 1px solid var(--t-accent-2);
    border-radius: 12px;
    font-size: 11px;
    color: var(--t-ink);
    overflow: hidden;
}
.queued-chip .queued-lbl[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--t-accent-2);
    flex: none;
}
.queued-chip .queued-text[b-lnhsvsko01] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.queued-chip .queued-att[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--t-accent-2);
    flex: none;
}
.attach-chip[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 4px 3px 10px;
    background: var(--t-surface);
    border: 1px solid var(--t-rule);
    border-radius: 12px;
    font-family: var(--t-mono);
    font-size: 11px;
    color: var(--t-ink);
    max-width: 320px;
    /* Belt-and-braces with the children's min-width:0 — a chip must never spill
       over the chip beside it in the wrapped row, which would put its × remove
       button (the only way to clear a rejected attachment) out of reach. */
    overflow: hidden;
}
.attach-chip.att-uploading[b-lnhsvsko01] {
    border-color: var(--t-accent-2);
    color: var(--t-accent-2);
    animation: ask-pulse-b-lnhsvsko01 1.2s ease-in-out infinite;
}
.attach-chip.att-uploaded[b-lnhsvsko01] {
    border-color: var(--t-accent);
    color: var(--t-ink);
}
.attach-chip.att-rejected[b-lnhsvsko01] {
    border-color: var(--t-danger);
    color: var(--t-danger);
}
.attach-chip .att-name[b-lnhsvsko01] {
    max-width: 200px;
    /* Flex items default to min-width:auto and refuse to shrink below their
       content, so without this the chip's children overflow its max-width and
       the ellipsis never engages. */
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attach-chip .att-size[b-lnhsvsko01] {
    color: var(--t-ink-dim);
    font-size: 10px;
}
.attach-chip .att-err[b-lnhsvsko01] {
    color: var(--t-danger);
    font-size: 10px;
    letter-spacing: 0.05em;
    /* Now carries a sentence, not a bare code — clip it rather than let it
       overflow the chip. The untruncated text is in the chip's title.
       min-width:0 is what actually lets it shrink; max-width alone leaves the
       flex item at its content width and spills past the chip's 320px cap. */
    max-width: 220px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.attach-chip .att-x[b-lnhsvsko01],
.queued-chip .att-x[b-lnhsvsko01] {
    background: transparent;
    border: none;
    color: var(--t-ink-dim);
    cursor: pointer;
    padding: 0 6px;
    font-size: 16px;
    line-height: 1;
}
.attach-chip .att-x:hover:not(:disabled)[b-lnhsvsko01],
.queued-chip .att-x:hover:not(:disabled)[b-lnhsvsko01] { color: var(--t-danger); }
.attach-chip .att-x:disabled[b-lnhsvsko01],
.queued-chip .att-x:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }
.compose-bar[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid var(--t-rule);
    font-size: 12px;
    color: var(--t-ink-dim);
}
.compose-settings[b-lnhsvsko01] { display: inline-flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; }
.compose-settings:empty[b-lnhsvsko01] { display: none; }
.compose-bar .compose-chip[b-lnhsvsko01] {
    border-radius: 12px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}
.compose-bar .compose-chip .chip-lbl[b-lnhsvsko01] { display: none; }
.compose-bar .compose-chip select[b-lnhsvsko01] { font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif); font-size: 12px; max-width: 18rem; }
.compose-hint[b-lnhsvsko01] { font-style: normal; flex: 1 1 auto; min-width: 0; }

/* ─── sources / files column ─────────────────────────── */
.sources[b-lnhsvsko01] {
    border-left: 1px solid var(--t-rule);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}
.sources-head[b-lnhsvsko01] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 8px;
}
.sources-section[b-lnhsvsko01] { padding-bottom: 18px; }
.sources-section + .sources-section[b-lnhsvsko01] { padding-top: 16px; border-top: 1px solid var(--t-rule); }
.sources h4[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--t-ink);
    font-weight: 500;
    margin: 0 0 8px;
}

.sources .promote[b-lnhsvsko01] {
    margin-top: auto;
    padding-top: 14px;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--t-ink);
    text-decoration: none;
    display: inline-block;
    border-top: 1px solid var(--t-rule);
}
.sources .promote:hover[b-lnhsvsko01] { color: var(--t-accent); }

/* ─── confirm-delete inline modal ───────────────────── */
.confirm-veil[b-lnhsvsko01] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.confirm-card[b-lnhsvsko01] {
    background: var(--t-surface);
    padding: 24px 28px;
    border: 1px solid var(--t-rule);
    max-width: 420px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25);
}
.confirm-card h3[b-lnhsvsko01] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.015em;
    color: var(--t-ink);
    margin: 0 0 10px;
}
.confirm-card p[b-lnhsvsko01] {
    margin: 0 0 18px;
    color: var(--t-ink-dim);
    font-size: 14px;
    line-height: 1.5;
}
.confirm-actions[b-lnhsvsko01] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.danger-btn[b-lnhsvsko01] {
    background: var(--t-danger);
    color: white;
    border: none;
    padding: 6px 18px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
}
.danger-btn:hover[b-lnhsvsko01] { opacity: 0.85; }

/* shown only where a media rule below asks for them */
.src-chip[b-lnhsvsko01] { display: none; }
.time-divider[b-lnhsvsko01] { display: none; }
.ask-narrow-only[b-lnhsvsko01] { display: none; }

/* ─── responsive ────────────────────────────────────── */
@media (max-width: 1280px) {
    .shell[b-lnhsvsko01] { grid-template-columns: 200px 1fr 220px; }
    .ask.ask-history-collapsed .shell[b-lnhsvsko01] { grid-template-columns: 36px 1fr 220px; }
    .ask.ask-sources-collapsed .shell[b-lnhsvsko01] { grid-template-columns: 200px 1fr 36px; }
    .ask.ask-history-collapsed.ask-sources-collapsed .shell[b-lnhsvsko01] { grid-template-columns: 36px 1fr 36px; }
}
.ask-narrow-bar[b-lnhsvsko01] { display: none; }
/* Single column below 900px: both rails would have nowhere to sit, so both go. */
@media (max-width: 900px) {
    .ask[b-lnhsvsko01] { padding: 12px 14px 0; }
    .shell[b-lnhsvsko01] { grid-template-columns: 1fr; gap: 14px; }
    /* Both rails are hidden here, so the collapsed-grid rules above — which outrank
       a bare .shell on specificity — must be reset or they leave empty tracks. */
    .ask.ask-history-collapsed .shell[b-lnhsvsko01],
    .ask.ask-sources-collapsed .shell[b-lnhsvsko01],
    .ask.ask-history-collapsed.ask-sources-collapsed .shell[b-lnhsvsko01] { grid-template-columns: 1fr; }
    .threads[b-lnhsvsko01] { display: none; }
    .sources[b-lnhsvsko01] { display: none; }

    .ask-narrow-bar[b-lnhsvsko01] { display: flex; gap: 8px; align-items: center; flex: 0 0 auto; padding-bottom: 10px; }
    .shell[b-lnhsvsko01] { position: relative; }
    /* the list opens over the conversation, whatever the desk's collapse setting says */
    .ask.ask-threads-open .threads[b-lnhsvsko01] {
        display: flex;
        position: absolute;
        inset: 0;
        z-index: 5;
        background: var(--t-paper);
        border-right: 0;
        padding-right: 0;
    }
    .ask.ask-threads-open .threads-head-left[b-lnhsvsko01] { display: block; }
    .ask.ask-threads-open .threads-toolbar[b-lnhsvsko01] { display: flex; }
    .ask.ask-threads-open .threads-scroll[b-lnhsvsko01] { display: block; }
    .ask.ask-threads-open .threads-head-actions[b-lnhsvsko01] { display: none; }
    .ask.ask-threads-open .threads-close[b-lnhsvsko01] {
        display: inline-flex;
        padding: 2px 6px;
        border: none;
        background: transparent;
        color: var(--t-accent);
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    .ask-narrow-only[b-lnhsvsko01] { display: inline-flex; }
    .thread-menu .tm-narrow[b-lnhsvsko01] { display: flex; }

    .src-chip[b-lnhsvsko01] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 8px;
        padding: 3px 10px;
        border: none;
        border-radius: 12px;
        background: color-mix(in srgb, var(--t-accent) 10%, transparent);
        color: var(--t-accent);
        font-size: 12px;
        cursor: pointer;
    }

    .sources-veil[data-open][b-lnhsvsko01] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1040;
        background: rgba(0, 0, 0, 0.35);
    }
    .sources[data-sheet-open][b-lnhsvsko01] {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 80dvh;
        z-index: 1041;
        padding: 8px 16px calc(env(safe-area-inset-bottom) + 12px);
        background: var(--t-paper);
        border-left: none;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);
        overflow-y: auto;
    }
    .sources[data-sheet-open] .sources-head[b-lnhsvsko01] { display: none; }
    .sources[data-sheet-open] .sources-sheet-head[b-lnhsvsko01] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px 0 10px;
        font-weight: 600;
    }
    .ask.ask-sources-collapsed .sources[data-sheet-open] .sources-section[b-lnhsvsko01] { display: block; }
}

/* a phone keeps one row above the conversation and one line below it; the rest is in ⋯ */
@media (max-width: 700px) {
    .ask[b-lnhsvsko01] { padding: 6px 12px 0; }
    .ask-wide-only[b-lnhsvsko01] { display: none !important; }
    .conv-head[b-lnhsvsko01] { padding: 0 0 6px; }
    .conv-head-top[b-lnhsvsko01] { gap: 4px; }
    .conv-titles[b-lnhsvsko01] { flex-direction: column; align-items: flex-start; gap: 0; }
    .thread-title[b-lnhsvsko01] { font-size: 16px; max-width: 100%; }
    /* the icons keep their size; the tap area around each reaches 44px, as Max Live's send does */
    .bar-ico[b-lnhsvsko01], .attach-btn[b-lnhsvsko01], .voice-btn[b-lnhsvsko01], .send-btn[b-lnhsvsko01] { position: relative; }
    .bar-ico[b-lnhsvsko01]::after, .attach-btn[b-lnhsvsko01]::after, .voice-btn[b-lnhsvsko01]::after, .send-btn[b-lnhsvsko01]::after { content: ""; position: absolute; inset: -5px; }
    .thread-title-text[b-lnhsvsko01] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .title-edit-hint[b-lnhsvsko01] { display: none; }
    .thread .preview[b-lnhsvsko01] { font-size: 14px; }
    .rail-view[b-lnhsvsko01] { padding: 6px 16px; font-size: 14px; }
    .title-edit[b-lnhsvsko01] { font-size: 16px; }
    .conv-audience[b-lnhsvsko01]  .audience-chip,
    .conv-audience[b-lnhsvsko01]  .vis-trigger:disabled {
        padding: 0;
        border: none;
        border-radius: 0;
        font-size: 12px;
    }

    .thread-menu-veil[b-lnhsvsko01] { z-index: 1040; background: rgba(0, 0, 0, 0.35); }
    .thread-menu[b-lnhsvsko01] {
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        z-index: 1041;
        min-width: 0;
        max-width: none;
        max-height: 82dvh;
        overflow-y: auto;
        border-radius: 16px 16px 0 0;
        /* Delete sits last; this keeps it clear of where the thumb rests on the phone bar's row */
        padding-bottom: calc(env(safe-area-inset-bottom) + var(--max360-phonebar-height, 58px));
    }
    .thread-menu .tm-phone[b-lnhsvsko01] { display: flex; }
    .tm-head[b-lnhsvsko01] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 12px 6px 16px;
        font-weight: 600;
    }
    .tm-row[b-lnhsvsko01] { padding: 11px 16px; font-size: 15px; }
    .thread-menu .chip.chip-select[b-lnhsvsko01] { padding: 6px 16px; font-size: 15px; }
    .thread-menu .chip .chip-lbl[b-lnhsvsko01] { color: var(--t-ink); }
    .thread-menu .chip select[b-lnhsvsko01] { font-size: 16px; }

    .time-divider[b-lnhsvsko01] {
        display: block;
        margin: 14px 0 2px;
        text-align: center;
        font-size: 11px;
        color: var(--t-ink-dim);
    }
    .turn[b-lnhsvsko01] { margin-top: 10px; }
    .turn .who.who-quiet[b-lnhsvsko01] { display: none; }
    .turn.user.mine .bubble-at[b-lnhsvsko01] {
        display: inline;
        margin-left: 8px;
        font-size: 11px;
        font-style: normal;
        opacity: 0.7;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }
    .signoff .signoff-at[b-lnhsvsko01] { display: inline; font-variant-numeric: tabular-nums; }
    .turn.max .who .took[b-lnhsvsko01],
    .turn .who.who-model-same .model-tag[b-lnhsvsko01] { display: none; }
    .turn.user.mine[b-lnhsvsko01] { display: flex; flex-direction: column; align-items: flex-end; }
    .turn.user.mine .body-user[b-lnhsvsko01] {
        max-width: 85%;
        padding: 7px 12px;
        border-radius: 16px 16px 4px 16px;
        background: var(--t-surface-2);
        color: var(--t-ink);
        font-style: normal;
        font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    }

    .compose[b-lnhsvsko01] { padding: 6px 0 8px; border-top: none; }
    .compose-box[b-lnhsvsko01] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 4px 4px;
        padding: 4px 4px 4px 6px;
        border-radius: 22px;
    }
    .compose-box > *[b-lnhsvsko01] { flex: 0 0 100%; }
    .compose-row[b-lnhsvsko01],
    .compose-bar[b-lnhsvsko01] { display: contents; }
    .compose textarea[b-lnhsvsko01] {
        order: 2;
        flex: 1 1 auto;
        width: auto;
        min-height: 0;
        height: 40px;
        max-height: 140px;
        padding: 8px 2px;
        resize: none;
        font-style: normal;
        font-size: 16px;
    }
    .attach-btn[b-lnhsvsko01] { order: 1; width: 34px; height: 34px; }
    .voice-btn[b-lnhsvsko01] { order: 3; width: 34px; height: 34px; }
    .compose-settings[b-lnhsvsko01],
    .compose-hint[b-lnhsvsko01] { display: none; }
    .send-btn[b-lnhsvsko01] { order: 4; }
}

/* per-message action bar — reveals on hover */
.msg-actions[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    opacity: 0;
    transition: opacity 0.12s;
}
.turn:hover .msg-actions[b-lnhsvsko01],
.msg-actions:focus-within[b-lnhsvsko01] {
    opacity: 1;
}

/* Taking one line out. The question sits under the message it is about, so there is no
   dialog to read back which line was meant. */
.remove-ask[b-lnhsvsko01] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 0.8rem;
}
.remove-ask .danger-btn[b-lnhsvsko01] { padding: 2px 10px; font-size: 0.75rem; }
.remove-problem[b-lnhsvsko01] { color: var(--t-danger); }

.select-bar[b-lnhsvsko01] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    font-size: 0.8rem;
    border-bottom: 1px solid var(--t-rule);
}
.select-bar .danger-btn[b-lnhsvsko01] { padding: 2px 10px; font-size: 0.75rem; }
.line-pick[b-lnhsvsko01] { margin: 0 6px 0 0; vertical-align: middle; }

.cite-flash[b-lnhsvsko01] { animation: cite-flash-b-lnhsvsko01 1.5s ease-out; }
@keyframes cite-flash-b-lnhsvsko01 {
    0% { background: rgba(255, 220, 0, 0.45); }
    100% { background: transparent; }
}
.cite-ref a[b-lnhsvsko01] { text-decoration: none; }
.cite-ref a:hover[b-lnhsvsko01] { text-decoration: underline; }

/* A message the turn runner refused. It is in the transcript but Max never saw it, so it
   must not read as delivered — dimmed, ruled off, and always showing why plus a way to
   send it again (the hover-only .msg-actions row would hide both). */
.turn.unsent .body-user[b-lnhsvsko01] {
    opacity: 0.55;
    text-decoration: line-through;
    text-decoration-color: var(--t-rule);
}
/* What Max put on the Max Talk board for this line: a card under the line that asked for it,
   kept once cleared so the written record has what was shown. */
.ask-board-card[b-lnhsvsko01] {
    margin: 8px 0 10px 12px;
    padding: 8px 12px;
    border: 1px solid var(--t-rule);
    border-left: 3px solid var(--t-accent);
    border-radius: 0 8px 8px 0;
    max-width: 760px;
    min-width: 0;
    overflow-x: auto;
}
.ask-board-card .ask-board-label[b-lnhsvsko01] {
    display: block;
    font-family: var(--t-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--t-ink-dim);
}
.ask-board-card .ask-board-title[b-lnhsvsko01] {
    display: block;
    margin: 2px 0 6px;
}

.ask-look-across[b-lnhsvsko01] {
    display: flex;
    gap: 8px;
    align-items: baseline;
    margin: 0 0 12px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--t-surface);
    border: 1px solid var(--t-rule);
    color: var(--t-ink);
    font-size: 13px;
}

.ask-look-across-starters[b-lnhsvsko01] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: -4px 0 12px;
    font-size: 13px;
    color: var(--t-ink-dim);
}

.ask-board-capped[b-lnhsvsko01] {
    margin: 0 0 12px;
    font-size: 12px;
    color: var(--t-ink-dim);
    font-style: italic;
}

.unsent-note[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px dashed var(--t-rule);
    border-radius: 12px;
    max-width: 760px;
    font-size: 11px;
    color: var(--t-ink-dim);
}
.unsent-note .unsent-lbl[b-lnhsvsko01] {
    font-family: var(--t-mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--t-danger);
    flex: none;
}
.unsent-note .unsent-why[b-lnhsvsko01] { flex: 1 1 auto; min-width: 0; }
.unsent-note .unsent-retry[b-lnhsvsko01] {
    flex: none;
    background: none;
    border: 1px solid var(--t-accent-2);
    border-radius: 10px;
    padding: 2px 10px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--t-accent-2);
    cursor: pointer;
}
.unsent-note .unsent-retry:hover:not(:disabled)[b-lnhsvsko01] { background: var(--t-surface); }
.unsent-note .unsent-retry:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }

/* R19's per-person off switch, on the messages that carry the consult line. Always visible
   rather than inside the hover-only .msg-actions row, for the same reason "Send again" is. */
.consult-optout[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    max-width: 760px;
    font-size: 11px;
    color: var(--t-ink-dim);
}
.consult-optout .consult-optout-btn[b-lnhsvsko01] {
    flex: none;
    background: none;
    border: 1px solid var(--t-rule);
    border-radius: 10px;
    padding: 2px 10px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--t-ink-dim);
    cursor: pointer;
}
.consult-optout .consult-optout-btn:hover:not(:disabled)[b-lnhsvsko01] {
    background: var(--t-surface);
    color: var(--t-accent-2);
    border-color: var(--t-accent-2);
}
.consult-optout .consult-optout-btn:disabled[b-lnhsvsko01] { opacity: 0.5; cursor: default; }
.consult-optout .consult-optout-why[b-lnhsvsko01] { flex: 1 1 auto; min-width: 0; }
.consult-optout-saved[b-lnhsvsko01] {
    margin-top: 4px;
    max-width: 760px;
    font-size: 11px;
    color: var(--t-accent-2);
}

/* knowledge-base status line, under the title */
.kb-status[b-lnhsvsko01] {
    margin-top: 8px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: baseline;
    font-size: 12px;
    line-height: 1.5;
}
.kb-status-text[b-lnhsvsko01] {
    color: var(--t-ink-dim);
    flex: 1 1 240px;
}
.kb-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--t-rule);
    color: var(--t-ink-dim);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    padding: 2px 0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}
.kb-btn:hover:not(:disabled)[b-lnhsvsko01] { color: var(--t-accent); border-bottom-color: var(--t-accent); }
.kb-btn:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }
.kb-btn.danger[b-lnhsvsko01] { color: var(--t-danger); border-bottom-color: var(--t-danger); }
.kb-btn.danger:hover:not(:disabled)[b-lnhsvsko01] { color: var(--t-danger); border-bottom-color: var(--t-danger); }
.kb-error[b-lnhsvsko01] {
    margin-top: 6px;
    font-size: 12px;
    color: var(--t-danger);
}

/* Which model answered. Sits with .took as reference information trailing the byline, so it
   is styled to match rather than to compete with it. */
.turn.max .who .model-tag[b-lnhsvsko01] {
    font-weight: 400;
    color: var(--t-ink-dim);
    opacity: 0.75;
    white-space: nowrap;
    text-decoration: none;
}
.turn.max .who .model-tag:hover[b-lnhsvsko01],
.turn.max .who .model-tag:focus-visible[b-lnhsvsko01] {
    text-decoration: underline;
    opacity: 1;
}

/* Rating an answer. NOT inside .msg-actions, which is hover-only: Tim chose always-visible.
   Quiet enough that a column of them does not read as a second conversation. */
.rate[b-lnhsvsko01] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.rate-btn[b-lnhsvsko01] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.12s, border-color 0.12s, background 0.12s;
}
.rate-btn:hover[b-lnhsvsko01] { opacity: 1; }
.rate-btn.on[b-lnhsvsko01] {
    opacity: 1;
    border-color: var(--t-accent);
    background: color-mix(in srgb, var(--t-accent) 10%, transparent);
}
.rate-note[b-lnhsvsko01] {
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    color: var(--t-ink-dim);
}

/* Files a message carried, above the turn that carried them. The right rail lists every file
   in the thread; this says which turn each one arrived on. */
.turn-attachments[b-lnhsvsko01] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}
.turn-attachment[b-lnhsvsko01] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 2px 8px;
    border: 1px solid var(--t-rule);
    border-radius: 999px;
    font-size: 11px;
    color: var(--t-ink-dim);
    text-decoration: none;
    max-width: 100%;
}
.turn-attachment:hover[b-lnhsvsko01] { color: var(--t-accent); border-color: var(--t-accent); }
.turn-attachment .att-name[b-lnhsvsko01] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.turn-attachment .att-size[b-lnhsvsko01] { opacity: 0.7; font-variant-numeric: tabular-nums; }

/* Per-row actions in the thread list and the file rail. Revealed on hover or keyboard focus:
   a column of always-on buttons beside every row would compete with the titles, which are what
   the rail is for. Not the same call as the rating buttons — those answer a question a person
   has just been asked, these are maintenance on a list they are scanning. */
.thread-actions[b-lnhsvsko01] {
    display: flex;
    gap: 10px;
    margin-top: 4px;
    opacity: 0;
    transition: opacity 0.12s;
}
.thread:hover .thread-actions[b-lnhsvsko01],
.thread-actions:focus-within[b-lnhsvsko01] {
    opacity: 1;
}
.row-btn[b-lnhsvsko01] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--t-rule);
    color: var(--t-ink-dim);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    padding: 1px 0;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.12s, border-color 0.12s;
}
.row-btn:hover:not(:disabled)[b-lnhsvsko01] { color: var(--t-accent); border-bottom-color: var(--t-accent); }
.row-btn:disabled[b-lnhsvsko01] { opacity: 0.4; cursor: not-allowed; }
.row-btn.danger[b-lnhsvsko01] { color: var(--t-danger); border-bottom-color: var(--t-danger); }


.show-all[b-lnhsvsko01] {
    display: block;
    margin-top: 8px;
    background: transparent;
    border: none;
    color: var(--t-ink-dim);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    padding: 4px 0;
    cursor: pointer;
}
.show-all:hover[b-lnhsvsko01] { color: var(--t-accent); }

/* The affirmative twin of .danger-btn, for a confirm that adds rather than removes. */
.go-btn[b-lnhsvsko01] {
    background: var(--t-accent);
    color: var(--t-paper);
    border: none;
    padding: 6px 18px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
}
.go-btn:hover[b-lnhsvsko01] { opacity: 0.85; }

/* a second opinion that failed: one line under the answer it was asked on */
.so-failed-note[b-lnhsvsko01] { color: var(--t-ink-dim); font-size: 0.85rem; font-style: italic; margin: 4px 0 8px; }

/* the second-opinion row under the latest answer: always visible, never in the hover row */
.so-ask-row[b-lnhsvsko01] { display: inline-flex; align-items: center; }
.so-failed-note .quiet-btn[b-lnhsvsko01] { margin-left: 10px; }

/* a touch screen has no hover to reveal the per-message actions, and no keyboard for the shortcuts;
   last in the file so it outranks the hover-only rules above */
@media (hover: none) {
    .msg-actions[b-lnhsvsko01] { display: none; }
    .turn.tapped .msg-actions[b-lnhsvsko01] { display: flex; opacity: 1; }
    /* an invisible row button still takes a tap, so only the open thread's row carries them */
    .thread-actions[b-lnhsvsko01] { display: none; }
    .thread.on .thread-actions[b-lnhsvsko01] { display: flex; opacity: 1; }
}
@media (hover: none) and (pointer: coarse) {
    .compose-hint[b-lnhsvsko01] { display: none; }
}

/* one menu under an answer for what is rarely wanted: rating it, and taking it out */
.answer-more[b-lnhsvsko01] { position: relative; display: inline-flex; }
.answer-more-btn[b-lnhsvsko01] { width: 30px; height: 30px; font-size: 16px; color: var(--t-ink-dim); }
.answer-menu-veil[b-lnhsvsko01] { position: fixed; inset: 0; z-index: 40; background: transparent; }
.answer-menu[b-lnhsvsko01] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 41;
    display: flex;
    flex-direction: column;
    min-width: 190px;
    padding: 4px 0;
    background: var(--t-surface);
    border: 1px solid var(--t-rule);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.answer-menu > button[b-lnhsvsko01] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 14px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 14px;
    text-align: left;
    opacity: 1;
    cursor: pointer;
}
.answer-menu > button:hover[b-lnhsvsko01] { background: var(--t-surface-2); }
.answer-menu > button.on[b-lnhsvsko01] { color: var(--t-accent); }
.answer-menu > .menu-danger[b-lnhsvsko01] { color: var(--t-danger); }
@media (max-width: 700px) {
    .answer-menu-veil[b-lnhsvsko01] { z-index: 1040; background: rgba(0, 0, 0, 0.35); }
    .answer-menu[b-lnhsvsko01] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1041;
        min-width: 0;
        border-radius: 16px 16px 0 0;
        padding: 8px 0 calc(env(safe-area-inset-bottom) + 8px);
    }
    .answer-menu > button[b-lnhsvsko01] { padding: 12px 18px; font-size: 15px; }
}
/* /Components/Pages/AuditLog.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/AuditLog.razor.css */

.audit-details[b-9aqn9dfjz1] {
    max-width: 32rem;
}

/* Reads as an absence rather than as content, so nobody mistakes it for the row's own text. */
.audit-details-withheld[b-9aqn9dfjz1] {
    color: var(--max360-text-muted, #6c757d);
    font-style: italic;
}

.audit-details-toggle[b-9aqn9dfjz1] {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0.25rem;
    color: var(--max360-link);
    cursor: pointer;
    font: inherit;
    font-size: 0.85em;
    text-decoration: underline;
    display: block;
}

/* Wraps and scrolls rather than stretching the row: a 200-id payload is a few thousand
   characters, and one long row that sets the table's width makes every other row unreadable. */
.audit-details-full[b-9aqn9dfjz1] {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 20rem;
    overflow: auto;
    margin: 0;
    padding: 0.5rem;
    background: var(--max360-bg);
    border: 1px solid var(--max360-border);
    border-radius: 4px;
    font-size: 0.8em;
    line-height: 1.4;
}
/* /Components/Pages/Calendar/EventEntityPicker.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Calendar/EventEntityPicker.razor.css
   Scoped, because the picker has four hosts of very different widths — the 300px
   Housekeeping rail on the event page, the drawer, and two modals — and nothing outside
   it should inherit the rail-tuned density. Tokens only: these chips have to survive all
   five themes in themes.css, including the two dark ones. */

.event-entity-picker[b-gbqedh1qw2] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

/* One group per entity type, plus the suggestions block, which is the same shape. */
.linked-entity-group-label[b-gbqedh1qw2] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    margin-bottom: 0.3rem;
}

.linked-entity-chips[b-gbqedh1qw2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

/* The shared .max360-entity-chip pill, minus the affordances it carries for the curation
   chips it was written for: these do not open anything, so a pointer cursor and a hover
   fade would both be promising a click that never happens. */
.linked-entity-chip[b-gbqedh1qw2] {
    cursor: default;
    max-width: 100%;
    padding: 0.15rem 0.5rem;
}

.linked-entity-chip:hover[b-gbqedh1qw2] {
    opacity: 1;
}

/* A long entity name truncates instead of pushing the pill past the rail's edge; the
   full name is on the element's title. */
.linked-entity-name[b-gbqedh1qw2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* The link to the entity's profile page (LinkToEntity hosts only). No standing underline:
   the pill is already a bounded object, and four underlined names in a 300px rail read as
   a link list rather than a set of chips. The underline arrives on hover, where it answers
   "is this clickable" at the moment the question is asked. The text color is pinned to the
   body token rather than the link color so it stays legible on the type tint behind it. */
a.linked-entity-name[b-gbqedh1qw2] {
    color: var(--max360-text);
    text-decoration: none;
}

a.linked-entity-name:hover[b-gbqedh1qw2] {
    text-decoration: underline;
}

a.linked-entity-name:focus-visible[b-gbqedh1qw2] {
    outline: 2px solid var(--max360-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

.linked-entity-empty[b-gbqedh1qw2] {
    font-size: 0.82rem;
    font-style: italic;
    color: var(--max360-text-muted);
}

/* ── Typeahead ─────────────────────────────────────────────────────────────────────── */

.entity-search-input[b-gbqedh1qw2] {
    position: relative;
}

.entity-search-results[b-gbqedh1qw2] {
    margin-top: 0.25rem;
    max-height: 15rem;
    overflow-y: auto;
}

.entity-search-result-name[b-gbqedh1qw2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── What Max heard on the call ────────────────────────────────────────────────────────
   Wrapping chips, so a real meeting's 17 entities take about four lines of the 300px rail
   rather than seventeen. Linked chips reuse .linked-entity-chip; chips waiting for a say
   reuse the dashed .linked-entity-suggestion. */

.meeting-entity-lead[b-gbqedh1qw2] {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--max360-text-muted);
}

.meeting-entity-chips[b-gbqedh1qw2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.meeting-entity-row[b-gbqedh1qw2] {
    min-width: 0;
}

.meeting-entity-dot[b-gbqedh1qw2] {
    flex-shrink: 0;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--max360-border);
}

/* Held on the first open while the page reads what Max heard, so the section does not paint
   as plain chips and then swap to this list. */
.meeting-entity-placeholder[b-gbqedh1qw2] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.55rem 0.6rem;
    border: 1px dashed var(--max360-border);
    border-radius: 0.4rem;
}

.meeting-entity-placeholder-line[b-gbqedh1qw2] {
    font-size: 0.78rem;
    color: var(--max360-text-muted);
}

.meeting-entity-placeholder-bar[b-gbqedh1qw2] {
    height: 0.7rem;
    border-radius: 0.25rem;
    background: var(--surface-2);
}

.meeting-entity-placeholder-bar:nth-child(odd)[b-gbqedh1qw2] {
    width: 70%;
}

.meeting-entity-more[b-gbqedh1qw2] {
    align-self: flex-start;
}

/* A linked entity whose type has no color still reads as a chip, not as loose text. */
.linked-entity-chip.is-untinted[b-gbqedh1qw2] {
    border-color: var(--max360-text-muted);
    background: var(--surface-2);
}

/* The names waiting for a say: one row each, with both answers written out. */
.meeting-entity-ask[b-gbqedh1qw2] {
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    padding: 0.35rem 0.6rem 0.2rem;
}

.meeting-entity-ask-lead[b-gbqedh1qw2] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--max360-text);
}

.meeting-entity-ask-row[b-gbqedh1qw2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 0.6rem;
    border-top: 1px solid var(--max360-border);
}

.meeting-entity-ask-lead + .meeting-entity-ask-row[b-gbqedh1qw2] {
    border-top: 0;
}

.meeting-entity-ask-name[b-gbqedh1qw2] {
    display: flex;
    flex-direction: column;
    flex: 1 1 6rem;
    min-width: 0;
    padding: 0.3rem 0;
}

.meeting-entity-ask-title[b-gbqedh1qw2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--max360-text);
}

.meeting-entity-ask-meta[b-gbqedh1qw2] {
    font-size: 0.72rem;
    color: var(--max360-text-muted);
    white-space: nowrap;
}

.meeting-entity-ask-actions[b-gbqedh1qw2] {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0 0.9rem;
}

.meeting-entity-ask-actions .max360-action + .max360-action[b-gbqedh1qw2] {
    margin-left: 0;
}

/* What somebody said is not about this meeting, with the way back beside each name. */
.meeting-entity-aside[b-gbqedh1qw2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 0.6rem;
    font-size: 0.78rem;
    color: var(--max360-text-muted);
}

.meeting-entity-aside-item[b-gbqedh1qw2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
/* /Components/Pages/Calendar/MeetingContinuationPicker.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Calendar/MeetingContinuationPicker.razor.css
   Scoped, and deliberately the same density as EventEntityPicker beside it — the two sit in the
   same 300px Housekeeping rail (app.css, .cal-event-layout) and a reader reads them as one column.
   Tokens only: this has to survive all five themes in themes.css, including the two dark ones. */

.meeting-continuation-picker[b-vjysep0h0x] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.linked-meeting-rows[b-vjysep0h0x] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* A ROW RATHER THAN A CHIP, unlike the entity picker. A meeting carries a title, a date and an
   attribution line; compressed into a pill the title would ellipsise to nothing in the rail. */
.linked-meeting-row[b-vjysep0h0x] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "name    remove"
        "date    remove"
        "attrib  attrib";
    align-items: baseline;
    column-gap: 0.4rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--max360-border);
    border-radius: 6px;
    background: var(--max360-surface);
    font-size: 0.85rem;
}

.linked-meeting-name[b-vjysep0h0x] {
    grid-area: name;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* THE WITHHELD ROW IS QUIET, NOT ALARMING. Nothing has gone wrong: a colleague linked a meeting
   this reader is not in. Styling it as an error would tell them they had lost something. */
.linked-meeting-withheld[b-vjysep0h0x] {
    color: var(--max360-text-muted);
    font-style: italic;
    font-weight: 400;
}

.linked-meeting-date[b-vjysep0h0x],
.linked-meeting-attribution[b-vjysep0h0x] {
    font-size: 0.72rem;
    color: var(--max360-text-muted);
}

.linked-meeting-date[b-vjysep0h0x] { grid-area: date; }

.linked-meeting-attribution[b-vjysep0h0x] {
    grid-area: attrib;
    margin-top: 0.2rem;
}

/* 24x24 MINIMUM, WCAG 2.5.8, AND IT WAS 21x17 UNTIL A RE-WALK MEASURED IT. No cell can observe a
   hit area, so it passed a green suite and a browser drive that looked at the text and not the box.
   The icon is 12px and was setting the button's size; min-width/min-height plus centering makes the
   TARGET independent of the glyph inside it.

   Still not .max360-icon-btn's 44px: that minimum is for a standalone control, and nested in a row
   it would set the row height and turn a short list into a stack of blocks. Same reasoning as the
   entity chip's dismiss control, which learned it first — 24 is the floor for a control inside a
   row, 44 for one standing alone. The row spans name and date, both taller than 24 together, so
   this costs no row height. */
.linked-meeting-remove[b-vjysep0h0x] {
    grid-area: remove;
    align-self: start;
}

/* Spacing only. The SIZE and COLOR come from .cal-drawer-source-hint in app.css, which is the
   rail's established muted helper -- declaring them here again is how the two drifted apart. */
.linked-meeting-help[b-vjysep0h0x] { margin-top: 0.35rem; }
/* /Components/Pages/Calendar/MeetingNotesInterviewPanel.razor.rz.scp.css */
.mni[b-9fqp0w8ot5] { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 0.5rem; min-width: 0; }
.mni-start[b-9fqp0w8ot5] { align-self: flex-start; }
.mni-actions[b-9fqp0w8ot5] { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.mni-status[b-9fqp0w8ot5] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin: 0; font-weight: 600; color: var(--max360-primary); }
.mni-dot[b-9fqp0w8ot5] { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: currentColor; animation: mni-pulse-b-9fqp0w8ot5 1.6s ease-in-out infinite; }
.mni-done[b-9fqp0w8ot5] { margin-left: auto; }
.mni-line[b-9fqp0w8ot5] { margin: 0; overflow-wrap: anywhere; }
.mni-who[b-9fqp0w8ot5] { font-weight: 600; margin-right: 0.25rem; }
.mni-note[b-9fqp0w8ot5] { margin: 0; font-size: 0.875rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
@keyframes mni-pulse-b-9fqp0w8ot5 { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .mni-dot[b-9fqp0w8ot5] { animation: none; } }
/* /Components/Pages/Calendar/Negotiations.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Calendar/Negotiations.razor.css
 *
 * The three classes Negotiations.razor coined. Each is used in exactly ONE file -- this page's
 * markup -- and each shipped in phase 4 referencing no stylesheet at all, so every one of them
 * rendered as a bare div with no styling. Scoped beside the page rather than added to app.css
 * because nothing else uses them and nothing else should start by accident.
 *
 * max360-badge and its -danger / -warning / -muted variants are DELIBERATELY NOT HERE. They are
 * also undefined, but measured 2026-08-03 they occur 396 times across 62 shipped .razor/.cs files
 * -- a pre-existing repo-wide condition that predates this feature. A page-scoped file could not
 * reach those call sites anyway (CSS isolation rewrites the selector), and moving a global
 * convention on the strength of one page's needs is a different change. It is raised separately.
 */

/* THE QUOTE PANEL -- where the counterparty's own words render, and the ONLY place in the product
   they do (decision L). Two jobs, both structural rather than decorative:

   1. white-space: pre-wrap. NegotiationEscalationRenderer.Flatten deliberately PRESERVES line
      structure -- it collapses runs of blank lines to one and drops control characters, but it
      keeps the newlines between real lines. Without pre-wrap the browser collapses every one of
      them and a multi-line reply renders as a single run-on paragraph, which throws away exactly
      what the flattening bothered to keep.

   2. A visible boundary. The panel's whole purpose is that a reply cannot be mistaken for one of
      Max's own sentences, so the left rule and the recessed background are the attribution -- the
      renderer's structural bounding made visible. Unstyled, an untrusted reply sat flush against
      the product's own prose with nothing between them. */
.max360-quote[b-vd3zm3i004] {
    border-left: 3px solid var(--max360-border);
    background: var(--max360-bg);
    border-radius: 0 0.375rem 0.375rem 0;
    padding: 0.6rem 0.85rem;
}

.max360-quote blockquote[b-vd3zm3i004] {
    white-space: pre-wrap;
    /* A long unbroken token in untrusted prose must not widen the page. */
    overflow-wrap: anywhere;
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
}

/* ONE PARTY inside a negotiation card. Nested one level in, so it reads as contained by the card
   rather than as a sibling of it -- increment 2 puts several of these in one card. */
.max360-subcard[b-vd3zm3i004] {
    border: 1px solid var(--max360-border);
    border-radius: 0.375rem;
    padding: 0.75rem;
    background: var(--max360-surface);
}

/* The "show closed requests" toggle. Aligns the box with its text and makes the whole label a
   click target, which a bare <label> around a checkbox does not do on its own. */
.max360-checkbox-label[b-vd3zm3i004] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    font-size: 0.9rem;
}

.max360-checkbox-label input[type="checkbox"][b-vd3zm3i004] {
    margin: 0;
    cursor: pointer;
}
/* /Components/Pages/Calendar/Sections/MeetingItemsChecklist.razor.rz.scp.css */
.mic[b-gghhzload7] { margin-top: 1.25rem; max-width: 75ch; overflow-wrap: anywhere; }
.mic-heading[b-gghhzload7] { margin: 1.25rem 0 0.25rem; font-size: 0.95rem; font-weight: 650; line-height: 1.4; color: var(--max360-text); }
.mic-list[b-gghhzload7] { list-style: none; margin: 0; padding: 0; }
.mic-row[b-gghhzload7] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem 0.75rem; min-height: 44px; padding: 0.45rem 0; border-bottom: 1px solid var(--max360-border, rgba(0, 0, 0, 0.08)); }
.mic-row.is-plain[b-gghhzload7] { padding-left: calc(22px + 0.75rem); }
.mic-box[b-gghhzload7] { flex: 0 0 auto; width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--max360-primary, #2563eb); cursor: pointer; }
.mic-box:disabled[b-gghhzload7] { cursor: default; }
.mic-main[b-gghhzload7] { flex: 1 1 10rem; min-width: 0; display: flex; flex-direction: column; gap: 2px; cursor: inherit; }
.mic-text[b-gghhzload7] { font-size: 0.97rem; line-height: 1.5; color: var(--max360-text); }
.mic-text.is-done[b-gghhzload7] { text-decoration: line-through; color: var(--max360-text-muted); }
.mic-meta[b-gghhzload7] { font-size: 0.8rem; color: var(--max360-text-muted); display: flex; flex-wrap: wrap; gap: 0 0.5rem; }
.mic-pill[b-gghhzload7] { font-size: 0.72rem; border-radius: 999px; padding: 0 0.5rem; background: color-mix(in srgb, var(--max360-primary) 12%, transparent); color: var(--max360-primary, #2563eb); }
.mic-why[b-gghhzload7] { font-size: 0.8rem; color: var(--max360-text-muted); font-style: italic; }
.mic-act[b-gghhzload7] { flex: 0 0 auto; }
.mic-row:not(.is-plain) > .mic-act[b-gghhzload7] { margin-left: calc(22px + 0.75rem); }
.mic-said[b-gghhzload7] { flex: 1 0 100%; padding-left: calc(22px + 0.75rem); font-size: 0.85rem; color: var(--max360-text-muted); }
.mic-said > summary[b-gghhzload7] { cursor: pointer; min-height: 32px; }
.mic-notice[b-gghhzload7] { margin: 0.75rem 0 0; font-size: 0.8rem; color: var(--max360-text-muted); }
.mic-error[b-gghhzload7] { margin: 0.5rem 0 0; font-size: 0.85rem; color: var(--max360-danger, #b91c1c); }
.mic-summary-list[b-gghhzload7] { margin-top: 0.75rem; font-size: 0.85rem; color: var(--max360-text-muted); }
.mic-summary-list > summary[b-gghhzload7] { cursor: pointer; min-height: 32px; }
.mic.is-compact[b-gghhzload7] { margin-top: 0.5rem; }
.mic.is-compact .mic-heading[b-gghhzload7] { font-size: 0.85rem; margin-top: 0.5rem; }
.mic.is-compact .mic-box[b-gghhzload7] { width: 18px; height: 18px; }
.mic.is-compact .mic-row.is-plain[b-gghhzload7] { padding-left: calc(18px + 0.75rem); }
/* /Components/Pages/CallRecords/CallList.razor.rz.scp.css */
.calls-header[b-oawejel0hv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.calls-empty[b-oawejel0hv] {
    color: var(--max360-text-muted);
    max-width: 60ch;
}

.calls-list[b-oawejel0hv] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 52rem;
}

.calls-row[b-oawejel0hv] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem .85rem;
    border: 1px solid var(--max360-border);
    border-radius: .5rem;
    background: var(--max360-surface);
}

.calls-row-link[b-oawejel0hv] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.calls-row-link:hover .calls-when[b-oawejel0hv],
.calls-row-link:focus-visible .calls-when[b-oawejel0hv] {
    text-decoration: underline;
}

.calls-when[b-oawejel0hv] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.calls-length[b-oawejel0hv] {
    font-weight: 400;
    color: var(--max360-text-muted);
}

.calls-first[b-oawejel0hv] {
    color: var(--max360-text-muted);
    font-size: .92rem;
}
/* /Components/Pages/CallRecords/CallRecord.razor.rz.scp.css */
.call-back[b-1i1vdmkuqo] {
    font-size: .85rem;
}

.call-record[b-1i1vdmkuqo] {
    max-width: 46rem;
}

.call-title[b-1i1vdmkuqo] {
    margin: 0;
    font-size: 1.4rem;
}

.call-meta[b-1i1vdmkuqo] {
    color: var(--max360-text-muted);
    font-variant-numeric: tabular-nums;
    margin: .15rem 0 1rem;
}

.call-summary p[b-1i1vdmkuqo] {
    margin: 0 0 .35rem;
}

.call-section[b-1i1vdmkuqo] {
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    margin: 1.25rem 0 .5rem;
}

.call-actions[b-1i1vdmkuqo] {
    margin: 0;
    padding-left: 1.2rem;
}

.call-reading[b-1i1vdmkuqo] {
    border-top: 1px solid var(--max360-border);
    padding: .5rem 0;
}

.call-reading summary[b-1i1vdmkuqo] {
    cursor: pointer;
}

.call-said[b-1i1vdmkuqo] {
    margin: .4rem 0 .2rem .75rem;
    padding-left: .6rem;
    border-left: 2px solid var(--max360-border);
    color: var(--max360-text-muted);
}

.call-line[b-1i1vdmkuqo] {
    margin: 0 0 .5rem;
}

.call-who[b-1i1vdmkuqo] {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    color: var(--max360-text-muted);
}

.call-line-person[b-1i1vdmkuqo] {
    padding-left: .75rem;
    border-left: 2px solid var(--max360-border);
}

.call-quiet[b-1i1vdmkuqo] {
    color: var(--max360-text-muted);
    font-size: .88rem;
}

.call-link[b-1i1vdmkuqo] {
    background: none;
    border: 0;
    padding: 0;
    font-size: .85rem;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.call-actions-bar[b-1i1vdmkuqo] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.call-confirm[b-1i1vdmkuqo] {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid var(--max360-border);
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.call-confirm p[b-1i1vdmkuqo] {
    flex-basis: 100%;
    margin: 0;
}

.call-error[b-1i1vdmkuqo] {
    margin-top: .75rem;
}

@media (max-width: 700px) {
    .call-back[b-1i1vdmkuqo],
    .call-link[b-1i1vdmkuqo] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

.call-board[b-1i1vdmkuqo] {
    margin-top: 1rem;
}
/* /Components/Pages/Charter/CompanyCharterPage.razor.rz.scp.css */
.cc-topics[b-2tysekqcc8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 760px;
}

.cc-topic[b-2tysekqcc8] {
    min-width: 0;
}

.cc-topic h2[b-2tysekqcc8] {
    margin: 0;
    font-size: 1.15rem;
}

.cc-topic-head[b-2tysekqcc8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
}

.cc-learn[b-2tysekqcc8],
.cc-meta[b-2tysekqcc8] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.9rem;
}

.cc-summary[b-2tysekqcc8] {
    margin: 0.5rem 0 0.25rem;
    overflow-wrap: anywhere;
}

.cc-coverage[b-2tysekqcc8] {
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 0.05rem 0.6rem;
}

.cc-coverage-empty[b-2tysekqcc8] {
    background: var(--max360-danger-soft);
    color: var(--max360-danger-ink);
}

.cc-coverage-thin[b-2tysekqcc8] {
    background: var(--max360-warning-soft);
    color: var(--max360-warning-ink);
}

.cc-coverage-covered[b-2tysekqcc8] {
    background: var(--max360-success-soft);
    color: var(--max360-success-ink);
}

.cc-actions[b-2tysekqcc8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.5rem 0;
}

/* the site's spacing between neighboring buttons would indent every wrapped row */
.cc-actions .max360-action[b-2tysekqcc8] {
    margin: 0;
}

.cc-confirm[b-2tysekqcc8] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.cc-notes-title[b-2tysekqcc8] {
    font-size: 0.95rem;
    margin: 0.75rem 0 0.25rem;
}

.cc-notes[b-2tysekqcc8] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.cc-note[b-2tysekqcc8] {
    border-left: 3px solid var(--max360-border);
    padding-left: 0.6rem;
    min-width: 0;
}

.cc-note-body[b-2tysekqcc8] {
    margin: 0;
    overflow-wrap: anywhere;
}

.cc-notice p[b-2tysekqcc8],
.cc-message[b-2tysekqcc8] {
    margin: 0;
}

.cc-message[b-2tysekqcc8] {
    max-width: 760px;
    margin-bottom: 0.75rem;
}

.cc-footer[b-2tysekqcc8] {
    max-width: 760px;
    margin-top: 1.25rem;
    font-size: 0.9rem;
}

.cc-talk[b-2tysekqcc8],
.cc-check[b-2tysekqcc8] {
    max-width: 760px;
    margin-bottom: 1rem;
    min-width: 0;
}

.cc-talk p[b-2tysekqcc8] {
    margin: 0 0 0.5rem;
}

.cc-check h2[b-2tysekqcc8] {
    margin: 0;
    font-size: 1.1rem;
}

.cc-flag[b-2tysekqcc8] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.9rem;
    color: var(--max360-warning-ink);
}

.cc-previous[b-2tysekqcc8] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.9rem;
}

.cc-previous summary[b-2tysekqcc8] {
    cursor: pointer;
    color: var(--max360-text-muted);
}
/* /Components/Pages/Charter/OurCompaniesSection.razor.rz.scp.css */
.oc-section[b-p0w82cu8ca] {
    max-width: 760px;
    margin-bottom: 1rem;
    min-width: 0;
}

.oc-section h2[b-p0w82cu8ca] {
    margin: 0;
    font-size: 1.15rem;
}

.oc-intro[b-p0w82cu8ca],
.oc-meta[b-p0w82cu8ca] {
    margin: 0.25rem 0 0.5rem;
    font-size: 0.9rem;
}

.oc-list[b-p0w82cu8ca] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.oc-item[b-p0w82cu8ca] {
    border-left: 3px solid var(--max360-border);
    padding-left: 0.6rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.oc-result[b-p0w82cu8ca] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.oc-confirm[b-p0w82cu8ca] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.oc-search[b-p0w82cu8ca] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.oc-search input[b-p0w82cu8ca] {
    flex: 1 1 auto;
    min-width: 0;
}

/* the site's spacing between neighboring buttons would indent every wrapped row */
.oc-section .max360-action[b-p0w82cu8ca] {
    margin: 0;
}

.oc-flag[b-p0w82cu8ca] {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
    color: var(--max360-warning-ink);
}

.oc-message[b-p0w82cu8ca] {
    margin: 0.5rem 0 0;
}
/* /Components/Pages/CompanyNews.razor.rz.scp.css */
/* One column that scrolls as a page; each company is a block under its role. Nothing depends on hover. */
.cwatch[b-mtowcf61kl] {
    max-width: 860px;
}

.cwatch-banner[b-mtowcf61kl] {
    border: 1px solid var(--max360-warning);
    background: var(--max360-warning-soft);
    color: var(--max360-warning-ink);
    border-radius: 8px;
    padding: 8px 12px;
    margin: 0 0 12px;
    font-size: 0.9rem;
}

.cwatch-role[b-mtowcf61kl] {
    margin: 18px 0 8px;
}

.cwatch-role h2[b-mtowcf61kl] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1.1rem;
    margin: 0 0 6px;
}

.cwatch-company[b-mtowcf61kl] {
    border: 1px solid var(--max360-border);
    border-radius: 10px;
    padding: 10px 12px;
    margin: 8px 0;
    min-width: 0;
}

.cwatch-name[b-mtowcf61kl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.cwatch-name a[b-mtowcf61kl] {
    font-weight: 650;
    font-size: 1.02rem;
}

.cwatch-state[b-mtowcf61kl] {
    font-size: 0.82rem;
    color: var(--max360-text-muted);
    margin: 2px 0 4px;
}

.cwatch-state.is-failed[b-mtowcf61kl] {
    color: var(--max360-danger-ink);
}

.cwatch-earlier summary[b-mtowcf61kl] {
    cursor: pointer;
    font-size: 0.88rem;
    color: var(--max360-link);
    padding: 6px 0;
}

.cwatch-quiet[b-mtowcf61kl],
.cwatch-guess[b-mtowcf61kl] {
    font-size: 0.9rem;
    color: var(--max360-text-muted);
}

.cwatch-now[b-mtowcf61kl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 2px 0 6px;
}

.cwatch-now-said[b-mtowcf61kl] {
    font-size: 0.82rem;
    color: var(--max360-text-muted);
}

/* Group, sort and fold controls wrap onto as many lines as a phone needs. */
.cwatch-tools[b-mtowcf61kl] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 12px;
    margin: 4px 0 8px;
}

.cwatch-pick[b-mtowcf61kl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
    min-width: 0;
}

.cwatch-pick select[b-mtowcf61kl] {
    min-width: 9rem;
}

.cwatch-folds[b-mtowcf61kl] {
    display: flex;
    gap: 6px;
}

.cwatch-count[b-mtowcf61kl] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--max360-text-muted);
}

.cwatch-dated[b-mtowcf61kl] {
    border-bottom: 1px solid var(--max360-border);
    padding: 6px 0;
    min-width: 0;
}

.cwatch-dated-company[b-mtowcf61kl] {
    font-size: 0.82rem;
    font-weight: 600;
}
/* /Components/Pages/Desk.razor.rz.scp.css */
/* Desk — teammate aesthetic, full editorial layout (sibling of /today).
   Uses Max360 theme tokens (themes.css) so the page inherits whichever theme
   is active. Only the surface-unique fonts (Caveat handwriting marks,
   JetBrains Mono for small uppercase labels) are loaded by the page head;
   Fraunces comes from the app font stack.

   Desk.razor.css is component-scoped and the child section components have no
   .razor.css of their own, so a selector that must reach their markup is written
   as `::deep …`. Page-owned elements (.stage, .desk-top) are not. */

.desk[b-x9ufv77agw] {
    --t-paper:     var(--bg);
    --t-surface:   var(--surface);
    --t-surface-2: var(--surface-2);
    --t-ink:       var(--ink);
    --t-ink-dim:   var(--ink-dim);
    --t-rule:      var(--rule);
    --t-accent:    var(--accent);
    --t-accent-2:  var(--accent-2, var(--accent));
    /* Brand/voice accent — same token Today uses for its greeting + signature
       (see Today.razor.css); Desk mirrors Today's letter/signoff structure
       and should read as the same voice. */
    --t-brand-accent: var(--max360-brand-accent, var(--accent));
    --t-warning:   var(--max360-warning);
    --t-mono:      var(--max360-font-label);
    --t-script:    'Caveat', 'Segoe Script', cursive;

    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    margin: -1rem -1.5rem;
}

/* ─── stage ─────────────────────────────────────────── */
.stage[b-x9ufv77agw] {
    padding: 24px 32px 40px;
    max-width: 1500px;
}
.loading[b-x9ufv77agw] {
    margin-top: 40px;
    text-align: center;
    color: var(--t-ink-dim);
    font-family: var(--t-mono);
    font-size: 12px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.letter-head[b-x9ufv77agw] {
    font-family: var(--t-script);
    font-size: 32px;
    font-weight: 500;
    color: var(--t-brand-accent);
    margin-bottom: 8px;
    transform: rotate(-1deg) translateX(-2px);
    display: inline-block;
}
/* Typography lives in the shared .max360-lead-headline class (app.css); only
   the page-specific nudge below the script greeting stays here. */

/* ─── glance rail ───────────────────────────────────── */
/* ─── section internals (rendered by child components) ────────────── */
[b-x9ufv77agw] .desk-section {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
[b-x9ufv77agw] .desk-section + .desk-section {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid var(--t-rule);
}
[b-x9ufv77agw] .desk-section-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2px solid var(--t-ink);
}
[b-x9ufv77agw] .desk-section-head h3 {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    letter-spacing: -0.02em;
    padding-bottom: 8px;
    font-variation-settings: 'opsz' 144;
    color: var(--t-ink);
    margin: 0;
    flex: 1;
}
[b-x9ufv77agw] .desk-section-head h3 strong { font-weight: 700; color: var(--t-brand-accent); }
[b-x9ufv77agw] .desk-section-head a, [b-x9ufv77agw] .desk-more {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-left: 12px;
    font-family: var(--t-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    text-decoration: underline;
    text-decoration-color: var(--t-rule);
    text-underline-offset: 5px;
    white-space: nowrap;
}
[b-x9ufv77agw] .desk-section-head a:hover, [b-x9ufv77agw] .desk-more:hover {
    color: var(--t-accent);
    text-decoration-color: var(--t-accent);
}
[b-x9ufv77agw] .desk-more { padding-left: 0; }

[b-x9ufv77agw] .desk-sub-label {
    font-family: var(--t-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    margin: 8px 0 6px;
}
[b-x9ufv77agw] .desk-threads-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[b-x9ufv77agw] .desk-threads-message {
    margin-bottom: 8px;
}
[b-x9ufv77agw] .desk-item {
    padding: 12px 0;
    border-bottom: 1px solid var(--t-rule);
}
[b-x9ufv77agw] .desk-item:last-child { border-bottom: none; }
[b-x9ufv77agw] .desk-item-title {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--t-ink);
}
[b-x9ufv77agw] .desk-item-ctx {
    margin-top: 3px;
    font-size: 13px;
    color: var(--t-ink-dim);
    line-height: 1.55;
}
[b-x9ufv77agw] .desk-item-actions {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
[b-x9ufv77agw] .desk-empty {
    margin-top: 12px;
    font-size: 14px;
    color: var(--t-ink-dim);
    font-style: italic;
}
[b-x9ufv77agw] .desk-msg {
    margin-top: 10px;
    font-size: 13px;
    color: var(--t-accent);
}

[b-x9ufv77agw] .desk-msg-error {
    color: var(--t-warning);
}

/* ─── the top: greeting and Customize ─── */
.stage[b-x9ufv77agw] { max-width: 1500px; }
.desk-top[b-x9ufv77agw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.letter-head[b-x9ufv77agw] { margin-bottom: 0; }
/* the lists sit between the greeting and Customize */
.desk-links[b-x9ufv77agw] { display: flex; flex-wrap: wrap; gap: 0 20px; margin-left: auto; }
.desk-links a[b-x9ufv77agw] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-family: var(--t-mono);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    text-decoration: underline;
    text-decoration-color: var(--t-rule);
    text-underline-offset: 5px;
}
.desk-links a:hover[b-x9ufv77agw] { color: var(--t-accent); text-decoration-color: var(--t-accent); }
/* on a phone Customize is an icon, so it shares the greeting's line rather than taking a row of its own */
.customize-icon[b-x9ufv77agw] { display: none; font-size: 18px; }

@media (max-width: 900px) {
    .stage[b-x9ufv77agw] { padding: 20px 24px 32px; }
}

@media (max-width: 700px) {
    .stage[b-x9ufv77agw] { padding: 12px 16px 24px; }
    .letter-head[b-x9ufv77agw] { font-size: 22px; min-width: 0; flex: 1 1 0; }
    .desk-top[b-x9ufv77agw] { align-items: center; }
    /* on a phone the lists take their own row under the greeting and the Customize icon */
    .desk-links[b-x9ufv77agw] { order: 3; flex-basis: 100%; margin-left: 0; }
    .customize-icon[b-x9ufv77agw] { display: inline; }
    .customize-word[b-x9ufv77agw] { display: none; }
    [b-x9ufv77agw] .desk-section-head h3 { font-size: 20px; padding-bottom: 4px; }
}

[b-x9ufv77agw] .desk-team-panorama { margin: 0 0 12px; font-size: 0.9rem; font-weight: 600; overflow-wrap: anywhere; }
/* /Components/Pages/Desk/AllMail.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Desk/AllMail.razor.css
   Scoped styling for the combined mail list (Blazor CSS isolation).
   Drawn in Documentation/Walkthroughs/2026-09-03-all-your-mail-one-list.html. */

.all-mail[b-hbrib5oz1k] {
    max-width: 60rem;
}

.all-mail-head h1[b-hbrib5oz1k] {
    margin-bottom: 0.25rem;
}

.all-mail-lede[b-hbrib5oz1k] {
    margin-bottom: 0.25rem;
    color: var(--max360-text);
}

.all-mail-caveat[b-hbrib5oz1k] {
    margin-bottom: 1.25rem;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
    max-width: 46rem;
}

/* ── the narrow-to-one-account control ─────────────────────────────────────── */

.all-mail-filter[b-hbrib5oz1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.all-mail-filter-label[b-hbrib5oz1k] {
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.all-mail-chip[b-hbrib5oz1k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.875rem;
    cursor: pointer;
}

.all-mail-chip.is-selected[b-hbrib5oz1k] {
    background: var(--max360-primary);
    border-color: var(--max360-primary);
    color: var(--max360-on-primary);
}

/* an empty account is drawn dashed rather than hidden: an account missing from this list is
   indistinguishable from one that has no mail. */
.all-mail-chip.is-empty[b-hbrib5oz1k] {
    border-style: dashed;
    color: var(--max360-text-muted);
}

.all-mail-chip.is-empty.is-selected[b-hbrib5oz1k] {
    color: var(--max360-on-primary);
}

.all-mail-chip-count[b-hbrib5oz1k] {
    font-variant-numeric: tabular-nums;
    opacity: 0.75;
}

.all-mail-count[b-hbrib5oz1k] {
    color: var(--max360-text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

/* ── the list ──────────────────────────────────────────────────────────────── */

.all-mail-list[b-hbrib5oz1k] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.all-mail-row[b-hbrib5oz1k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
}

.all-mail-row.is-open[b-hbrib5oz1k] {
    border-color: var(--max360-primary);
}

.all-mail-list.is-conversation .all-mail-row.is-open[b-hbrib5oz1k] {
    border-color: var(--max360-border);
}

.all-mail-row-main[b-hbrib5oz1k] {
    /* min-width:0 is what gives the ellipsis inside something to measure against. */
    min-width: 0;
}

/* sender on the left, date on the right, on every row, so both can be scanned down the list */
.all-mail-row-top[b-hbrib5oz1k] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.all-mail-from[b-hbrib5oz1k] {
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* the subject and preview are one list-choice button that opens the message */
.all-mail-open[b-hbrib5oz1k] {
    margin: 0.25rem 0 0;
    text-align: left;
}

.all-mail-open:hover .all-mail-subject[b-hbrib5oz1k],
.all-mail-open:focus-visible .all-mail-subject[b-hbrib5oz1k] {
    color: var(--max360-link);
    text-decoration: underline;
}

.all-mail-subject[b-hbrib5oz1k] {
    display: block;
    margin: 0.15rem 0 0;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.all-mail-preview[b-hbrib5oz1k] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin: 0.15rem 0 0;
    overflow: hidden;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

/* the opened message keeps the sender's own line breaks */
.all-mail-body[b-hbrib5oz1k] {
    margin: 0.6rem 0 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.all-mail-quoted[b-hbrib5oz1k] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
}

.all-mail-quoted summary[b-hbrib5oz1k] {
    color: var(--max360-link);
    cursor: pointer;
}

.all-mail-quoted .all-mail-body[b-hbrib5oz1k] {
    padding-left: 0.75rem;
    border-left: 3px solid var(--max360-border);
    color: var(--max360-text-muted);
}

/* the account badges, thread chip and block link share one line under the message, wrapping on a phone */
.all-mail-row-foot[b-hbrib5oz1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
}

.all-mail-row-foot:empty[b-hbrib5oz1k] {
    display: none;
}

.all-mail-thread-head[b-hbrib5oz1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 1rem;
    margin: 0.25rem 0 0.75rem;
}

.all-mail-thread-title[b-hbrib5oz1k] {
    margin: 0;
    font-size: 1.25rem;
    overflow-wrap: anywhere;
}

.all-mail-thread-link[b-hbrib5oz1k] {
    font-size: 0.875rem;
}

/* Not dressed as an error. Nothing went wrong on either path that produces this row: retention did
   what it is for, or the message was never given a record. Muted italic, so a scanning eye passes
   over it and a reading eye gets a straight answer. No warning color and no icon. */
.all-mail-absent[b-hbrib5oz1k] {
    margin: 0.1rem 0 0;
    font-size: 0.875rem;
    font-style: italic;
    color: var(--max360-text-muted);
}

.all-mail-artifact[b-hbrib5oz1k] {
    margin: 0.15rem 0 0;
    font-size: 0.9375rem;
}

.all-mail-artifact a[b-hbrib5oz1k] {
    color: var(--max360-link);
}

/* ── the message that arrived twice ────────────────────────────────────────── */

.all-mail-copies[b-hbrib5oz1k] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
}

.all-mail-copies-toggle[b-hbrib5oz1k] {
    margin-left: 0.4rem;
    padding: 0;
    background: none;
    border: none;
    color: var(--max360-link);
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}

.all-mail-copy-list[b-hbrib5oz1k] {
    margin: 0.4rem 0 0;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
}

.all-mail-copy-list li[b-hbrib5oz1k] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.15rem 0;
}

.all-mail-copy-label[b-hbrib5oz1k] {
    font-weight: 600;
    color: var(--max360-text);
}

/* ── the badge ─────────────────────────────────────────────────────────────── */

/* Color is never the only signal: the address is written out in the pill itself, so somebody who
   cannot separate the two colors still gets the answer. The dot is the third channel. */
.all-mail-badge[b-hbrib5oz1k] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.15rem 0.55rem;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.all-mail-badge[b-hbrib5oz1k]::before {
    content: "";
    flex: 0 0 auto;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: currentColor;
}

.all-mail-badge.is-work[b-hbrib5oz1k] {
    background: var(--max360-info-soft);
    color: var(--max360-info-ink);
    border-color: var(--max360-info-soft);
}

.all-mail-badge.is-personal[b-hbrib5oz1k] {
    background: var(--max360-success-soft);
    color: var(--max360-success-ink);
    border-color: var(--max360-success-soft);
}

.all-mail-when[b-hbrib5oz1k] {
    font-size: 0.8125rem;
    color: var(--max360-text-muted);
    white-space: nowrap;
}

/* ── the empty screens ─────────────────────────────────────────────────────── */

.all-mail-empty[b-hbrib5oz1k] {
    padding: 1.5rem 0;
    max-width: 40rem;
}

.all-mail-empty-head[b-hbrib5oz1k] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.all-mail-empty p[b-hbrib5oz1k] {
    margin-bottom: 0.4rem;
    color: var(--max360-text-muted);
    font-size: 0.9375rem;
}

.all-mail-loading[b-hbrib5oz1k],
.all-mail-more[b-hbrib5oz1k] {
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.all-mail-more[b-hbrib5oz1k] {
    padding-top: 0.75rem;
}

/* The one control below the list. Dressed as the link it behaves like rather than as a button,
   because it continues the list rather than acting on anything in it. */
.all-mail-more-btn[b-hbrib5oz1k] {
    padding: 0;
    background: none;
    border: none;
    color: var(--max360-link);
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}

.all-mail-more-btn:disabled[b-hbrib5oz1k] {
    color: var(--max360-text-muted);
    text-decoration: none;
    cursor: default;
}

@media (max-width: 700px) {
    .all-mail-row[b-hbrib5oz1k] {
        padding: 0.65rem 0.75rem;
    }
}

/* the block action and its confirm. quiet by default: this is a dense list and one loud
   control per row would read as the point of the page rather than an option on it. */
.all-mail-block-btn[b-hbrib5oz1k] {
    padding: 0;
    background: none;
    border: none;
    color: var(--max360-text-muted);
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.8125rem;
}

.all-mail-block-btn:hover[b-hbrib5oz1k] {
    color: var(--max360-link);
}

.all-mail-block-btn:disabled[b-hbrib5oz1k] {
    color: var(--max360-text-muted);
    text-decoration: none;
    cursor: default;
}

.all-mail-block-confirm[b-hbrib5oz1k] {
    margin-top: 0.25rem;
    padding: 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.25rem;
}
/* /Components/Pages/Desk/MailboxPicker.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Desk/MailboxPicker.razor.css
   Scoped styling for the mailbox picker (Blazor CSS isolation). */

/* The subject is a BUTTON — it opens the reader pane in place rather than navigating —
   so it has to be dressed as the link it sits beside in the "In Max" column. It takes the
   theme's link color for that reason: themes.css ships five themes including a dark
   default, and a pinned #1e40af is unreadable text there. Truncation is the other half:
   display:block + width:100% give the ellipsis something to measure against inside the
   row's `max-width:0` cell, and the full subject stays in the title tooltip. */
.mailbox-subject-btn[b-2e5nv8m6xx] {
    display: block;
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    text-align: left;
    font-weight: 600;
    color: var(--max360-link, var(--max360-primary));
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* "Why did nothing get filed?" — the no-artifact label made clickable. It has to stay
   part of the sentence it interrupts, so it is inline text with the dotted underline
   that conventionally means "there is an explanation behind this", not a control. */
.mailbox-reason-btn[b-2e5nv8m6xx] {
    padding: 0;
    background: none;
    border: none;
    text-align: left;
    color: var(--max360-text-muted);
    text-decoration: underline dotted;
    cursor: pointer;
}
/* /Components/Pages/Desk/Maxbox.razor.rz.scp.css */
/* Maxbox: theme tokens, Bootstrap icons and the bucket stripes, 48px touch targets throughout.
   Every color is a theme token: two of the five themes are dark. */

.mbs[b-o9atwutvp2] { --mbs-gap: 0.66rem; max-width: 56rem; margin-inline: auto; }

/* ── The title and the one sentence ─────────────────────────────────────── */

/* the words pull to refresh shows while the page is pulled down */
.mbs-pull[b-o9atwutvp2] { padding: 0.6rem 0; text-align: center; font-size: 0.9rem; color: var(--max360-text-muted); }

.mbs-title-row[b-o9atwutvp2] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.mbs-title-row h1[b-o9atwutvp2] { margin: 0; flex: 0 0 auto; }

/* Needs you on the title row: its name and the switch, after the view buttons when the page has them */
.mbs-needs[b-o9atwutvp2] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.4rem;
    min-height: 48px;
    margin-left: auto;
    padding: 0 0.2rem;
    border: 0;
    border-radius: 10px;
    background: none;
    color: var(--max360-text);
    font: inherit;
    font-size: 0.9rem;
    white-space: nowrap;
    cursor: pointer;
}
.mbs-needs:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

/* where the title row is narrow (a phone, or a laptop with Ask Max open) it keeps the ⋯ on its first line:
   the sort shows only its icon, and the menu itself opens over it when tapped, which names the current order.
   It answers to its own width, not the window's, because the Ask Max panel takes width the window still has */
.mbs-title-row[b-o9atwutvp2] { container: mbs-title / inline-size; flex-wrap: wrap; row-gap: 0; }
@container mbs-title (max-width: 600px) {
    .mbs-title-row .mbs-sort[b-o9atwutvp2] { position: relative; flex: 0 0 48px; justify-content: center; font-size: 1.15rem; }
    .mbs-title-row .mbs-sort select[b-o9atwutvp2] { position: absolute; inset: 0; width: 100%; max-width: none; opacity: 0; }
    .mbs-title-row .mbs-sort:has(select:focus-visible)[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; border-radius: 10px; }
    .mbs-title-row .mbs-view[b-o9atwutvp2] { order: 5; margin: 0.25rem 0 0; }
    .mbs-title-row .mbs-needs-chip[b-o9atwutvp2] { order: 6; margin: 0.25rem 0 0 auto; }
    .mbs-title-row .mbs-view + .mbs-needs[b-o9atwutvp2] { margin-left: auto; }
    .mbs-title-row .mbs-write[b-o9atwutvp2] { flex: 0 0 48px; padding: 0; justify-content: center; }
    .mbs-title-row .mbs-write-label[b-o9atwutvp2] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* on a phone-width row the ⋯ would drop to a second line, so Write lives only in the ⋯ sheet there */
@container mbs-title (max-width: 400px) {
    .mbs-title-row .mbs-write[b-o9atwutvp2] { display: none; }
}

/* Write an email: a link to its own page, or for someone acting for another person a button that says why not */
.mbs-write[b-o9atwutvp2] {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 48px;
    padding: 0 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 10px;
    background: var(--max360-surface);
    color: var(--max360-primary-ink, var(--max360-primary));
    font: inherit;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
}
.mbs-write .bi[b-o9atwutvp2] { font-size: 1.15rem; }
.mbs-write:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.mbs-write-count[b-o9atwutvp2] {
    position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px;
    border-radius: 9px; background: var(--max360-primary); color: var(--max360-on-primary);
    font-size: 0.72rem; line-height: 18px; text-align: center;
}
.mbs-write-note[b-o9atwutvp2] {
    margin: 0.4rem 0 0.6rem; padding: 0.55rem 0.8rem; border-radius: 0.5rem;
    background: var(--max360-info-soft); color: var(--max360-info-ink); font-size: 0.95rem;
}

/* narrowed, a pill's count goes under its name so all four groups stay on the screen */
@media (max-width: 700px) {
    .mbs-title-row[b-o9atwutvp2] { column-gap: 0.5rem; }
    .mbs-pills .chip:has(.of)[b-o9atwutvp2] { flex: 1 1 0; flex-wrap: wrap; row-gap: 0; line-height: 1.2; }
    .mbs-pills .chip:has(.of) .count[b-o9atwutvp2] { flex-basis: 100%; text-align: center; }
}

/* the old page's phone sort: an icon and the current order, no label box, beside the ⋯ */
.mbs-sort[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    min-height: 48px;
    color: var(--max360-primary-ink, var(--max360-primary));
    font-size: 0.9rem;
    cursor: pointer;
}
.mbs-sort select[b-o9atwutvp2] {
    min-width: 0;
    max-width: 11rem;
    min-height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1rem;
    text-overflow: ellipsis;
    cursor: pointer;
}

.mbs-more[b-o9atwutvp2] {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 10px;
    background: none;
    color: var(--max360-primary-ink, var(--max360-primary));
    font-size: 1.3rem;
    cursor: pointer;
}
.mbs-more:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

/* the buckets on one row, which also explain the colored bar on each row; it never wraps, and
   if four counts in the hundreds outgrow a narrow phone the row scrolls inside itself, not the page */
.mbs-pills[b-o9atwutvp2] { display: flex; flex-wrap: nowrap; gap: 0.25rem; margin: 0.6rem 0 0.9rem; overflow-x: auto; }
.mbs-pills .chip[b-o9atwutvp2] {
    flex: 1 0 auto;
    min-height: 44px;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.2rem 0.3rem;
    font-size: 0.8rem;
    white-space: nowrap;
}
.mbs-pills .swatch[b-o9atwutvp2] { width: 0.5rem; height: 0.5rem; }
.mbs-pills .count[b-o9atwutvp2] { font-size: 0.8rem; }
.mbs-pills .count .of[b-o9atwutvp2] { color: var(--max360-text-muted); }
.mbs-pills .chip.is-on .count .of[b-o9atwutvp2] { color: inherit; opacity: 0.8; }

/* the line under the groups that says the list is narrowed, with the way out */
.mbs-narrow[b-o9atwutvp2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 0.75rem;
    margin: -0.5rem 0 0.6rem;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--max360-text);
}
.mbs-narrow-note[b-o9atwutvp2] { margin: -0.4rem 0 0.6rem; font-size: 0.85rem; line-height: 1.4; color: var(--max360-text-muted); }
.mbs-reading[b-o9atwutvp2] { display: flex; flex-wrap: wrap; gap: 0.4rem 0.75rem; align-items: center; margin-bottom: 0.75rem; }
.mbs-reading-note[b-o9atwutvp2] { flex-basis: 100%; font-size: 0.85rem; }
.mbs-show-all[b-o9atwutvp2] { min-height: 44px; }

.mbs-mailbox[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    margin: 0.3rem 0 0.4rem;
    color: var(--max360-text-muted);
    font-size: 0.9rem;
}
/* the pencil after the menu says the list of mailboxes can be changed, without a line of its own */
.mbs-mailbox-line[b-o9atwutvp2] { display: flex; align-items: center; gap: 0.15rem; min-width: 0; }
.mbs-mailbox-line > .mbs-mailbox[b-o9atwutvp2] { flex: 0 1 auto; }
.mbs-mailbox select option:disabled[b-o9atwutvp2] { color: var(--max360-text-muted); font-weight: 400; }
.mbs-mailbox select[b-o9atwutvp2] {
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    border: 0;
    background: transparent;
    color: var(--max360-text);
    font-weight: 600;
    font-size: 1rem;
    text-overflow: ellipsis;
}

/* Someone reading another person's mailbox: a band that cannot be missed, in the warning tint the
   acting-as banner uses, naming the owner first and the reader second. */
.mbs-delegate[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.5rem 0 0.4rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--max360-warning);
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--max360-warning) 14%, var(--max360-surface));
    color: var(--max360-text);
    font-size: 0.9rem;
    line-height: 1.4;
}
.mbs-delegate > .bi[b-o9atwutvp2] { font-size: 1.3rem; flex: 0 0 auto; }

/* ── The rows ───────────────────────────────────────────────────────────── */

.rows[b-o9atwutvp2] { display: flex; flex-direction: column; gap: var(--mbs-gap); }

.mbs-row[b-o9atwutvp2] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.6rem;
}
.mbs-row.is-open[b-o9atwutvp2] { border-color: var(--max360-primary); }
.mbs-row:not(.is-open)[b-o9atwutvp2] { cursor: pointer; }
.mbs-row.is-selected[b-o9atwutvp2] { border-color: var(--max360-primary); background: var(--max360-info-soft); }
/* the row being worked on: an accent outline, a light accent tint and a wider bucket stripe */
.mbs-row.is-active[b-o9atwutvp2] { border-color: var(--max360-primary); box-shadow: 0 0 0 2px var(--max360-primary); }
.mbs-row.is-active:not(.is-selected)[b-o9atwutvp2] { background: color-mix(in srgb, var(--max360-primary) 10%, var(--max360-surface)); }
.mbs-row.is-active .rail[b-o9atwutvp2] { width: 0.7rem; }

.rail[b-o9atwutvp2] {
    flex: 0 0 auto;
    width: 0.45rem;
    border-radius: calc(0.6rem - 1px) 0 0 calc(0.6rem - 1px);
    background: var(--max360-text-muted);
}
.rail-today[b-o9atwutvp2] { background: var(--max360-warning); }
.rail-eventually[b-o9atwutvp2] { background: var(--max360-primary); }
.rail-noise[b-o9atwutvp2] { background: var(--max360-text-muted); }
.rail-done[b-o9atwutvp2] { background: var(--max360-success); }
/* the row's group named after its time, when the list is not in most-pressing order; not .mbs-group, which is a MaxThread section */
.mbs-row-group[b-o9atwutvp2] { font-size: 0.78rem; color: var(--max360-text-muted); white-space: nowrap; }

/* one piece a line; at a desk a closed row's status tag and buttons share the last line (see "the buttons on a row") */
.mbs-body[b-o9atwutvp2] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.9rem 1.1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
}
.mbs-body > *[b-o9atwutvp2] { flex: 1 0 100%; min-width: 0; }

.mbs-top[b-o9atwutvp2] { display: flex; align-items: baseline; gap: 0.6rem; min-width: 0; }
.mbs-check[b-o9atwutvp2] { width: 1.35rem; height: 1.35rem; flex: 0 0 auto; align-self: center; margin: 0; }

.mbs-sender[b-o9atwutvp2],
.mbs-subject[b-o9atwutvp2] {
    display: block;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    overflow-wrap: anywhere;
}
.mbs-sender[b-o9atwutvp2] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.35;
}
.mbs-subject[b-o9atwutvp2] { font-size: 0.95rem; font-weight: 500; line-height: 1.4; }
/* 48px to tap, taken only from the space above each line and given back by the negative margin, so
   the row keeps its height and nothing below (summary, buttons, links) is covered. the subject's
   extra reaches up over the sender line, which opens the same message; the checkbox sits above both */
.mbs-sender[b-o9atwutvp2] { position: relative; z-index: 1; padding-top: calc(48px - 1.35em); margin-top: calc(1.35em - 48px); }
.mbs-subject[b-o9atwutvp2] { position: relative; z-index: 1; padding-top: calc(48px - 1.4em); margin-top: calc(1.4em - 48px); }
.mbs-top .mbs-check[b-o9atwutvp2] { position: relative; z-index: 2; }
.mbs-sender:focus-visible[b-o9atwutvp2],
.mbs-subject:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; border-radius: 2px; }

.mbs-clip[b-o9atwutvp2] { flex: 0 0 auto; font-size: 0.8125rem; color: var(--max360-text-muted); }
.mbs-time[b-o9atwutvp2] { flex: 0 0 auto; font-size: 0.8125rem; color: var(--max360-text-muted); white-space: nowrap; }

/* what the person reads to decide, so it is the darkest block in the card. the indent and neutral rule, never
   quote marks, keep it reading as Max's words and not the sender's */
.mbs-summary[b-o9atwutvp2] {
    margin: 0;
    padding-left: 0.8rem;
    border-left: 2px solid color-mix(in srgb, var(--max360-text-muted) 45%, var(--max360-border));
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--max360-text);
    overflow-wrap: anywhere;
    cursor: pointer;
}
/* the preview on a closed row is as many lines as the person set, two unless changed; opening the email or
   its reply shows the whole summary. the snippet is the sender's own first words, in the same place */
.mbs-row:not(.is-full) .mbs-summary[b-o9atwutvp2],
.mbs-row:not(.is-full) .mbs-snippet[b-o9atwutvp2] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.mbs-row:not(.is-full) :is(.mbs-summary, .mbs-snippet).mbs-lines-1[b-o9atwutvp2] { -webkit-line-clamp: 1; line-clamp: 1; }
.mbs-row:not(.is-full) :is(.mbs-summary, .mbs-snippet).mbs-lines-3[b-o9atwutvp2] { -webkit-line-clamp: 3; line-clamp: 3; }
.mbs-snippet[b-o9atwutvp2] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
    cursor: pointer;
}
/* with Both, the sender's words come first and Max's summary sits under them in italics, so whose words are whose
   needs no label */
.mbs-snippet + .mbs-summary[b-o9atwutvp2] { font-style: italic; }

/* a tag under the subject, so a row reads who, what, where it stands, then Max's summary; the row's
   details sheet uses the same tag */
.mbs-body > .mbs-status[b-o9atwutvp2] { flex: 0 1 auto; margin: 0.15rem 0 0.1rem; }
.mbs-body > .mbs-row-error[b-o9atwutvp2] { flex: 1 1 100%; margin: 0.25rem 0; font-size: 0.9rem; }
.mbs-status[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    background: color-mix(in srgb, var(--max360-text-muted) 10%, var(--max360-surface));
    color: var(--max360-text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
}
.mbs-status.is-owed[b-o9atwutvp2] { background: var(--max360-info-soft); color: var(--max360-info-ink); font-weight: 600; }
.mbs-status.is-drafts[b-o9atwutvp2] { background: var(--max360-success-soft); color: var(--max360-success-ink); font-weight: 600; }
/* the attached files, by name, each with an icon for its kind */
.mbs-files[b-o9atwutvp2] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0.1rem 0 0; padding: 0; list-style: none; }
.mbs-file[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.2rem 0.55rem;
    border: 1px solid var(--max360-border);
    border-radius: 6px;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.8125rem;
    line-height: 1.35;
}
.mbs-file.is-more[b-o9atwutvp2] { color: var(--max360-text-muted); border-style: dashed; }
.mbs-file-name[b-o9atwutvp2] { min-width: 0; max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mbs-file-icon[b-o9atwutvp2] { flex: 0 0 auto; font-size: 0.95rem; color: var(--max360-text-muted); }
.mbs-file-icon.is-pdf[b-o9atwutvp2] { color: var(--max360-danger-ink, var(--max360-danger)); }
.mbs-file-icon.is-word[b-o9atwutvp2] { color: var(--max360-info-ink); }
.mbs-file-icon.is-sheet[b-o9atwutvp2] { color: var(--max360-success-ink); }
.mbs-file-icon.is-slides[b-o9atwutvp2] { color: var(--max360-warning-ink, var(--max360-warning)); }
.mbs-file-icon.is-runnable[b-o9atwutvp2] { color: var(--max360-danger-ink, var(--max360-danger)); }
.mbs-status.is-waiting[b-o9atwutvp2] { background: var(--max360-warning-soft); color: var(--max360-warning-ink, var(--max360-text)); }

.mbs-note[b-o9atwutvp2],
.mbs-refusal[b-o9atwutvp2] {
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--max360-text);
    white-space: pre-line;
    overflow-wrap: anywhere;
}
/* the full list of who a reply-all goes to; a long address wraps instead of widening the page */
.mbs-reply-to-all[b-o9atwutvp2] { margin: 0 0 0.4rem; padding-left: 1.2rem; font-size: 0.9rem; line-height: 1.5; overflow-wrap: anywhere; }

/* ── The buttons on a row ───────────────────────────────────────────────── */

.mbs-actions[b-o9atwutvp2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.45rem;
}

.mbs-btn[b-o9atwutvp2] {
    min-height: 48px;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-transform: none;
    letter-spacing: normal;
}
.mbs-actions .max360-action + .max360-action[b-o9atwutvp2],
.max360-toolbar .max360-action + .max360-action[b-o9atwutvp2] { margin-left: 0; }
.mbs-row-more[b-o9atwutvp2] { min-width: 48px; justify-content: center; margin-left: auto; font-size: 1.2rem; }
/* a plain icon, as in the mock: no underline under the ⋯ */
.mbs-actions .mbs-row-more[b-o9atwutvp2]::after { border-bottom: 0; }

/* the row's buttons are buttons, in the reply footer's shape: the main one filled, the rest outlined,
   and Draft a reply and Mark done carry an arrow joined to them by a rule for their other choices */
.mbs-row-actions .mbs-btn:not(.mbs-row-more)[b-o9atwutvp2] {
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    line-height: 1.2;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.mbs-row-actions .mbs-btn[b-o9atwutvp2]::after { display: none; }
.mbs-row-actions .mbs-btn:not(.mbs-row-more):hover:not(:disabled)[b-o9atwutvp2] { color: var(--max360-text); border-color: var(--max360-text-muted); background: color-mix(in srgb, var(--max360-text-muted) 8%, var(--max360-surface)); }
.mbs-row-actions .max360-action-primary.mbs-btn[b-o9atwutvp2],
.mbs-row-actions .max360-action-primary.mbs-btn:hover:not(:disabled)[b-o9atwutvp2] { border-color: var(--max360-primary); background: var(--max360-primary); color: var(--max360-on-primary); }
.mbs-row-actions .max360-action-primary.mbs-btn:hover:not(:disabled)[b-o9atwutvp2] { filter: brightness(1.08); }
.mbs-row-actions .mbs-btn:disabled[b-o9atwutvp2] { opacity: 0.6; cursor: default; }
.mbs-row-actions .mbs-btn:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

.mbs-row-actions .is-short[b-o9atwutvp2] { display: none; }
.mbs-split[b-o9atwutvp2] { position: relative; display: inline-flex; align-items: stretch; flex: 0 0 auto; }
.mbs-row-actions .mbs-split > .mbs-split-main[b-o9atwutvp2] { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mbs-split-arrow[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid var(--max360-border);
    border-left: 0;
    border-radius: 0 0.5rem 0.5rem 0;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.mbs-split-arrow:hover[b-o9atwutvp2],
.mbs-split-arrow[aria-expanded="true"][b-o9atwutvp2] { background: color-mix(in srgb, var(--max360-text-muted) 8%, var(--max360-surface)); }
.mbs-split.is-primary .mbs-split-arrow[b-o9atwutvp2] {
    border-color: var(--max360-primary);
    border-left: 1px solid color-mix(in srgb, var(--max360-on-primary) 35%, var(--max360-primary));
    background: var(--max360-primary);
    color: var(--max360-on-primary);
}
.mbs-split.is-primary .mbs-split-arrow:hover[b-o9atwutvp2],
.mbs-split.is-primary .mbs-split-arrow[aria-expanded="true"][b-o9atwutvp2] { background: var(--max360-primary); filter: brightness(1.08); }
.mbs-split:not(.is-primary) .mbs-split-arrow[b-o9atwutvp2] { box-shadow: inset 1px 0 0 var(--max360-border); }
.mbs-split-arrow:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

/* at a desk a closed row ends with one line: the status tag on the left and the buttons on the right,
   under Max's summary. anything else showing in the row (the reply, the message, a question) is not on
   the list below, so the tag stays under the subject and the buttons sit at the foot, after it */
@media (min-width: 701px) {
    .mbs-body:not(:has(> :not(.mbs-top, .mbs-subject, .mbs-status, .mbs-snippet, .mbs-summary, .mbs-files, .mbs-row-actions))) > :is(.mbs-status, .mbs-row-actions)[b-o9atwutvp2] { order: 1; }
    .mbs-body:not(:has(> :not(.mbs-top, .mbs-subject, .mbs-status, .mbs-snippet, .mbs-summary, .mbs-files, .mbs-row-actions))) > .mbs-row-actions[b-o9atwutvp2] {
        flex: 1 1 auto;
        margin-top: 0;
    }
    /* right-aligned as a group, so the buttons line up down the list whatever each tag says */
    .mbs-body:not(:has(> :not(.mbs-top, .mbs-subject, .mbs-status, .mbs-snippet, .mbs-summary, .mbs-files, .mbs-row-actions))) > .mbs-row-actions > :first-child[b-o9atwutvp2] { margin-left: auto; }
    .mbs-body:not(:has(> :not(.mbs-top, .mbs-subject, .mbs-status, .mbs-snippet, .mbs-summary, .mbs-files, .mbs-row-actions))) > .mbs-row-actions > .mbs-row-more:not(:first-child)[b-o9atwutvp2] { margin-left: 0; }
}
/* with a mouse the buttons draw 36px tall; the hit area stays 44px by reaching 4px above and below */
@media (min-width: 701px) and (pointer: fine) {
    .mbs-row-actions .mbs-btn[b-o9atwutvp2],
    .mbs-row-actions .mbs-btn:not(.mbs-row-more)[b-o9atwutvp2],
    .mbs-row-actions .mbs-split-arrow[b-o9atwutvp2] { position: relative; min-height: 36px; }
    .mbs-row-actions .mbs-split-arrow[b-o9atwutvp2] { min-width: 36px; }
    /* ::before, because .max360-action's hover underline lives on ::after and outranks this file */
    .mbs-row-actions .mbs-btn[b-o9atwutvp2]::before,
    .mbs-row-actions .mbs-split-arrow[b-o9atwutvp2]::before {
        content: "";
        position: absolute;
        inset: -4px 0;
    }
    .mbs-body > .mbs-row-actions[b-o9atwutvp2] { margin-top: 0.25rem; }
}

/* until a row is opened or being worked on its buttons stay quiet, so the sender, subject and summary
   are what the eye reads: no borders, muted labels, and the main one a light tint that fills on hover.
   Draft it anyway is quiet too, because the tag beside it says Max sees no reply needed */
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-btn:not(.mbs-row-more)[b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split-arrow[b-o9atwutvp2] {
    border-color: transparent;
    background: transparent;
    color: var(--max360-text-muted);
    font-weight: 500;
    box-shadow: none;
}
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-btn:not(.mbs-row-more):hover:not(:disabled)[b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split-arrow:hover[b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split-arrow[aria-expanded="true"][b-o9atwutvp2] {
    border-color: transparent;
    background: color-mix(in srgb, var(--max360-text-muted) 10%, var(--max360-surface));
    color: var(--max360-text);
    filter: none;
}
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split.is-primary:not(.is-anyway) > :is(.mbs-split-main, .mbs-split-arrow)[b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions > .max360-action-primary.mbs-btn[b-o9atwutvp2] {
    background: color-mix(in srgb, var(--max360-primary) 10%, var(--max360-surface));
    color: var(--max360-primary-ink, var(--max360-primary));
    font-weight: 600;
}
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split.is-primary:not(.is-anyway) > .mbs-split-arrow[b-o9atwutvp2] {
    border-left: 1px solid color-mix(in srgb, var(--max360-primary) 22%, var(--max360-surface));
}
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split.is-primary:not(.is-anyway) > :is(.mbs-split-main, .mbs-split-arrow):hover[b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions .mbs-split.is-primary:not(.is-anyway) > .mbs-split-arrow[aria-expanded="true"][b-o9atwutvp2],
.mbs-row:not(.is-open, .is-full, .is-active) .mbs-row-actions > .max360-action-primary.mbs-btn:hover:not(:disabled)[b-o9atwutvp2] {
    background: var(--max360-primary);
    color: var(--max360-on-primary);
}

/* the choices open under their button at a desk, and as a sheet from the bottom on a phone */
.mbs-split-veil[b-o9atwutvp2] { position: fixed; inset: 0; z-index: 1040; cursor: default; }
.mbs-split-menu[b-o9atwutvp2] {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    z-index: 1041;
    display: flex;
    flex-direction: column;
    width: 19rem;
    max-width: calc(100vw - 2rem);
    padding: 0.3rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    border: 1px solid var(--max360-border);
    border-radius: 0.6rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
.mbs-split-menu:focus[b-o9atwutvp2] { outline: none; }
.mbs-split-menu > .mbs-split-head[b-o9atwutvp2] { display: none; }
/* Mark done sits further right, so its choices open leftwards, unless it is the first button on the row */
.mbs-split:not(:first-child):not(.is-primary) .mbs-split-menu[b-o9atwutvp2] { left: auto; right: 0; }
.mbs-split-choice[b-o9atwutvp2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
    min-height: 48px;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-radius: 0.4rem;
    background: none;
    color: var(--max360-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.mbs-split-choice + .mbs-split-choice[b-o9atwutvp2] { border-top: 1px solid var(--max360-border); border-radius: 0; }
.mbs-split-choice:hover:not(:disabled)[b-o9atwutvp2],
.mbs-split-choice:focus-visible[b-o9atwutvp2] { background: var(--max360-info-soft); outline: none; }
.mbs-split-choice:disabled[b-o9atwutvp2] { cursor: default; color: var(--max360-text-muted); }
.mbs-split-name[b-o9atwutvp2] { font-weight: 600; font-size: 0.95rem; line-height: 1.3; }
.mbs-split-hint[b-o9atwutvp2] { font-size: 0.85rem; line-height: 1.4; color: var(--max360-text-muted); overflow-wrap: anywhere; }

/* ── The reply, open on the row ─────────────────────────────────────────── */

.mbs-panel[b-o9atwutvp2] {
    margin-top: 0.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.55rem;
    background: var(--max360-bg);
}
.mbs-panel-head[b-o9atwutvp2] { font-weight: 600; font-size: 0.9rem; margin-bottom: 0.45rem; }
/* the reply reads top to bottom in the order you work: the reply, what to check, the change to ask for, then one button */
.mbs-reply-box[b-o9atwutvp2] { max-width: 46rem; padding: 0.85rem 1rem 0.9rem; }
.mbs-reply-top[b-o9atwutvp2] { display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.5rem; }
.mbs-reply-top > .mbs-panel-head[b-o9atwutvp2] { flex: 1 1 auto; min-width: 0; margin: 0; padding-top: 0.6rem; line-height: 1.5; }
.mbs-reply-close[b-o9atwutvp2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 44px;
    padding: 0 0.6rem;
    margin-right: -0.5rem;
    border: 0;
    border-radius: 0.4rem;
    background: none;
    color: var(--max360-text-muted);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.mbs-reply-close:hover[b-o9atwutvp2] { color: var(--max360-text); }
.mbs-reply-close:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 1px; }
.mbs-quiet[b-o9atwutvp2] { font-size: 0.85rem; color: var(--max360-text-muted); }
.mbs-working[b-o9atwutvp2] { color: var(--max360-text-muted); }
.mbs-reply-to[b-o9atwutvp2],
.mbs-reply-unread[b-o9atwutvp2] { font-weight: 400; overflow-wrap: anywhere; }
.mbs-reply-unread[b-o9atwutvp2] { color: var(--max360-text-muted); }
/* "N more…" sits in the line it ends; its tap area reaches above and below without making the line taller */
.mbs-reply-more[b-o9atwutvp2] {
    padding: 0.7rem 0.15rem;
    margin: -0.7rem 0;
    border: 0;
    background: none;
    color: var(--max360-primary-ink, var(--max360-primary));
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.mbs-reply-more:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; border-radius: 2px; }
/* the sentence and its button share a line where they fit; on a phone the button wraps under the sentence */
.mbs-put-back[b-o9atwutvp2] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.5rem; white-space: normal; }
.mbs-draft-text[b-o9atwutvp2] {
    white-space: pre-wrap;
    font-size: 1rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
/* the reply is edited where it is read: full width, never scrolling sideways, and growing with its text
   (field-sizing where the browser has it, the page's input script where it does not) */
.mbs-draft-edit[b-o9atwutvp2] {
    width: 100%;
    max-width: 100%;
    min-height: 6rem;
    field-sizing: content;
    resize: vertical;
    padding: 0.7rem 0.8rem;
    color: var(--max360-text);
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
}
.mbs-draft-edit:focus[b-o9atwutvp2] { border-color: var(--max360-primary); box-shadow: 0 0 0 1px var(--max360-primary); color: var(--max360-text); background: var(--max360-surface); }
.mbs-check-text[b-o9atwutvp2] { overflow-wrap: anywhere; }
/* the gaps to fill: one numbered card per [your call: …] blank, its prompt, where it goes in the reply,
   one box, and two equal buttons that say how the words go in */
.mbs-gaps[b-o9atwutvp2] { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.8rem; }
.mbs-gaps-head[b-o9atwutvp2] { margin: 0; font-size: 0.9rem; font-weight: 600; color: var(--max360-text); }
.mbs-gaps-help[b-o9atwutvp2] { margin: -0.2rem 0 0.1rem; font-size: 0.8rem; line-height: 1.45; color: var(--max360-text-muted); }
.mbs-gap-row[b-o9atwutvp2] {
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr);
    column-gap: 0.55rem;
    row-gap: 0.35rem;
    align-items: start;
    padding: 0.65rem 0.7rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.55rem;
    background: var(--max360-surface);
}
.mbs-gap-row > :not(.mbs-gap-n)[b-o9atwutvp2] { grid-column: 2; min-width: 0; }
.mbs-gap-n[b-o9atwutvp2] {
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background: var(--max360-warning-soft);
    color: var(--max360-warning-ink);
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.mbs-gap-n.is-done[b-o9atwutvp2] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.mbs-gap-prompt[b-o9atwutvp2] { margin: 0; padding-top: 0.15rem; font-size: 0.9rem; font-weight: 600; line-height: 1.45; color: var(--max360-text); overflow-wrap: anywhere; }
.mbs-gap-where[b-o9atwutvp2] {
    justify-self: start;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    min-height: 32px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--max360-text-muted);
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}
.mbs-gap-where:hover .mbs-gap-before[b-o9atwutvp2] { color: var(--max360-text); text-decoration: underline; text-underline-offset: 2px; }
.mbs-gap-before[b-o9atwutvp2] { font-style: italic; overflow-wrap: anywhere; }
.mbs-gap-slot[b-o9atwutvp2] { display: inline-block; width: 2.2em; height: 1.05em; border: 1px dashed var(--max360-warning-ink); border-radius: 3px; background: var(--max360-warning-soft); vertical-align: middle; }
.mbs-gap-input[b-o9atwutvp2] {
    width: 100%;
    min-height: 44px;
    max-height: calc(4 * 1.45em + 1.2rem);
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.45rem;
    background: var(--max360-bg);
    color: var(--max360-text);
    font: inherit;
    font-size: 1rem;
    line-height: 1.45;
    resize: none;
    field-sizing: content;
    overflow-y: auto;
}
.mbs-gap-input:focus[b-o9atwutvp2] { outline: none; border-color: var(--max360-primary); box-shadow: 0 0 0 1px var(--max360-primary); }
.mbs-gap-input[b-o9atwutvp2]::placeholder { color: var(--max360-text-muted); opacity: 1; }
.mbs-gap-btns[b-o9atwutvp2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem; max-width: 26rem; container-type: inline-size; }
/* where the two full labels no longer fit side by side, each button shows its short label instead */
.mbs-gap-btn > .is-short[b-o9atwutvp2] { display: none; }
@container (max-width: 17rem) {
    .mbs-gap-btn > .is-long[b-o9atwutvp2] { display: none; }
    .mbs-gap-btn > .is-short[b-o9atwutvp2] { display: inline; }
}
.mbs-gap-btn[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0 0.6rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.45rem;
    background: var(--max360-bg);
    color: var(--max360-text);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.mbs-gap-btn > span[b-o9atwutvp2] { overflow: hidden; text-overflow: ellipsis; }
.mbs-gap-btn > .bi-stars[b-o9atwutvp2] { color: var(--max360-primary-ink, var(--max360-primary)); }
.mbs-gap-btn:hover:not(:disabled)[b-o9atwutvp2] { border-color: var(--max360-text-muted); }
.mbs-gap-btn:disabled[b-o9atwutvp2] { opacity: 0.6; cursor: default; }
.mbs-gap-btn:focus-visible[b-o9atwutvp2], .mbs-gap-where:focus-visible[b-o9atwutvp2], .mbs-gap-link:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.mbs-gap-note[b-o9atwutvp2] { margin: 0; font-size: 0.85rem; }
.mbs-gap-row.is-done[b-o9atwutvp2] { align-items: center; padding-block: 0.45rem; background: transparent; }
/* where the email is wide enough, a gap's two buttons sit beside its box instead of on a line under it */
@container mbs-row (min-width: 640px) {
    .mbs-gap-row[b-o9atwutvp2] { grid-template-columns: 1.6rem minmax(0, 1fr) auto; }
    .mbs-gap-row > :not(.mbs-gap-n)[b-o9atwutvp2] { grid-column: 2 / -1; }
    .mbs-gap-row > .mbs-gap-input[b-o9atwutvp2] { grid-column: 2; }
    .mbs-gap-row > .mbs-gap-btns[b-o9atwutvp2] { grid-column: 3; align-self: end; width: 15.5rem; }
}
.mbs-gap-row.is-done > .mbs-gap-result[b-o9atwutvp2] { grid-row: 1; }
.mbs-gap-result[b-o9atwutvp2] { margin: 0; font-size: 0.9rem; line-height: 1.45; color: var(--max360-text); overflow-wrap: anywhere; }
.mbs-gap-result q[b-o9atwutvp2] { quotes: "“" "”"; }
.mbs-gap-result-btns[b-o9atwutvp2] { display: flex; flex-wrap: wrap; gap: 0 0.9rem; }
.mbs-gap-link[b-o9atwutvp2] {
    min-height: 32px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--max360-primary-ink, var(--max360-primary));
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.mbs-gap-link:disabled[b-o9atwutvp2] { opacity: 0.6; cursor: default; }
/* one button that does the next thing, a quieter Copy, and the rest behind ⋯ */
.mbs-reply-foot[b-o9atwutvp2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.9rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--max360-border);
}
/* while the reply is being edited its buttons stay in reach at the foot of the screen */
.mbs-reply-foot.is-editing[b-o9atwutvp2] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-bottom: 0.5rem;
    background: var(--max360-bg);
}
.mbs-primary-btn[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.5rem 1.05rem;
    border: 0;
    border-radius: 0.5rem;
    background: var(--max360-primary);
    color: var(--max360-on-primary);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
}
.mbs-primary-btn:hover:not(:disabled)[b-o9atwutvp2] { filter: brightness(1.08); }
.mbs-primary-btn:disabled[b-o9atwutvp2] { opacity: 0.6; cursor: default; }
.mbs-primary-btn:focus-visible[b-o9atwutvp2],
.mbs-foot-btn:focus-visible[b-o9atwutvp2],
.mbs-ask-send:focus-visible[b-o9atwutvp2],
.mbs-live-btn:focus-visible[b-o9atwutvp2],
.mbs-live-speaker:focus-visible[b-o9atwutvp2],
.mbs-drafts-chip:focus-visible[b-o9atwutvp2],
.mbs-toast-close:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.mbs-primary-sub[b-o9atwutvp2] { font-weight: 400; opacity: 0.85; }
.mbs-foot-btn[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--max360-text);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}
.mbs-foot-btn:hover:not(:disabled)[b-o9atwutvp2] { border-color: var(--max360-text-muted); }
.mbs-foot-btn:disabled[b-o9atwutvp2] { opacity: 0.6; cursor: default; }
.mbs-foot-more[b-o9atwutvp2] { margin-left: auto; }
.mbs-foot-dots[b-o9atwutvp2] { width: 44px; padding: 0; font-size: 1.1rem; border-color: transparent; }
.mbs-foot-more .mbs-split-menu[b-o9atwutvp2] { top: auto; bottom: calc(100% + 0.3rem); left: auto; right: 0; }
a.mbs-split-choice[b-o9atwutvp2] { text-decoration: none; }
a.mbs-split-choice:hover[b-o9atwutvp2] { color: var(--max360-text); }
.mbs-placed[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border-radius: 0.5rem;
    background: var(--max360-success-soft);
    color: var(--max360-success-ink);
    font-size: 0.9rem;
    font-weight: 600;
}
.mbs-foot-link[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0 0.35rem;
    color: var(--max360-primary-ink, var(--max360-primary));
    font-size: 0.9rem;
    font-weight: 600;
    text-underline-offset: 3px;
}
/* a question about the button just pressed sits right under it */
.mbs-confirm[b-o9atwutvp2] {
    margin-top: 0.6rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
}
.mbs-confirm > .mbs-note[b-o9atwutvp2] { margin-top: 0; }
.mbs-confirm > .mbs-actions[b-o9atwutvp2] { margin-top: 0.25rem; }
/* an opened row comes to rest below anything stuck to the top of the list */
.mbs-row[b-o9atwutvp2] { scroll-margin-top: 4.5rem; }
/* a pointer line: an email shown in full under an earlier MaxThread; one line, the whole line is the link */
.mbs-pointer[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    min-height: 44px;
    padding: 0.4rem 1.1rem;
    border: 1px dashed var(--max360-border);
    border-radius: 0.6rem;
    color: var(--max360-text);
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}
.mbs-pointer > span[b-o9atwutvp2] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mbs-pointer-sender[b-o9atwutvp2] { flex: 0 1 auto; max-width: 30%; font-weight: 600; }
.mbs-pointer > .mbs-pointer-subject[b-o9atwutvp2] { flex: 1 1 0; min-width: 3rem; }
.mbs-pointer-where[b-o9atwutvp2] { flex: 0 1 auto; color: var(--max360-primary); text-decoration: underline; }
.mbs-pointer:hover[b-o9atwutvp2], .mbs-pointer:focus-visible[b-o9atwutvp2] { border-color: var(--max360-primary); }
/* Next email sits at the right of the row's buttons, just before ⋯ */
.mbs-actions > .mbs-next-email[b-o9atwutvp2] { margin-left: auto; }
.mbs-actions > .mbs-next-email + .mbs-row-more[b-o9atwutvp2] { margin-left: 0; }
.mbs-own-page[b-o9atwutvp2] { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 44px; margin-top: 0.4rem; font-size: 0.9rem; }

/* the not-read state: one sentence in the row's own type size, then the next step */
.mbs-dead-sentence[b-o9atwutvp2] { margin: 0; font-size: 0.9rem; font-weight: 600; line-height: 1.5; color: var(--max360-text); }

.mbs-pull-group[b-o9atwutvp2] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.4rem; font-size: 0.9rem; }
.mbs-pull-group select[b-o9atwutvp2] { min-height: 48px; max-width: 100%; font-size: 1rem; }

/* what to fill in or check before Copy reply: normal type, the row's own size */
.mbs-checklist[b-o9atwutvp2] { margin-top: 0.7rem; font-size: 0.9rem; line-height: 1.5; color: var(--max360-text); }
.mbs-checklist-head[b-o9atwutvp2] { margin: 0 0 0.3rem; font-weight: 600; }
.mbs-checklist ul[b-o9atwutvp2] { margin: 0; padding-left: 1.2rem; }
/* a message to Max, not part of the email: one tinted line with its own Speak and Redraft inside */
.mbs-tell-more[b-o9atwutvp2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.6rem;
}
.mbs-tell-more-label[b-o9atwutvp2] { font-weight: 600; font-size: 0.85rem; color: var(--max360-text-muted); }
.mbs-ask[b-o9atwutvp2] {
    display: flex;
    align-items: flex-end;
    gap: 0.35rem;
    padding: 0.25rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--max360-primary) 9%, var(--max360-bg));
}
.mbs-ask:focus-within[b-o9atwutvp2] { border-color: var(--max360-primary); }
.mbs-ask.is-live[b-o9atwutvp2] { border-color: var(--max360-danger); }
.mbs-tell-more-text[b-o9atwutvp2] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    max-height: 9rem;
    padding: 0.6rem 0.55rem;
    border: 0;
    background: transparent;
    color: var(--max360-text);
    font: inherit;
    font-size: 1rem;
    line-height: 1.45;
    resize: none;
    field-sizing: content;
}
.mbs-tell-more-text:focus[b-o9atwutvp2] { outline: none; }
.mbs-tell-more-text[b-o9atwutvp2]::placeholder { color: var(--max360-text-muted); opacity: 1; }
.mbs-ask-send[b-o9atwutvp2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.45rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.mbs-ask-send.is-small[b-o9atwutvp2] { padding: 0 0.6rem; font-size: 0.85rem; font-weight: 500; }
.mbs-ask-send:hover:not(:disabled)[b-o9atwutvp2] { border-color: var(--max360-text-muted); }
/* closed, the box is one Redraft button and a line saying it rewrites the whole reply, apart from the gaps */
.mbs-redraft-open[b-o9atwutvp2] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem; }
.mbs-redraft-hint[b-o9atwutvp2] { font-size: 0.85rem; line-height: 1.4; color: var(--max360-text-muted); }
.mbs-ask-send:disabled[b-o9atwutvp2] { opacity: 0.55; cursor: default; }
.mbs-ask-foot[b-o9atwutvp2] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.25rem 0.75rem; }
/* the box says what it is in its placeholder; Max talks back only matters while Max is listening */
.mbs-tell-more:not(:has(.mbs-ask.is-live)) .mbs-ask-foot[b-o9atwutvp2] { display: none; }
.mbs-ask-help[b-o9atwutvp2] { margin: 0; font-size: 0.8rem; line-height: 1.4; color: var(--max360-text-muted); }
/* Speak beside Redraft: a microphone to start, a red Stop with the sound level and the clock while it listens */
.mbs-live-btn[b-o9atwutvp2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.45rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.mbs-live-btn > .bi-mic-fill[b-o9atwutvp2] { color: var(--max360-success-ink); }
.mbs-tell-mic[b-o9atwutvp2] { flex: 0 0 auto; }
.mbs-live-btn.is-on[b-o9atwutvp2] { border-color: var(--max360-danger); background: var(--max360-danger); color: var(--max360-on-danger); }
.mbs-live-square[b-o9atwutvp2] { width: 10px; height: 10px; border-radius: 1px; background: currentColor; }
.mbs-live-level[b-o9atwutvp2] { position: relative; width: 36px; height: 4px; border-radius: 2px; overflow: hidden; background: color-mix(in srgb, currentColor 30%, transparent); }
.mbs-live-level-fill[b-o9atwutvp2] { position: absolute; inset: 0; background: currentColor; opacity: 0.5; transform-origin: left center; transform: scaleX(0); }
.mbs-live-level.is-lit .mbs-live-level-fill[b-o9atwutvp2] { opacity: 1; }
.mbs-live-clock[b-o9atwutvp2] { font-variant-numeric: tabular-nums; }
.mbs-live-heard[b-o9atwutvp2] { color: var(--max360-success); }
/* whether Max says out loud that he has redrafted; the label stays put and On or Off says which */
.mbs-live-speaker[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0 0.25rem;
    border: 0;
    background: transparent;
    color: var(--max360-text-muted);
    font-size: 0.8rem;
    cursor: pointer;
}
.mbs-toggle-state[b-o9atwutvp2] {
    min-width: 2.2em;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: var(--max360-success-soft);
    color: var(--max360-success-ink);
    font-weight: 700;
    text-align: center;
}
.mbs-live-speaker.is-quiet .mbs-toggle-state[b-o9atwutvp2] { background: var(--max360-border); color: var(--max360-text); }
.mbs-checklist li[b-o9atwutvp2] { margin-bottom: 0.25rem; overflow-wrap: anywhere; }

/* ── Opened: the message itself ─────────────────────────────────────────── */

/* laid out as a mail client shows a letter: a plain sheet, who it is from and to, then the text */
.mbs-opened[b-o9atwutvp2] {
    margin-top: 0.6rem;
    padding: 1.1rem 1.4rem 1.25rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.mbs-letter-head[b-o9atwutvp2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: 0.75rem;
    align-items: start;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--max360-border);
}
.mbs-letter-avatar[b-o9atwutvp2] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--max360-primary) 14%, var(--max360-surface));
    color: var(--max360-primary);
    font-size: 0.95rem;
    font-weight: 600;
}
.mbs-letter-who[b-o9atwutvp2] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.mbs-letter-from[b-o9atwutvp2] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.5rem; min-width: 0; }
.mbs-letter-name[b-o9atwutvp2] { font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.mbs-letter-address[b-o9atwutvp2],
.mbs-letter-to[b-o9atwutvp2],
.mbs-letter-date[b-o9atwutvp2] { color: var(--max360-text-muted); font-size: 0.85rem; }
.mbs-letter-address[b-o9atwutvp2] { overflow-wrap: anywhere; }
.mbs-letter-to[b-o9atwutvp2] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
}
.mbs-letter-label[b-o9atwutvp2] { margin-right: 0.3rem; color: var(--max360-text); font-weight: 600; }
.mbs-letter-date[b-o9atwutvp2] { white-space: nowrap; font-variant-numeric: tabular-nums; padding-top: 0.15rem; }
@media (max-width: 700px) {
    /* the sheet is the whole screen on a phone, so the letter needs no frame of its own, and the date goes under the names */
    .mbs-opened[b-o9atwutvp2] { padding: 0.25rem 0 0; background: none; border: 0; border-radius: 0; }
    .mbs-letter-head[b-o9atwutvp2] { grid-template-columns: auto minmax(0, 1fr); }
    .mbs-letter-date[b-o9atwutvp2] { grid-column: 2; padding-top: 0.1rem; }
}
.mbs-flagged-bar[b-o9atwutvp2] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    margin: 8px 0; padding: 8px 10px; border-radius: 6px;
    background: color-mix(in srgb, var(--max360-warning) 14%, var(--max360-surface)); border: 1px solid var(--max360-border);
    font-size: 0.9rem; overflow-wrap: anywhere;
}
.mbs-flagged-bar span[b-o9atwutvp2] { flex: 1 1 220px; min-width: 0; }
.body-text[b-o9atwutvp2] { max-width: 70ch; white-space: pre-wrap; font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; text-wrap: pretty; }

.chain[b-o9atwutvp2] { display: flex; flex-direction: column; gap: 0.9rem; }
.chain-message[b-o9atwutvp2] { border-left: 2px solid var(--max360-border); padding-left: 1rem; }
.chain-message.is-mine[b-o9atwutvp2] { border-left-color: var(--max360-primary); }
.chain-who[b-o9atwutvp2] { color: var(--max360-text-muted); font-size: 0.8rem; }
.chain-text[b-o9atwutvp2] { max-width: 70ch; white-space: pre-wrap; font-size: 0.95rem; line-height: 1.6; margin-top: 0.2rem; overflow-wrap: anywhere; text-wrap: pretty; }

.block-confirm[b-o9atwutvp2] {
    margin-top: 0.45rem;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.55rem;
    background: var(--max360-bg);
    font-size: 0.9rem;
}
.block-confirm p[b-o9atwutvp2] { margin-bottom: 0.5rem; }
.mbs-block-delete[b-o9atwutvp2] { display: flex; gap: 0.5rem; align-items: center; margin: 0.6rem 0; min-height: 48px; }

.summary-edit[b-o9atwutvp2] { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.4rem; }
.summary-edit-buttons[b-o9atwutvp2] { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.summary-edit-buttons .max360-action[b-o9atwutvp2] { min-height: 48px; }

.label[b-o9atwutvp2] {
    font-family: var(--max360-font-label);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

/* ── Answered, and the empty sentences ──────────────────────────────────── */

.mbs-divider[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.4rem 0 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--max360-text-muted);
}
.mbs-divider[b-o9atwutvp2]::after { content: ""; flex: 1 1 auto; border-top: 1px solid var(--max360-border); }

.empty[b-o9atwutvp2] { color: var(--max360-text-muted); font-size: 0.95rem; line-height: 1.5; }
.empty .mbs-show-all[b-o9atwutvp2] { margin-left: 0.4rem; vertical-align: middle; }
.empty-reasons[b-o9atwutvp2] { list-style: none; margin: 0.5rem 0 0; padding: 0; font-size: 0.9rem; color: var(--max360-text-muted); }

/* ── Strips above the list ──────────────────────────────────────────────── */

.move-strip[b-o9atwutvp2],
.max-filter[b-o9atwutvp2] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5rem 0.9rem;
    margin-bottom: 0.6rem;
    border-radius: 6px;
    background: var(--max360-info-soft);
    color: var(--max360-info-ink);
    border: 1px solid var(--max360-border);
    font-size: 0.95rem;
}
.move-strip .max360-action[b-o9atwutvp2],
.max-filter .max360-action[b-o9atwutvp2] { min-height: 48px; }
.mbs-needs-paused[b-o9atwutvp2] { flex-basis: 100%; font-size: 0.85rem; }

/* what just happened, with its Undo, floating above the content so it stays in view as the next email opens;
   on a phone it sits above the bottom bar, at the overlay level the bar leaves clear */
.mbs-toasts[b-o9atwutvp2] {
    position: fixed;
    z-index: 1035;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%);
    width: min(34rem, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    pointer-events: none;
}
.mbs-toasts > .move-strip[b-o9atwutvp2] {
    pointer-events: auto;
    margin: 0;
    padding: 0.3rem 0.3rem 0.3rem 0.95rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    border: 1px solid var(--max360-border);
    border-radius: 0.6rem;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    gap: 0.25rem 0.6rem;
}
.mbs-toasts > .move-strip > span:first-child[b-o9atwutvp2] { flex: 1 1 12rem; }
.mbs-toast-close[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 0.4rem;
    background: none;
    color: var(--max360-text-muted);
    cursor: pointer;
}
.mbs-toast-close:hover[b-o9atwutvp2] { color: var(--max360-text); }
/* room under the last email so a toast never sits on top of it */
.mbs:has(.mbs-toasts > .move-strip) .max-box-list[b-o9atwutvp2] { padding-bottom: 5rem; }

.mbs-search-row[b-o9atwutvp2] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.75rem; }
.mbs-search-row > .mbs-search[b-o9atwutvp2] { flex: 1 1 auto; margin: 0; }
.mbs-drafts-chip[b-o9atwutvp2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 48px;
    padding: 0 0.9rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.mbs-drafts-chip > .bi[b-o9atwutvp2] { color: var(--max360-success-ink); }
.mbs-drafts-chip > .count[b-o9atwutvp2] { color: var(--max360-text-muted); font-variant-numeric: tabular-nums; }
.mbs-drafts-chip.is-on[b-o9atwutvp2] { border-color: var(--max360-primary); background: var(--max360-info-soft); color: var(--max360-info-ink); }
.mbs-drafts-chip.is-on > .count[b-o9atwutvp2] { color: inherit; }

/* ── Selecting several ──────────────────────────────────────────────────── */

.bulk-bar[b-o9atwutvp2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem 1.1rem;
    padding: 0.5rem 1rem;
    margin-bottom: 0.6rem;
    font-size: 0.9rem;
    color: var(--max360-text-muted);
}
.bulk-bar.is-active[b-o9atwutvp2] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--max360-surface);
    border: 1px solid var(--max360-primary);
    border-radius: 0.6rem;
    color: var(--max360-text);
}
.bulk-all[b-o9atwutvp2] { display: inline-flex; align-items: center; gap: 0.7rem; min-height: 48px; cursor: pointer; font-weight: 600; }
.bulk-all input[b-o9atwutvp2] { width: 1.35rem; height: 1.35rem; margin: 0; cursor: pointer; }
.bulk-actions[b-o9atwutvp2] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; }
.bulk-actions .max360-action[b-o9atwutvp2] { min-height: 48px; margin-left: 0; }
.bulk-caption[b-o9atwutvp2] { color: var(--max360-text-muted); }

/* ── The group pills ────────────────────────────────────────────────────── */

.chip[b-o9atwutvp2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 48px;
    padding: 0.4rem 1rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: none;
    color: var(--max360-text-muted);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
}
.chip:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }
.chip.is-on[b-o9atwutvp2] { color: var(--max360-text); border-color: var(--max360-primary); background: var(--max360-info-soft); }
.chip .count[b-o9atwutvp2] { font-size: 0.8rem; color: var(--max360-text-muted); }
.swatch[b-o9atwutvp2] { width: 0.6rem; height: 0.6rem; border-radius: 50%; flex: 0 0 auto; background: var(--max360-text-muted); }
.chip-today .swatch[b-o9atwutvp2] { background: var(--max360-warning); }
.chip-eventually .swatch[b-o9atwutvp2] { background: var(--max360-primary); }
.chip-noise .swatch[b-o9atwutvp2] { background: var(--max360-text-muted); }
.chip-done .swatch[b-o9atwutvp2] { background: var(--max360-success); }

/* ── The ⋯ menus: a sheet from the bottom on a phone, a panel at the right at a desk ── */

.mb-sheet-veil[b-o9atwutvp2] { position: fixed; inset: 0; z-index: 1040; background: rgba(0, 0, 0, 0.35); cursor: pointer; }
.mb-sheet[b-o9atwutvp2] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1041;
    display: flex;
    flex-direction: column;
    max-height: 85dvh;
    overflow-y: auto;
    padding: 0.4rem 0 calc(env(safe-area-inset-bottom) + 0.7rem);
    background: var(--max360-surface);
    color: var(--max360-text);
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);
}
.mb-sheet:focus[b-o9atwutvp2] { outline: none; }
.mb-sheet-head[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-size: 1rem;
}
.mb-sheet-head > span[b-o9atwutvp2] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-sheet-done[b-o9atwutvp2] {
    flex: 0 0 auto;
    min-height: 48px;
    min-width: 48px;
    padding: 0.25rem 0.6rem;
    border: 0;
    background: none;
    color: var(--max360-primary-ink, var(--max360-primary));
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
}
.mb-sheet-row[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 48px;
    padding: 0.8rem 1.1rem;
    border: 0;
    border-top: 1px solid var(--max360-border);
    background: none;
    color: var(--max360-text);
    font: inherit;
    font-size: 1rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    overflow-wrap: anywhere;
}
.mb-sheet-row:disabled[b-o9atwutvp2] { opacity: 0.55; cursor: default; }
/* the same look as the Drafts written by menu below, so the sheet's dropdowns read as one set */
.mb-sheet-row select[b-o9atwutvp2] {
    margin-left: auto;
    min-height: 48px;
    max-width: 60%;
    padding: 0 0.5rem;
    border: 1px solid var(--max360-border);
    border-radius: 4px;
    background: var(--max360-surface);
    color: var(--max360-text);
    font-size: 1rem;
    cursor: pointer;
}
.mb-sheet-row select:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 1px; }
.mb-sheet-row.is-info[b-o9atwutvp2] { cursor: default; font-size: 0.9rem; color: var(--max360-text-muted); }
/* switched off but readable: the reason is the point of listing it */
.mb-sheet-row.mbs-sheet-off:disabled[b-o9atwutvp2] { opacity: 1; color: var(--max360-text-muted); }
.mbs-sheet-off-text[b-o9atwutvp2] { display: flex; flex-direction: column; gap: 0.15rem; }
.mbs-sheet-why[b-o9atwutvp2] { font-size: 0.9rem; }
/* Drafts written by: the shared model menu, laid out as a row of this sheet */
.mbs-model-row[b-o9atwutvp2] { cursor: default; }
.mbs-model-row[b-o9atwutvp2]  .max360-model-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.7rem; width: 100%; font-size: 1rem; color: var(--max360-text); }
.mbs-model-row[b-o9atwutvp2]  .max360-model-name { margin-left: auto; max-width: 60%; }
/* a long model name moves the menu under its label rather than cutting "(default)" off */
.mbs-model-row[b-o9atwutvp2]  .max360-model-select { flex: 1 1 13rem; max-width: 100%; margin-left: auto; min-height: 48px; padding: 0 0.5rem; font-size: 1rem; color: var(--max360-text); }
.mbs-model-row[b-o9atwutvp2]  .max360-model-name { font-weight: 600; text-align: right; }

/* Needs you: a switch, with what it counts written under its name */
.mbs-switch-row[b-o9atwutvp2] { justify-content: space-between; }
.mbs-switch-row .mbs-sheet-off-text[b-o9atwutvp2] { flex: 1 1 auto; min-width: 0; }
.mbs-switch-row .mbs-sheet-why[b-o9atwutvp2] { color: var(--max360-text-muted); }
.mbs-switch-name[b-o9atwutvp2] { font-weight: 600; }
.mbs-switch[b-o9atwutvp2] {
    position: relative;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 1.5rem;
    border-radius: 999px;
    background: var(--max360-border);
    transition: background 0.15s ease;
}
.mbs-switch[b-o9atwutvp2]::after {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--max360-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: transform 0.15s ease;
}
.mbs-switch.is-on[b-o9atwutvp2] { background: var(--max360-primary); }
.mbs-switch.is-on[b-o9atwutvp2]::after { transform: translateX(1.25rem); }
@media (prefers-reduced-motion: reduce) {
    .mbs-switch[b-o9atwutvp2], .mbs-switch[b-o9atwutvp2]::after { transition: none; }
}
.mb-sheet-danger[b-o9atwutvp2] { color: var(--max360-danger-ink, var(--max360-danger)); }
.mbs-sheet-reason[b-o9atwutvp2] { flex-wrap: wrap; cursor: default; }
.mbs-sheet-reason label[b-o9atwutvp2] { width: 100%; font-size: 0.9rem; color: var(--max360-text-muted); }
.mbs-sheet-reason .reason-input[b-o9atwutvp2] { flex: 1 1 12rem; min-height: 48px; }
.mbs-sheet-reason .max360-action[b-o9atwutvp2] { min-height: 48px; }

.mbs-details[b-o9atwutvp2] { margin: 0; padding: 0.3rem 1.1rem 0.7rem; }
.mbs-detail[b-o9atwutvp2] { padding: 0.45rem 0; }
.mbs-detail dt[b-o9atwutvp2] { display: block; margin-bottom: 0.15rem; }
.mbs-detail dd[b-o9atwutvp2] { margin: 0; font-size: 0.9rem; line-height: 1.5; overflow-wrap: anywhere; }
.mbs-detail-chips[b-o9atwutvp2] { display: flex; flex-wrap: wrap; gap: 0.35rem; }

@media (min-width: 701px) {
    /* above the floating help and feedback buttons, which share the phone sheet's 1041 and come later */
    .mb-sheet-veil[b-o9atwutvp2] { background: transparent; z-index: 1045; }
    .mb-sheet[b-o9atwutvp2] {
        z-index: 1046;
        left: auto;
        right: 1.5rem;
        top: 4.5rem;
        bottom: auto;
        width: min(28rem, calc(100vw - 3rem));
        max-height: calc(100dvh - 6rem);
        border: 1px solid var(--max360-border);
        border-radius: 0.8rem;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
        /* hidden until the page has put it beside its button; shown where it is if that never happens */
        opacity: 0;
        animation: mbs-sheet-shown-b-o9atwutvp2 0s linear 0.4s forwards;
    }
}
@keyframes mbs-sheet-shown-b-o9atwutvp2 { to { opacity: 1; } }

@media (max-width: 700px) {
    /* the change takes the whole line to type in; Speak and Redraft sit under it on the right */
    .mbs-ask[b-o9atwutvp2] { flex-wrap: wrap; justify-content: flex-end; }
    .mbs-ask > .mbs-tell-more-text[b-o9atwutvp2] { flex: 1 1 100%; }
    /* Stop keeps its clock and drops the level at 390px */
    .mbs-live-level[b-o9atwutvp2] { display: none; }
    .mbs-live-btn[b-o9atwutvp2] { padding: 0 0.75rem; }
    /* the button that does the next thing takes the full width, in reach of a thumb */
    .mbs-reply-foot > .mbs-primary-btn[b-o9atwutvp2] { flex: 1 1 100%; }
    .mbs-reply-box[b-o9atwutvp2] { padding: 0.75rem; }
    .mbs-toasts[b-o9atwutvp2] { bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom) + 0.75rem); width: calc(100vw - 1.5rem); }
    .mbs-drafts-chip[b-o9atwutvp2] { padding: 0 0.7rem; }
    .mbs-gap-row[b-o9atwutvp2] { grid-template-columns: 1.6rem minmax(0, 1fr); padding: 0.6rem; }
    .mbs-gap-row > .mbs-gap-input[b-o9atwutvp2], .mbs-gap-row > .mbs-gap-btns[b-o9atwutvp2], .mbs-gap-row > .mbs-gap-note[b-o9atwutvp2] { grid-column: 1 / -1; }
    .mbs-gap-btns[b-o9atwutvp2] { max-width: none; }
    .mbs-actions .mbs-btn[b-o9atwutvp2] { flex: 0 1 auto; }
    /* the main button, Mark done and the ⋯ on one line in a card at 390px, each arrow still 44px:
       smaller words, no icon on the main buttons, and the ⋯ reaching into the card's right padding */
    .mbs-body > .mbs-row-actions[b-o9atwutvp2] { gap: 0.3rem; }
    .mbs-row-actions .mbs-btn:not(.mbs-row-more)[b-o9atwutvp2] { padding: 0 var(--mbs-btn-pad, 0.5rem); font-size: 0.8125rem; }
    .mbs-row-actions .max360-action-primary > .bi[b-o9atwutvp2],
    .mbs-row-actions .mbs-split-main > .bi[b-o9atwutvp2] { display: none; }
    .mbs-row-more[b-o9atwutvp2] { min-width: 44px; margin-right: -0.9rem; }
    .mbs-row-actions .is-long[b-o9atwutvp2] { display: none; }
    .mbs-row-actions .is-short[b-o9atwutvp2] { display: inline; }
    .mbs-split-veil[b-o9atwutvp2] { background: rgba(0, 0, 0, 0.35); }
    /* a sheet like the page's others: a heading and Done, as well as a tap outside */
    .mbs-split-menu > .mbs-split-head[b-o9atwutvp2] { display: flex; padding: 0.25rem 0.25rem 0.25rem 0.75rem; }
    .mbs-split-menu[b-o9atwutvp2],
    .mbs-split:not(:first-child):not(.is-primary) .mbs-split-menu[b-o9atwutvp2] {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        max-width: none;
        max-height: 85dvh;
        overflow-y: auto;
        padding: 0.5rem 0.5rem calc(env(safe-area-inset-bottom) + 0.7rem);
        border-radius: 1rem 1rem 0 0;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);
    }
}

/* search over the rows already loaded; 16px text so a phone does not zoom into the field */
.mbs-search[b-o9atwutvp2] { position: relative; display: flex; align-items: center; margin: 0 0 0.75rem; }
.mbs-search > .bi-search[b-o9atwutvp2] { position: absolute; left: 0.9rem; color: var(--max360-text-muted); pointer-events: none; }
.mbs-search-input[b-o9atwutvp2] {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 3rem 0 2.5rem;
    font-size: 16px;
    color: var(--max360-text);
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
}
.mbs-search-input:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: 1px; }
.mbs-search-clear[b-o9atwutvp2] {
    position: absolute;
    right: 0;
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mbs-search .mbs-search-clear[b-o9atwutvp2]::after { border-bottom: 0; }

/* the floating help and feedback buttons reach 72px into the work area from its right edge; the list
   keeps 3rem clear beside its 2rem padding so no tile control slides under them, and centers once wide */
@media (min-width: 701px) {
    .mbs[b-o9atwutvp2] { width: auto; margin-left: max(0px, calc((100% - 56rem) / 2)); margin-right: max(3rem, calc((100% - 56rem) / 2)); }
}

/* an email's text, a paragraph at a time, so Max can point at one */
.body-text > p[b-o9atwutvp2] { margin: 0 0 0.85em; }
.body-text > p:last-child[b-o9atwutvp2] { margin-bottom: 0; }
.chain-text > p[b-o9atwutvp2] { margin: 0 0 0.8em; }
.chain-text > p:last-child[b-o9atwutvp2] { margin-bottom: 0; }

/* Max pointing at the emails as he talks: js/board-fx.js, the Max Live board's engine, adds these classes and draws in
   the pen layer, which lies over the list and scrolls with it */
.mbs[b-o9atwutvp2] { position: relative; }

.bfx-pen[b-o9atwutvp2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: visible;
    pointer-events: none;
    z-index: 5;
}
.bfx-pen[b-o9atwutvp2]  .bfx-stroke {
    fill: none;
    stroke: #e0453a;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* the parts of a long walk-through stay at the top of the list while it scrolls */
.bfx-chapters[b-o9atwutvp2] {
    position: sticky;
    top: 0;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 0.5rem;
    padding: 0.45rem 0;
    background: var(--bg);
    border-bottom: 1px solid var(--max360-border);
}
.bfx-chapters[hidden][b-o9atwutvp2] { display: none; }
.bfx-chapters[b-o9atwutvp2]  .bfx-chapter {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--max360-text-muted);
    transition: background-color 0.3s, color 0.3s;
}
.bfx-chapters[b-o9atwutvp2]  .bfx-chapter-done { color: var(--max360-text); }
.bfx-chapters[b-o9atwutvp2]  .bfx-chapter-on {
    background: var(--accent);
    color: var(--max360-surface);
}

/* placed by the engine over the part of the list on screen, so never under the open Talk panel or the phone's bottom bar */
.bfx-name[b-o9atwutvp2],
.bfx-takeaway[b-o9atwutvp2] {
    position: fixed;
    z-index: 1031;
    pointer-events: none;
}
.bfx-name[hidden][b-o9atwutvp2],
.bfx-takeaway[hidden][b-o9atwutvp2] { display: none; }
.bfx-name[b-o9atwutvp2] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.6rem 0.9rem;
    border-radius: 0.6rem;
    border-left: 4px solid var(--accent);
    background: var(--max360-surface);
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
    animation: mbs-bfx-rise-b-o9atwutvp2 0.35s ease both;
}
.bfx-name b[b-o9atwutvp2] { font-size: 1.05rem; overflow-wrap: anywhere; }
.bfx-name span[b-o9atwutvp2] { font-size: 0.85rem; opacity: 0.8; overflow-wrap: anywhere; }
.bfx-takeaway[b-o9atwutvp2] {
    transform: translateY(-50%);
    padding: 1rem 1.2rem;
    border-radius: 0.75rem;
    background: var(--max360-surface);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    animation: mbs-bfx-fade-b-o9atwutvp2 0.4s ease both;
}
.bfx-takeaway p[b-o9atwutvp2] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.mbs.bfx-takeaway-on .rows[b-o9atwutvp2] { opacity: 0.35; transition: opacity 0.35s; }

/* a glow behind the words Max is saying */
.mbs-row .bfx-glow[b-o9atwutvp2] {
    border-radius: 4px;
    animation: mbs-bfx-glow-b-o9atwutvp2 1.7s ease;
}

/* focus: the rest of the email dims and the part stays bright */
.mbs-row.bfx-dimmed :is(.mbs-summary, .body-text > p, .mbs-status, .mbs-files):not(.bfx-focus)[b-o9atwutvp2] {
    opacity: 0.3;
    transition: opacity 0.3s;
}
.mbs-row .bfx-focus[b-o9atwutvp2] { background-color: rgba(242, 181, 60, 0.22); border-radius: 4px; }

@keyframes mbs-bfx-glow-b-o9atwutvp2 {
    0% { background-color: transparent; box-shadow: 0 0 0 0 transparent; }
    20%, 70% { background-color: rgba(242, 181, 60, 0.32); box-shadow: 0 0 0 2px rgba(242, 181, 60, 0.85); }
    100% { background-color: transparent; box-shadow: 0 0 0 0 transparent; }
}
@keyframes mbs-bfx-rise-b-o9atwutvp2 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; }
}
@keyframes mbs-bfx-fade-b-o9atwutvp2 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 700px) {
    .bfx-takeaway p[b-o9atwutvp2] { font-size: 1.3rem; }
}

@media (prefers-reduced-motion: reduce) {
    .bfx-name[b-o9atwutvp2], .bfx-takeaway[b-o9atwutvp2] { animation: none; }
    .mbs-row .bfx-glow[b-o9atwutvp2] { animation: none; outline: 2px solid rgba(242, 181, 60, 0.9); outline-offset: 1px; }
}

.mbs-body[b-o9atwutvp2] { container: mbs-row / inline-size; }

.mbs-view[b-o9atwutvp2] {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0 0 0 auto;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    overflow: hidden;
}

.mbs-view-btn[b-o9atwutvp2] {
    min-height: 44px;
    padding: 0.35rem 0.9rem;
    border: 0;
    background: transparent;
    color: var(--max360-text);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.mbs-view-btn + .mbs-view-btn[b-o9atwutvp2] { border-left: 1px solid var(--max360-border); }
.mbs-view-btn.is-on[b-o9atwutvp2] { background: var(--max360-primary); color: var(--max360-on-primary); }
.mbs-view + .mbs-needs[b-o9atwutvp2] { margin-left: 0; }
.mbs-view-btn:focus-visible[b-o9atwutvp2] { outline: 2px solid var(--max360-primary); outline-offset: -2px; }

.mbs-situation-wait[b-o9atwutvp2] { margin: 0 0 0.6rem; font-size: 0.875rem; color: var(--max360-text-muted); }
.mbs-situations-moved[b-o9atwutvp2] { margin: 0.9rem 0 0; font-weight: 600; color: var(--max360-text); }

/* By MaxThread: each group is one tinted accordion row with the thread's name, its count and a way to open the
   MaxThread; its emails sit under it, folded away when the row is tapped */
.mbs-group[b-o9atwutvp2] { margin-top: 1.25rem; }
.mbs-situations-moved + .mbs-group[b-o9atwutvp2] { margin-top: 1rem; }

.mbs-situation[b-o9atwutvp2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 var(--mbs-gap);
    padding: 0 0.35rem 0 0;
    border-radius: 8px;
    border-left: 4px solid var(--max360-primary);
    --mbs-tint: color-mix(in srgb, var(--max360-primary) 9%, var(--max360-bg));
    --mbs-tint-hover: color-mix(in srgb, var(--max360-primary) 16%, var(--max360-bg));
    background: var(--mbs-tint);
}
/* the toggle's hover paints the page background; inside the row that background is a deeper tint, so a hover or a
   tap on a phone darkens the row instead of clearing it */
.mbs-situation-head[b-o9atwutvp2] { flex: 1 1 auto; min-width: 0; margin: 0; --max360-bg: var(--mbs-tint-hover); }
/* the row's look is the list-choice kind's; only where its parts sit is set here */
.mbs-situation-toggle[b-o9atwutvp2] { flex-direction: row; align-items: center; gap: 0.5rem; text-align: left; }
.mbs-situation-chevron[b-o9atwutvp2] { flex: 0 0 auto; font-size: 0.85rem; color: var(--max360-text-muted); }
.mbs-situation-title[b-o9atwutvp2] {
    min-width: 0;
    font-family: var(--max360-font-heading);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.mbs-situation-count[b-o9atwutvp2] { flex: 0 0 auto; }
.mbs-situation-open[b-o9atwutvp2] { flex: 0 0 auto; }

/* Everything else is the leftovers, so its row is quieter than a MaxThread's */
.mbs-group.is-rest .mbs-situation[b-o9atwutvp2] {
    border-left-color: var(--max360-border);
    --mbs-tint: color-mix(in srgb, var(--max360-text-muted) 7%, var(--max360-bg));
    --mbs-tint-hover: color-mix(in srgb, var(--max360-text-muted) 13%, var(--max360-bg));
}
.mbs-group.is-rest .mbs-situation-title[b-o9atwutvp2] { color: var(--max360-text-muted); }

@media (max-width: 700px) {
    .mbs-group[b-o9atwutvp2] { --mbs-btn-pad: 0.4rem; }
    .mbs-group .mbs-body > .mbs-row-actions[b-o9atwutvp2] { gap: 0.15rem; }
    .mbs-situation-title[b-o9atwutvp2] { font-size: 1rem; }
}

.mbs-thread[b-o9atwutvp2] { flex: 0 0 auto; position: relative; z-index: 1; }
.mbs-thread[b-o9atwutvp2]  .tic-chip { display: none; }
.mbs-thread[b-o9atwutvp2]  .tic-menu { left: auto; right: 0; }

/* the messages an email quotes stay folded under its own words until asked for */
.mbs-quoted-toggle[b-o9atwutvp2] { align-self: flex-start; }
.mbs-quoted[b-o9atwutvp2] { margin-top: 0.4rem; padding-left: 0.75rem; border-left: 2px solid var(--max360-border); color: var(--max360-text-muted); }

/* ── On a phone the list is shaped like Mail's ──────────────────────────── */

/* the groups as tabs and Needs you as the line under them exist only on a phone; the pills and the
   title-row switch exist only at a desk. Both pairs drive the same lit groups and the same switch */
.mbs-tabs[b-o9atwutvp2],
.mbs-needs-chip[b-o9atwutvp2],
.mbs-status-mark[b-o9atwutvp2] { display: none; }

@media (max-width: 700px) {
    .mbs-pills[b-o9atwutvp2],
    .mbs-title-row .mbs-needs[b-o9atwutvp2] { display: none; }

    /* the tabs and the filter line take their look from the app's tab and filter kinds; only where they sit is set here */
    .mbs-tabs[b-o9atwutvp2] { display: flex; gap: 0.4rem; margin: 0.4rem 0 0.2rem; }
    /* with one tab lit the tab names the group, so the row does not repeat it */
    .mbs.is-one-group .mbs-row-group[b-o9atwutvp2] { display: none; }
    .mbs-tab[b-o9atwutvp2] { flex: 1 1 auto; min-width: 0; white-space: nowrap; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.15rem; }
    .mbs-title-row .mbs-needs-chip[b-o9atwutvp2] { display: inline-flex; white-space: nowrap; }

    /* the rows: hairlines between them, no card, no stripe; the tab says which group they are in */
    .rows[b-o9atwutvp2] { gap: 0; }
    .mbs-row[b-o9atwutvp2] { border-width: 0; border-bottom: 1px solid var(--max360-border); border-radius: 0; background: transparent; }
    .mbs-row.is-open[b-o9atwutvp2],
    .mbs-row.is-active[b-o9atwutvp2] { border-color: var(--max360-border); box-shadow: none; }
    .mbs-row.is-active:not(.is-selected)[b-o9atwutvp2] { background: color-mix(in srgb, var(--max360-primary) 6%, transparent); }
    .mbs-row > .rail[b-o9atwutvp2] { display: none; }
    .mbs-body[b-o9atwutvp2] { padding: 0.7rem 0 0.75rem; gap: 0.1rem 0.5rem; }
    .mbs-sender[b-o9atwutvp2] { font-size: 1.0625rem; }
    /* the subject and its status tag share a line, the tag as a small colored word at the right */
    .mbs-subject[b-o9atwutvp2] { flex: 1 1 auto; font-weight: 400; font-size: 0.9375rem; }
    .mbs-body > .mbs-status[b-o9atwutvp2] { flex: 0 0 auto; margin: 0 0 0 auto; padding: 0; background: none; font-size: 0.75rem; }
    .mbs-body > .mbs-status .bi[b-o9atwutvp2] { display: none; }
    .mbs-summary[b-o9atwutvp2],
    .mbs-snippet[b-o9atwutvp2] { padding-left: 0; border-left: 0; font-size: 0.9375rem; line-height: 1.35; }
    .mbs-row:not(.is-full) .mbs-summary[b-o9atwutvp2] { color: var(--max360-text-muted); }
    /* the › Mail puts after the time; it turns down on the open row */
    .mbs-time[b-o9atwutvp2]::after {
        content: "";
        display: inline-block;
        width: 0.45em;
        height: 0.45em;
        margin-left: 0.4rem;
        border-style: solid;
        border-color: var(--max360-text-muted);
        border-width: 0 1.5px 1.5px 0;
        transform: translateY(-0.1em) rotate(-45deg);
        opacity: 0.7;
    }
    .mbs-row.is-full .mbs-time[b-o9atwutvp2]::after { transform: translateY(-0.25em) rotate(45deg); }
    .mbs-files[b-o9atwutvp2] { margin-top: 0.25rem; }
    /* no buttons until the row is open: tap the row, read the message, and act under it, as in Mail */
    .mbs-row:not(.is-full) .mbs-body > .mbs-row-actions[b-o9atwutvp2] { display: none; }
    /* under the open message: the main button, Mark done and the ⋯ on one line, Next email on a line of its own.
       the ⋯ no longer reaches into a card's padding, because the row has none; where it sits is set with the sheet below */
    .mbs-row.is-full .mbs-body > .mbs-row-actions > .mbs-row-more[b-o9atwutvp2] { position: absolute; margin: 0; }
    .mbs-row.is-full .mbs-body > .mbs-row-actions > .mbs-next-email[b-o9atwutvp2] { flex: 1 1 100%; justify-content: center; }
}

/* ── On a phone an open email takes the screen, like Mail's ─────────────── */

.mbs-sheet-bar[b-o9atwutvp2],
.mbs-unread[b-o9atwutvp2],
.mbs-pencil[b-o9atwutvp2] { display: none; }

/* stays on screen down a long email; the bar lets clicks through to the text beside the button */
.mbs-close-bar[b-o9atwutvp2] { display: flex; justify-content: flex-end; position: sticky; top: 0.25rem; z-index: 2; pointer-events: none; }
.mbs-close-bar > button[b-o9atwutvp2] { pointer-events: auto; }

@media (max-width: 700px) {
    .mbs-close-bar[b-o9atwutvp2] { display: none; }
    /* the sheet sits above the page and under the phone bar; it scrolls on its own and the page behind stays put */
    .mbs-row.is-full[b-o9atwutvp2] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom));
        z-index: 1020;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 0 1rem;
        border-bottom-width: 0;
        box-shadow: none;
    }
    .mbs-row.is-full[b-o9atwutvp2],
    .mbs-row.is-full.is-active:not(.is-selected)[b-o9atwutvp2] { background: var(--max360-bg); }
    /* the sheet stacks its parts top to bottom and keeps the buttons at the foot even when the email is short */
    .mbs-row.is-full[b-o9atwutvp2] { flex-direction: column; }
    .mbs-row.is-full > .mbs-body[b-o9atwutvp2] { display: flex; flex-direction: column; flex: 1 0 auto; min-height: 100%; padding-top: 0; }
    .mbs-row.is-full > .mbs-body > *[b-o9atwutvp2] { flex: 0 0 auto; }
    .mbs-row.is-full .mbs-time[b-o9atwutvp2]::after { display: none; }
    .mbs-sheet-bar[b-o9atwutvp2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 2;
        margin: 0 -1rem 0.5rem;
        padding: 0.2rem 0.5rem;
        background: var(--max360-bg);
        border-bottom: 1px solid var(--max360-border);
    }
    .mbs-sheet-back[b-o9atwutvp2] { margin-left: -0.25rem; }
    /* the foot of the sheet: the main button, Mark done and the ⋯ on one line, Next email under them */
    .mbs-row.is-full .mbs-body > .mbs-row-actions[b-o9atwutvp2] {
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin: auto -1rem 0;
        padding: 0.5rem 56px calc(0.6rem + env(safe-area-inset-bottom)) 1rem;
        background: var(--max360-bg);
        border-top: 1px solid var(--max360-border);
    }
    .mbs-row.is-full .mbs-body > .mbs-row-actions > .mbs-row-more[b-o9atwutvp2] { right: 1rem; top: 0.5rem; }

    /* the dot Mail puts at the left of an unread row */
    .mbs-row:not(.is-full) > .mbs-body[b-o9atwutvp2] { position: relative; padding-left: 1.1rem; }
    .mbs-row:not(.is-full) .mbs-unread[b-o9atwutvp2] {
        display: block;
        position: absolute;
        left: 0;
        top: 1.15rem;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--max360-primary);
    }

    /* Mail's pencil, beside the round Max button (16px from the edge on a phone, 56px wide), level with it; it goes while an email is open */
    .mbs-pencil[b-o9atwutvp2] {
        display: inline-flex;
        position: fixed;
        right: calc(16px + 56px + 12px);
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom) + 12px);
        z-index: 21;
    }
    .mbs:has(.mbs-row.is-full) .mbs-pencil[b-o9atwutvp2] { display: none; }
}

/* ── Swipe a row on a phone ────────────────────────────────────────────── */

.mbs-swipe[b-o9atwutvp2] { display: none; }

@media (max-width: 700px) {
    /* the row's body slides over a strip that waits under its right edge; up and down stay the page's */
    .mbs-row:not(.is-full)[b-o9atwutvp2] { position: relative; overflow: hidden; touch-action: pan-y pinch-zoom; }
    .mbs-row:not(.is-full) > .mbs-body[b-o9atwutvp2] { z-index: 1; background: var(--max360-bg); }
    .mbs-row.is-selected > .mbs-body[b-o9atwutvp2] { background: var(--max360-info-soft); }
    .mbs-row.is-active:not(.is-selected, .is-full) > .mbs-body[b-o9atwutvp2] { background: color-mix(in srgb, var(--max360-primary) 6%, var(--max360-bg)); }
    .mbs-swipe[b-o9atwutvp2] { display: flex; position: absolute; top: 0; bottom: 0; right: 0; z-index: 0; }
    .mbs-swipe > .mbs-swipe-done[b-o9atwutvp2],
    .mbs-swipe > .mbs-swipe-more[b-o9atwutvp2] { width: 76px; align-self: stretch; justify-content: center; }
}

/* ── On a phone: the status beside the time, and less space above the mailbox ── */

@media (max-width: 700px) {
    /* a closed row's status is a colored mark beside the time; the open row shows it in words */
    .mbs-row:not(.is-full) .mbs-status-mark[b-o9atwutvp2] { display: inline-flex; align-self: center; font-size: 0.95rem; color: var(--max360-text-muted); }
    .mbs-row:not(.is-full) .mbs-status-mark.is-owed[b-o9atwutvp2] { color: var(--max360-info-ink); }
    .mbs-row:not(.is-full) .mbs-status-mark.is-drafts[b-o9atwutvp2] { color: var(--max360-success-ink); }
    .mbs-row:not(.is-full) .mbs-status-mark.is-waiting[b-o9atwutvp2] { color: var(--max360-warning-ink, var(--max360-warning)); }
    .mbs-row:not(.is-full) .mbs-body > .mbs-status[b-o9atwutvp2] { display: none; }
    .mbs-title-row[b-o9atwutvp2] { margin-bottom: 0.15rem; }
    .mbs-mailbox[b-o9atwutvp2] { margin: 0 0 0.1rem; }
}

.mbs-senders-link[b-o9atwutvp2] {
    display: inline-block;
    margin: 0.25rem 0 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}

/* the last list is on screen while the mail is read again */
.mbs-checking[b-o9atwutvp2] { max-width: 56rem; margin: 0 auto 0.4rem; font-size: 0.875rem; color: var(--max360-text-muted); }

.mbs-process-again[b-o9atwutvp2] {
    padding: 0 1.1rem;
}

/* Looks done: Max's reason a conversation is finished, and the person's two answers to it */
.mbs-looksdone-count[b-o9atwutvp2] { margin: 6px 0 0; font-size: 0.875rem; color: var(--max360-text-muted); display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.mbs-looksdone[b-o9atwutvp2] { margin-top: 6px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.mbs-looksdone-why[b-o9atwutvp2] { margin: 0; flex: 1 1 16rem; font-size: 0.875rem; padding: 4px 8px; border-radius: 6px;
    background: var(--max360-success-soft); color: var(--max360-success-ink); }
.mbs-looksdone-act[b-o9atwutvp2] { display: flex; gap: 8px 24px; }
@media (max-width: 700px) {
    .mbs-looksdone-act[b-o9atwutvp2] { flex: 1 1 100%; }
}
/* /Components/Pages/Desk/MaxBoxCards.razor.rz.scp.css */
.max-box-cards[b-ot8nw1dpv1] { margin: 0 0 10px; display: flex; flex-direction: column; gap: 8px; max-height: 40vh; overflow-y: auto; }
.max-box-card[b-ot8nw1dpv1] { border: 1px solid var(--max360-border); border-radius: 8px; padding: 10px 12px; background: var(--surface); color: var(--ink); font-size: 13px; }
.max-box-card-title[b-ot8nw1dpv1] { font-weight: 600; }
.max-box-card-effect[b-ot8nw1dpv1] { margin: 4px 0; }
.max-box-card-targets[b-ot8nw1dpv1] { margin: 4px 0; padding-left: 18px; }
.max-box-card-more[b-ot8nw1dpv1] { list-style: none; margin-left: -18px; color: var(--max360-text-muted); }
.max-box-card-note[b-ot8nw1dpv1], .max-box-card-why[b-ot8nw1dpv1] { color: var(--max360-text-muted); font-size: 12px; margin-top: 4px; }
[b-ot8nw1dpv1] .max-box-card-text { width: 100%; font-size: 13px; margin-top: 6px; }
.max-box-card-outcome[b-ot8nw1dpv1] { font-weight: 600; margin-top: 6px; }
.max-box-card-buttons[b-ot8nw1dpv1] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
@media (max-width: 700px) { .max-box-cards[b-ot8nw1dpv1] { max-height: 25vh; } }
/* /Components/Pages/Desk/MaxBoxInstructions.razor.rz.scp.css */
.block[b-dzb23lfsxb] { margin: 1.25rem 0 1.75rem; }
.block h2[b-dzb23lfsxb] { font-size: 1.05rem; margin: 0 0 .5rem; }
.label[b-dzb23lfsxb] { font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--max360-text-muted); font-weight: 700; }
.row-actions[b-dzb23lfsxb] { display: flex; gap: .75rem; align-items: center; margin-top: .5rem; }
.rule-row[b-dzb23lfsxb] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .45rem .6rem; border: 1px solid var(--max360-border); border-radius: 5px; margin-bottom: .4rem; }
.add-row[b-dzb23lfsxb] { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin-top: .6rem; }
.add-row .form-control[b-dzb23lfsxb] { flex: 1 1 14rem; }
.add-row .form-select[b-dzb23lfsxb] { width: auto; }
.small[b-dzb23lfsxb] { font-size: .85rem; }
/* /Components/Pages/Desk/MaxBoxInvitationPanel.razor.rz.scp.css */
.mbi[b-w54t7ieb0y] {
    margin: 0.9rem 0 0.4rem;
    border-radius: 0.6rem;
    background: var(--surface-2);
    color: var(--max360-text);
    padding: 0.7rem 0.85rem 0.6rem;
    overflow-wrap: anywhere;
}

.mbi-title[b-w54t7ieb0y] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin: 0 0 0.35rem;
    font-weight: 600;
    font-size: 0.95rem;
}

.mbi-title .bi[b-w54t7ieb0y] { flex: none; color: var(--max360-text-muted); }
.mbi-line[b-w54t7ieb0y] { margin: 0.15rem 0; font-size: 0.875rem; }
.mbi-muted[b-w54t7ieb0y] { color: var(--max360-text-muted); }
.mbi-state[b-w54t7ieb0y] { margin-top: 0.45rem; font-weight: 600; }
.mbi-done[b-w54t7ieb0y] { color: var(--max360-text); }
.mbi-actions[b-w54t7ieb0y] { margin-top: 0.4rem; }

.mbi-tell[b-w54t7ieb0y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    font-size: 0.875rem;
    cursor: pointer;
}

.mbi-tell input[b-w54t7ieb0y] { width: 1.1rem; height: 1.1rem; flex: none; }

.mbi-quiet[b-w54t7ieb0y] {
    margin: 0.6rem 0 0.2rem;
    font-size: 0.8125rem;
    color: var(--max360-text-muted);
}
/* /Components/Pages/Desk/MaxBoxMailboxes.razor.rz.scp.css */
.mbm[b-rni9g9v6h6] { max-width: 46rem; }
.mbm-list[b-rni9g9v6h6] { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: 0.75rem; }
.mbm-row[b-rni9g9v6h6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--max360-border);
}
.mbm-name[b-rni9g9v6h6] { min-width: 0; overflow-wrap: anywhere; display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: baseline; }
.mbm-tag[b-rni9g9v6h6] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: var(--max360-info-soft);
    color: var(--max360-text);
}
.mbm-state[b-rni9g9v6h6], .mbm-checked[b-rni9g9v6h6] { grid-column: 1; font-size: 0.9rem; }
.mbm-remove[b-rni9g9v6h6] { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
.mbm-add[b-rni9g9v6h6] { display: grid; gap: 0.4rem; margin-bottom: 1rem; }
.mbm-add-row[b-rni9g9v6h6] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.mbm-add-row input[b-rni9g9v6h6] { flex: 1 1 14rem; min-width: 0; min-height: 44px; font-size: 16px; }

@media (max-width: 700px) {
    .mbm-row[b-rni9g9v6h6] { grid-template-columns: minmax(0, 1fr); }
    .mbm-remove[b-rni9g9v6h6] { grid-column: 1; grid-row: auto; justify-self: start; }
}
/* /Components/Pages/Desk/MaxBoxNextMovesStrip.razor.rz.scp.css */
/* drawn inside a MaxThread's heading, under its summary */
.mbn[b-koyna9e8wj] {
    margin: 0.5rem 0 0;
    color: var(--max360-text);
}

/* small cards, as many to a row as fit (three at a desk); a drafted note takes the whole row for its text */
.mbn-list[b-koyna9e8wj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
    gap: 0.4rem;
}

.mbn-card[b-koyna9e8wj] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.45rem 0.6rem 0.35rem;
    border-radius: 0.5rem;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
}

.mbn-card.is-drafted[b-koyna9e8wj] { grid-column: 1 / -1; gap: 0.3rem; padding-bottom: 0.5rem; }

/* Not now is the small cross beside the heading, so the buttons fit one line on a narrow card;
   the negative margins keep its 44px hit area without making the heading taller */
.mbn-head-row[b-koyna9e8wj] { display: flex; align-items: flex-start; gap: 0.25rem; }
.mbn-head-row > .mbn-head[b-koyna9e8wj] { flex: 1 1 auto; min-width: 0; }
.mbn-not-now[b-koyna9e8wj] { flex: 0 0 auto; margin: -12px -10px -12px 0; }
.mbn-head[b-koyna9e8wj] { font-weight: 600; font-size: 0.875rem; line-height: 1.3; overflow-wrap: anywhere; }
.mbn-why[b-koyna9e8wj] { margin: 0; font-size: 0.8125rem; line-height: 1.4; color: var(--max360-text-muted); overflow-wrap: anywhere; }

.mbn-source[b-koyna9e8wj] {
    align-self: flex-start;
    font-size: 0.8125rem;
    color: var(--max360-link, var(--max360-primary));
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* a suggestion's foot: its email on the left, the buttons on the right */
.mbn-actions[b-koyna9e8wj] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; padding-top: 0.1rem; }
.mbn-actions > .mbn-source[b-koyna9e8wj] { margin-right: auto; }

.mbn-primary[b-koyna9e8wj],
.mbn-secondary[b-koyna9e8wj] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0.3rem 0.7rem;
    border-radius: 0.45rem;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.mbn-primary[b-koyna9e8wj] { border: 0; background: var(--max360-primary); color: var(--max360-on-primary); }
.mbn-secondary[b-koyna9e8wj] { border: 1px solid var(--max360-border); background: transparent; color: var(--max360-text); }
.mbn-primary:hover:not(:disabled)[b-koyna9e8wj] { filter: brightness(1.08); }
.mbn-secondary:hover:not(:disabled)[b-koyna9e8wj] { border-color: var(--max360-text-muted); }
.mbn-primary:disabled[b-koyna9e8wj],
.mbn-secondary:disabled[b-koyna9e8wj] { opacity: 0.6; cursor: default; }
.mbn-primary:focus-visible[b-koyna9e8wj],
.mbn-secondary:focus-visible[b-koyna9e8wj] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

.mbn-split[b-koyna9e8wj] { display: inline-flex; align-items: stretch; }
.mbn-split-main[b-koyna9e8wj] { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.mbn-split-arrow[b-koyna9e8wj] {
    flex: 0 0 auto;
    min-width: 44px;
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid color-mix(in srgb, var(--max360-on-primary) 35%, var(--max360-primary));
}

/* a suggestion's buttons stay quiet, as on Maxbox's closed rows: Draft it a light tint that fills on hover,
   Not now plain muted text */
.mbn-card:not(.is-drafted) .mbn-split > :is(.mbn-split-main, .mbn-split-arrow)[b-koyna9e8wj] {
    background: color-mix(in srgb, var(--max360-primary) 10%, var(--max360-surface));
    color: var(--max360-primary-ink, var(--max360-primary));
}
.mbn-card:not(.is-drafted) .mbn-split > .mbn-split-arrow[b-koyna9e8wj] {
    border-left: 1px solid color-mix(in srgb, var(--max360-primary) 22%, var(--max360-surface));
}
.mbn-card:not(.is-drafted) .mbn-split > :is(.mbn-split-main, .mbn-split-arrow):hover:not(:disabled)[b-koyna9e8wj],
.mbn-card:not(.is-drafted) .mbn-split > .mbn-split-arrow[aria-expanded="true"][b-koyna9e8wj] {
    background: var(--max360-primary);
    color: var(--max360-on-primary);
    filter: none;
}
.mbn-card:not(.is-drafted) .mbn-actions > .mbn-secondary[b-koyna9e8wj] {
    border-color: transparent;
    color: var(--max360-text-muted);
    font-weight: 500;
}
.mbn-card:not(.is-drafted) .mbn-actions > .mbn-secondary:hover:not(:disabled)[b-koyna9e8wj] {
    background: color-mix(in srgb, var(--max360-text-muted) 10%, var(--max360-surface));
    color: var(--max360-text);
}

/* with a mouse the buttons draw 32px tall; the hit area stays 44px by reaching 6px above and below */
@media (min-width: 701px) and (pointer: fine) {
    .mbn-primary[b-koyna9e8wj], .mbn-secondary[b-koyna9e8wj] { min-height: 32px; }
    .mbn-split-arrow[b-koyna9e8wj] { min-width: 32px; }
    .mbn-primary[b-koyna9e8wj]::before, .mbn-secondary[b-koyna9e8wj]::before { content: ""; position: absolute; inset: -6px 0; }
}

.mbn-more[b-koyna9e8wj] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.mbn-hint[b-koyna9e8wj] { font-size: 0.8125rem; color: var(--max360-text-muted); }

.mbn-note[b-koyna9e8wj] { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; }
.mbn-field[b-koyna9e8wj] { display: flex; gap: 0.5rem; font-size: 0.875rem; min-width: 0; overflow-wrap: anywhere; }
.mbn-label[b-koyna9e8wj] { flex: none; width: 3.75rem; color: var(--max360-text-muted); }
.mbn-missing[b-koyna9e8wj] { color: var(--max360-text-muted); font-style: italic; }
.mbn-body[b-koyna9e8wj] { width: 100%; min-height: 7rem; font-size: 1rem; line-height: 1.45; resize: vertical; }

.mbn-mark[b-koyna9e8wj] {
    display: flex;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

.mbn-gone[b-koyna9e8wj], .mbn-notice[b-koyna9e8wj] { margin: 0; font-size: 0.875rem; line-height: 1.45; overflow-wrap: anywhere; }
.mbn-gone[b-koyna9e8wj] { font-weight: 600; }
.mbn-notice[b-koyna9e8wj] { color: var(--max360-text-muted); }

.mbn-confirm[b-koyna9e8wj], .mbn-reasons[b-koyna9e8wj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.mbn-reasons[b-koyna9e8wj] { padding-top: 0.5rem; }

.mbn-chip[b-koyna9e8wj] {
    min-height: 36px;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--max360-border);
    background: var(--max360-surface);
    color: var(--max360-text);
    font: inherit;
    font-size: 0.8125rem;
    cursor: pointer;
}

.mbn-chip:focus-visible[b-koyna9e8wj],
.mbn-close:focus-visible[b-koyna9e8wj] { outline: 2px solid var(--max360-primary); outline-offset: 2px; }

.mbn-close[b-koyna9e8wj] {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--max360-text-muted);
    cursor: pointer;
}

@media (max-width: 700px) {
    .mbn-card.is-drafted .mbn-actions > .mbn-primary[b-koyna9e8wj],
    .mbn-card.is-drafted .mbn-actions > .mbn-secondary[b-koyna9e8wj] { flex: 1 1 auto; }
}

/* /Components/Pages/Desk/MaxBoxReply.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/Desk/MaxBoxReply.razor.css
   The Max Box composer: the message on the left, the reply in the middle, the chat docked right.

   TWO COLUMNS, NOT A STACK, and for the same reason the list's opened row uses two: you write a
   reply by reading one against the other, and a stack means scrolling between them. This is the
   page ruling D23 moved the reply ONTO, so it is the one place in the feature with room to do that
   properly.

   THE PAGE DOES NOT SCROLL; the two columns do, and the chat is a dock beside them rather than a
   section under them. The chat is the only surface that can rewrite the draft, and below four
   evidence panels it was three screens down.

   EVERY COLOR IS A TOKEN, never a literal. The install ships five themes and two are dark, so a
   hard-coded #e2e8f0 reads as a bright seam there. */

/* The workarea holds the two columns at full height and does not scroll itself, so each column
   scrolls on its own and the chat docked beside them is never pushed off the bottom. The shared
   .cdock-workarea scrolls as a whole, which is right for the list pages that use it and wrong
   here; this overrides it for this page only (scoped CSS, so the class is attributed). */
.cdock-workarea[b-zlnklpcosc] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[hidden][b-zlnklpcosc] { display: none !important; }

.reply-grid[b-zlnklpcosc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 1.6rem;
    align-items: stretch;
    flex: 1;
    min-height: 0;
}

.reply-source[b-zlnklpcosc],
.reply-editor[b-zlnklpcosc] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    padding: 1.05rem 1.15rem;
}

/* The message fills its column rather than stopping at a fixed height, because the column is now
   the thing that scrolls. */
.reply-source[b-zlnklpcosc] { display: flex; flex-direction: column; }

/* The label and the Edit / With receipts toggle on one line. */
.editor-head[b-zlnklpcosc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.15rem;
}

.view-toggle[b-zlnklpcosc] {
    margin-left: auto;
    display: inline-flex;
    border: 1px solid var(--max360-border);
    border-radius: 0.3rem;
    overflow: hidden;
}

.view-toggle button[b-zlnklpcosc] {
    border: 0;
    background: var(--max360-surface);
    color: var(--max360-text-muted);
    font: inherit;
    font-size: 0.76rem;
    padding: 0.18rem 0.6rem;
    cursor: pointer;
}

.view-toggle button.on[b-zlnklpcosc] {
    background: var(--max360-primary, var(--max360-text));
    color: var(--max360-on-primary, var(--max360-surface));
    font-weight: 600;
}

/* The wrapper carrying this page's chat testid sits between ChatDock's body and the chat itself,
   which every other consumer does not have. SurfaceChatCompact is height:100%, so without these
   the wrapper is an auto-height flex item, the chat sizes to its content instead of scrolling,
   and the dock's overflow:hidden clips the composer. */
.reply-chat[b-zlnklpcosc] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Folded shut by default: the summary carries the count, and opening one is a choice rather than
   something everybody scrolls past. */
.reply-fold > summary[b-zlnklpcosc] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    list-style: none;
}
/* a flex summary loses the browser's own marker, so the fold draws its own triangle, as tall as the
   heading's capitals and in its color: pointing right shut, down open */
.reply-fold > summary[b-zlnklpcosc]::-webkit-details-marker { display: none; }
.reply-fold > summary[b-zlnklpcosc]::before {
    content: "";
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.3rem 0 0.3rem 0.5rem;
    border-color: transparent transparent transparent currentColor;
    color: var(--max360-text-muted);
}
.reply-fold[open] > summary[b-zlnklpcosc]::before {
    border-width: 0.5rem 0.3rem 0 0.3rem;
    border-color: currentColor transparent transparent transparent;
}
.reply-fold > summary:hover[b-zlnklpcosc]::before,
.reply-fold > summary:hover .label[b-zlnklpcosc] { color: var(--max360-text); }

.fold-count[b-zlnklpcosc] {
    color: var(--max360-text-muted);
    font-size: 0.78rem;
}

.label[b-zlnklpcosc] {
    color: var(--max360-text-muted);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.reply-subject[b-zlnklpcosc] {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 0.35rem;
    overflow-wrap: anywhere;
}

/* Max's own read of the message, above the message itself: it is the short version, and a person
   deciding whether this draft is worth their time reads it first. */
.reply-summary[b-zlnklpcosc] {
    color: var(--max360-text-muted);
    font-size: 0.85rem;
    line-height: 1.55;
    margin-top: 0.4rem;
}

.body-text[b-zlnklpcosc] {
    font-size: 0.88rem;
    line-height: 1.6;
    margin-top: 0.85rem;
    /* The sender wrote this. Newlines are preserved so it reads as they typed it, and `anywhere`
       so an unbroken URL breaks rather than pushing the column wide. Razor encodes it -- there is
       no MarkupString anywhere in this feature, which a security review confirmed. */
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    /* The column scrolls, so the message fills what is left of it rather than capping itself and
       leaving the space below empty. */
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.reply-text[b-zlnklpcosc] {
    width: 100%;
    margin-top: 0.55rem;
    font: inherit;
    font-size: 0.88rem;
    line-height: 1.6;
    /* Resizable vertically only: a horizontally resizable textarea inside a grid track can be
       dragged wider than its column and take the page's layout with it. */
    resize: vertical;
    min-height: 14rem;
}

.reply-actions[b-zlnklpcosc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
    margin-top: 0.7rem;
}

.reply-note[b-zlnklpcosc] {
    color: var(--max360-text-muted);
    font-size: 0.82rem;
    line-height: 1.55;
    margin-top: 0.6rem;
    max-width: 60ch;
}

/* after Save: the next step in the page's own type, so it reads as the instruction rather than a footnote */
.reply-next[b-zlnklpcosc] {
    margin: 0.8rem 0 0;
    color: var(--max360-text);
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 600;
    max-width: 60ch;
}

/* A failed save is the one note that must not read as reassurance -- it is the state where the
   person's own words exist only in the box in front of them. */
.reply-note.is-bad[b-zlnklpcosc] {
    color: var(--max360-danger-ink, var(--max360-text));
    font-weight: 600;
}

.reply-fold[b-zlnklpcosc],
.reply-check-before[b-zlnklpcosc] {
    margin-top: 1.1rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--max360-border);
}

/* The receipts view stands where the textarea stands, so it is drawn like one -- same box, same
   inset -- rather than as another panel under it. */
.reply-receipts[b-zlnklpcosc] {
    margin-top: 0.55rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.25rem;
    padding: 0.5rem 0.7rem;
    min-height: 14rem;
}

.reply-receipts-text[b-zlnklpcosc] {
    font-size: 0.88rem;
    line-height: 1.75;
    margin: 0;
    overflow-wrap: anywhere;
}

.unit[b-zlnklpcosc] { margin-right: 0.25rem; }

.unit.unverified[b-zlnklpcosc] {
    text-decoration: underline dotted var(--max360-warning-ink, var(--max360-text-muted));
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.2em;
}

.receipt[b-zlnklpcosc] {
    display: inline-block;
    vertical-align: super;
    font-size: 0.66rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.1rem 0.32rem;
    margin-left: 0.15rem;
    border-radius: 0.6rem;
    border: 1px solid var(--max360-border);
    color: var(--max360-primary-ink, var(--max360-primary));
    background: var(--max360-surface);
    text-decoration: none;
}

.receipt.unverified[b-zlnklpcosc] {
    color: var(--max360-warning-ink, var(--max360-text-muted));
}

.reply-fold ul[b-zlnklpcosc],
.reply-check-before ul[b-zlnklpcosc] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
    font-size: 0.84rem;
    line-height: 1.6;
}

.reply-fold li[b-zlnklpcosc],
.reply-check-before li[b-zlnklpcosc] {
    padding: 0.25rem 0;
    overflow-wrap: anywhere;
}

.reply-fold code[b-zlnklpcosc] {
    font-size: 0.74rem;
    color: var(--max360-primary-ink, var(--max360-primary));
}

.kind[b-zlnklpcosc],
.verdict[b-zlnklpcosc] {
    color: var(--max360-text-muted);
    font-size: 0.74rem;
    margin: 0 0.35rem;
}

.flag[b-zlnklpcosc] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--max360-warning-ink, var(--max360-text-muted));
    margin-right: 0.45rem;
}

.reply-preview-label[b-zlnklpcosc] {
    margin: 0.75rem 0 0.25rem;
    font-size: 0.78rem;
    color: var(--max360-text-muted);
}

/* The email as it will arrive: a light sheet in every theme, because the HTML carries its own dark
   text, and wide content wraps or scrolls inside the sheet rather than widening the page. */
.reply-preview[b-zlnklpcosc] {
    background: #ffffff;
    color: #222222;
    border: 1px solid var(--max360-border, #dce2e9);
    border-radius: 6px;
    padding: 0.6rem 0.85rem;
    overflow-wrap: anywhere;
    overflow-x: auto;
    max-width: 100%;
}

.reply-signature[b-zlnklpcosc] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin-top: 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.reply-signature input[b-zlnklpcosc] { margin-top: 0.2rem; flex: none; }

.reply-signature-hint[b-zlnklpcosc] {
    display: block;
    font-size: 0.78rem;
    color: var(--max360-text-muted);
}

/* One collapse, at the width where two columns of prose stop being readable rather than at some
   device's nominal size. Below it the columns stack, the workarea scrolls as a whole again, and
   the message goes back to a capped height so it cannot own the whole screen.

   LAST IN THE FILE ON PURPOSE: these override properties set above at the same specificity, so
   moving this block up silently stops it winning. */
@media (max-width: 64rem) {
    .reply-grid[b-zlnklpcosc] { grid-template-columns: minmax(0, 1fr); flex: 0 0 auto; }
    .cdock-workarea[b-zlnklpcosc] { overflow: visible; overflow-y: auto; }
    .reply-source[b-zlnklpcosc], .reply-editor[b-zlnklpcosc] { overflow: visible; }
    .body-text[b-zlnklpcosc] { flex: 0 0 auto; max-height: 24rem; }
}

/* a phone: the model list is tucked behind the Model button beside Redo. at a desk the button is
   hidden and the list shows as before. after the collapse above, so it wins at the same specificity */
.reply-model-toggle[b-zlnklpcosc] { display: none; }
.reply-model[b-zlnklpcosc] { display: contents; }
@media (max-width: 700px) {
    .reply-model-toggle[b-zlnklpcosc] { display: inline-flex; }
    .reply-model:not(.is-open)[b-zlnklpcosc] { display: none; }
    .reply-model.is-open[b-zlnklpcosc] { display: block; width: 100%; }
}
/* /Components/Pages/Desk/MaxBoxTalk.razor.rz.scp.css */
.mbt-stop-row[b-89o6rq9ir0] { display: flex; justify-content: flex-end; }
.mbt-stop-note[b-89o6rq9ir0] { margin: 0; font-size: 0.85rem; color: var(--max360-text-muted); }
/* /Components/Pages/Desk/MaxBoxWrite.razor.rz.scp.css */
/* One column at every width, laid out like an Outlook message: toolbar, address lines, subject, body. The page scrolls as one. */
.mbw[b-h1cmnx5fza] { max-width: 880px; display: flex; flex-direction: column; gap: 0.9rem; padding-bottom: 2rem; }

.mbw-head[b-h1cmnx5fza] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1rem; margin-bottom: 0; }
.mbw-head h1[b-h1cmnx5fza] { margin: 0; }
.mbw-back[b-h1cmnx5fza] { font-size: 0.9rem; color: var(--max360-link, var(--max360-primary)); }

.mbw-note[b-h1cmnx5fza] { margin: 0; padding: 0.6rem 0.8rem; border-radius: 0.375rem; font-size: 0.95rem; }
.mbw-note.is-info[b-h1cmnx5fza] { background: var(--max360-info-soft); color: var(--max360-info-ink); }
.mbw-note.is-warn[b-h1cmnx5fza] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mbw-note a[b-h1cmnx5fza] { margin-left: 0.4rem; }

.mbw-hint[b-h1cmnx5fza] { font-size: 0.88rem; color: var(--max360-text-muted); margin: 0; }

/* --- the message window --- */
.mbw-compose[b-h1cmnx5fza] {
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    min-width: 0;
}

/* sticky inside the main column, which keeps its own padding above the page, so the bar rises over that padding */
.mbw-toolbar[b-h1cmnx5fza] {
    position: sticky;
    top: -1.5rem;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    padding: 0.35rem 1rem;
    background: var(--surface-2);
    border-bottom: 1px solid var(--max360-border);
    border-radius: 0.5rem 0.5rem 0 0;
}
.mbw-toolbar-gap[b-h1cmnx5fza] { flex: 1 1 auto; }
.mbw-flag[b-h1cmnx5fza] {
    display: inline-flex; align-items: center; gap: 0.35rem;
    font-size: 0.85rem; font-weight: 600; color: var(--max360-warning-ink);
}

/* Outlook's MailTips: one-line notices that belong to this message, under the toolbar */
.mbw-tip[b-h1cmnx5fza] {
    display: flex; align-items: flex-start; gap: 0.5rem;
    margin: 0; padding: 0.55rem 1rem;
    font-size: 0.92rem; line-height: 1.4;
    border-bottom: 1px solid var(--max360-border);
}
.mbw-tip > i[b-h1cmnx5fza] { flex: 0 0 auto; line-height: 1.4; }
.mbw-tip.is-info[b-h1cmnx5fza] { background: var(--max360-info-soft); color: var(--max360-info-ink); }
.mbw-tip.is-warn[b-h1cmnx5fza] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mbw-tip.is-ok[b-h1cmnx5fza] { background: var(--max360-success-soft); color: var(--max360-success-ink); }
.mbw-tip a[b-h1cmnx5fza] { margin-left: 0.4rem; }

.mbw-sheet[b-h1cmnx5fza] { border: 0; margin: 0; padding: 0; min-width: 0; }

.mbw-row[b-h1cmnx5fza] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 48px;
    padding: 0.2rem 1rem;
    border-bottom: 1px solid var(--max360-border);
}
.mbw-row:focus-within[b-h1cmnx5fza] { box-shadow: inset 0 -2px 0 var(--max360-primary); }
.mbw-row-label[b-h1cmnx5fza] { flex: 0 0 3rem; color: var(--max360-text-muted); font-size: 0.92rem; }
.mbw-row-field[b-h1cmnx5fza] { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; }

.mbw-from:focus-within[b-h1cmnx5fza] { box-shadow: none; }
.mbw-from-text[b-h1cmnx5fza] { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.15rem 0.6rem; }
.mbw-from-addr[b-h1cmnx5fza] { color: var(--max360-text); overflow-wrap: anywhere; }

.mbw-chip[b-h1cmnx5fza] {
    display: inline-flex; align-items: center; gap: 0.1rem; max-width: 100%;
    padding: 0 0.1rem 0 0.6rem; border-radius: 999px;
    background: var(--surface-2); color: var(--max360-text);
    font-size: 0.92rem;
}
.mbw-chip.is-outside[b-h1cmnx5fza] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mbw-chip-text[b-h1cmnx5fza] { overflow-wrap: anywhere; }

.mbw-picker[b-h1cmnx5fza] { flex: 1 1 10rem; min-width: 8rem; }
.mbw-picker[b-h1cmnx5fza]  .form-control {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0.4rem 0;
    color: var(--max360-text);
}
.mbw-picker[b-h1cmnx5fza]  .form-control:focus { outline: none; box-shadow: none; }

.mbw-subject[b-h1cmnx5fza] {
    flex: 1 1 auto; min-width: 0;
    border: 0; background: transparent; outline: none;
    font: inherit; font-size: 1.05rem; color: var(--max360-text);
    padding: 0.45rem 0;
}
.mbw-subject[b-h1cmnx5fza]::placeholder, .mbw-body-text[b-h1cmnx5fza]::placeholder { color: var(--max360-text-muted); }

/* --- the body, and Max working inside it --- */
.mbw-body[b-h1cmnx5fza] { padding: 1rem; display: flex; flex-direction: column; gap: 1rem; }
.mbw-body-text[b-h1cmnx5fza] {
    width: 100%;
    min-height: 18rem;
    field-sizing: content;
    resize: vertical;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--max360-text);
    padding: 0;
}
.mbw-body-text:focus[b-h1cmnx5fza] { outline: none; }

.mbw-max[b-h1cmnx5fza] {
    display: flex; flex-direction: column; gap: 0.6rem;
    padding: 0.9rem 1rem 1rem;
    border-radius: 0.5rem;
    background: var(--surface-2);
}
.mbw-max-head[b-h1cmnx5fza] { display: flex; align-items: center; gap: 0.45rem; font-weight: 600; color: var(--max360-text); }
.mbw-max-head > i[b-h1cmnx5fza] { color: var(--max360-primary); font-size: 1.05rem; }
.mbw-max-label[b-h1cmnx5fza] { font-size: 0.85rem; font-weight: 600; color: var(--max360-text-muted); }

.mbw-input[b-h1cmnx5fza] {
    width: 100%;
    font: inherit;
    font-size: 1rem;
    color: var(--max360-text);
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 0.375rem;
    padding: 0.55rem 0.7rem;
    min-height: 44px;
    resize: vertical;
}
.mbw-input:focus-visible[b-h1cmnx5fza] { outline: 2px solid var(--max360-primary); outline-offset: 1px; }
.mbw-grow[b-h1cmnx5fza] { field-sizing: content; min-height: 4.5rem; max-height: 24rem; }
.mbw-grow-brief[b-h1cmnx5fza] { min-height: 7rem; }

/* --- Review with Max: each fix shown as the words struck through, then the change --- */
.mbw-review[b-h1cmnx5fza] { display: flex; flex-direction: column; gap: 0.6rem; }
.mbw-fixes[b-h1cmnx5fza] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.mbw-fix[b-h1cmnx5fza] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem;
    padding: 0.5rem 0.75rem; border-radius: 0.375rem;
    background: var(--max360-surface); border: 1px solid var(--max360-border);
}
.mbw-fix.is-applied[b-h1cmnx5fza] { background: var(--max360-success-soft); border-color: transparent; }
.mbw-fix-kind[b-h1cmnx5fza] {
    font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;
    color: var(--max360-text-muted); flex: 0 0 4.5rem;
}
.mbw-fix-text[b-h1cmnx5fza] { flex: 1 1 14rem; min-width: 0; overflow-wrap: anywhere; }
.mbw-fix-text del[b-h1cmnx5fza] { color: var(--max360-danger-ink); text-decoration-thickness: 1px; }
.mbw-fix-text ins[b-h1cmnx5fza] { color: var(--max360-success-ink); text-decoration: none; font-weight: 600; }
.mbw-fix-arrow[b-h1cmnx5fza] { color: var(--max360-text-muted); }
.mbw-fix.is-applied del[b-h1cmnx5fza], .mbw-fix.is-applied .mbw-fix-arrow[b-h1cmnx5fza] { opacity: 0.6; }
.mbw-fix-actions[b-h1cmnx5fza] { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; }
.mbw-sr[b-h1cmnx5fza] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.mbw-actions[b-h1cmnx5fza] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1rem; }

.mbw-check[b-h1cmnx5fza] {
    padding: 0.6rem 0.8rem; border-radius: 0.375rem;
    background: var(--max360-warning-soft); color: var(--max360-warning-ink);
}
.mbw-check-title[b-h1cmnx5fza] { font-weight: 600; }
.mbw-check p[b-h1cmnx5fza] { margin: 0.3rem 0 0; }
.mbw-check ul[b-h1cmnx5fza], .mbw-asks ul[b-h1cmnx5fza], .mbw-more ul[b-h1cmnx5fza] { margin: 0.3rem 0 0; padding-left: 1.1rem; }
.mbw-asks ul[b-h1cmnx5fza] { color: var(--max360-text); }

.mbw-more > summary[b-h1cmnx5fza] { cursor: pointer; min-height: 32px; display: flex; align-items: center; font-size: 0.9rem; color: var(--max360-text-muted); }
.mbw-more > summary:hover[b-h1cmnx5fza] { color: var(--max360-text); }
.mbw-more > .mbw-input[b-h1cmnx5fza] { margin-top: 0.3rem; }
.mbw-more li[b-h1cmnx5fza] { font-size: 0.9rem; }

/* --- saved drafts, above the window --- */
.mbw-saved[b-h1cmnx5fza] { border: 1px solid var(--max360-border); border-radius: 0.5rem; background: var(--max360-surface); }
.mbw-saved > summary[b-h1cmnx5fza] { cursor: pointer; padding: 0.7rem 1rem; font-weight: 600; min-height: 44px; display: flex; align-items: center; gap: 0.5rem; }
.mbw-saved > summary > i[b-h1cmnx5fza] { color: var(--max360-text-muted); }
.mbw-saved ul[b-h1cmnx5fza] { list-style: none; margin: 0; padding: 0; }
.mbw-saved-row[b-h1cmnx5fza] {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.25rem 1rem;
    padding: 0.5rem 1rem; border-top: 1px solid var(--max360-border);
}
.mbw-saved-row.is-open[b-h1cmnx5fza] { background: var(--surface-2); }
.mbw-saved-text[b-h1cmnx5fza] { min-width: 0; flex: 1 1 14rem; }
.mbw-saved-title[b-h1cmnx5fza] { font-weight: 600; overflow-wrap: anywhere; }
.mbw-saved-meta[b-h1cmnx5fza] { font-size: 0.85rem; color: var(--max360-text-muted); }
.mbw-saved-actions[b-h1cmnx5fza] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

@media (max-width: 700px) {
    .mbw-toolbar[b-h1cmnx5fza] { top: -1rem; }
}

@media (max-width: 520px) {
    .mbw-toolbar[b-h1cmnx5fza] { padding: 0.25rem 0.75rem; gap: 0.25rem 0.5rem; }
    .mbw-flag-text[b-h1cmnx5fza], .mbw-narrow-hide[b-h1cmnx5fza] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .mbw-picker[b-h1cmnx5fza] { flex-basis: 6rem; min-width: 6rem; }
    .mbw-row[b-h1cmnx5fza] { padding: 0.2rem 0.75rem; }
    .mbw-row-label[b-h1cmnx5fza] { flex-basis: 2.4rem; }
    .mbw-body[b-h1cmnx5fza] { padding: 0.75rem; }
    .mbw-body-text[b-h1cmnx5fza] { min-height: 14rem; }
    .mbw-tip[b-h1cmnx5fza] { padding: 0.55rem 0.75rem; }
}
/* /Components/Pages/EntityActivitySection.razor.rz.scp.css */
/* "Recent activity" — the merged stream on the entity details page.

   Its own scoped sheet rather than rules in EntityProfile.razor.css: scoped CSS stamps only
   the elements of the .razor file beside it, so a rule written on the page for markup a child
   component renders compiles to a selector that matches nothing. */

.entactivity-empty[b-7xlhsixsj8] {
    color: var(--max360-text-muted);
    font-style: italic;
    margin: 0;
}

.entactivity-stream[b-7xlhsixsj8] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

/* The rule down the left is what makes this read as a timeline rather than a list of cards.
   One line for the whole stream, drawn per item so the flex gap never breaks it. */
.entactivity-item[b-7xlhsixsj8] {
    position: relative;
    padding: 0.55rem 0 0.55rem 1.1rem;
    border-left: 2px solid var(--max360-border);
}

.entactivity-item[b-7xlhsixsj8]::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 0.95rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--max360-border);
}

.entactivity-item.upcoming[b-7xlhsixsj8] {
    border-left-color: var(--max360-primary, var(--max360-border));
}

.entactivity-item.upcoming[b-7xlhsixsj8]::before {
    background: var(--max360-primary, var(--max360-border));
}

.entactivity-when[b-7xlhsixsj8] {
    font-size: 0.78rem;
    color: var(--max360-text-muted);
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.entactivity-kind[b-7xlhsixsj8] {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.68rem;
}

.entactivity-head[b-7xlhsixsj8] {
    margin-top: 0.15rem;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.entactivity-head a[b-7xlhsixsj8] { text-decoration: none; }
.entactivity-head a:hover[b-7xlhsixsj8] { text-decoration: underline; }

/* A conversation has no page to reach, so its title is plain text. Muted rather than styled
   like a dead link, which would invite the click it cannot honor. */
.entactivity-title[b-7xlhsixsj8] { color: var(--max360-text); }

.entactivity-detail[b-7xlhsixsj8] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

.entactivity-more[b-7xlhsixsj8] {
    margin-top: 0.5rem;
    padding-left: 1.1rem;
}

/* /Components/Pages/EntityCompanyNews.razor.rz.scp.css */
/* A short list under the prep sections; the item lines wrap on a phone. */
.entnews[b-9j387lywr5] {
    margin: 12px 0;
    min-width: 0;
}

.entnews h3[b-9j387lywr5] {
    font-size: 1rem;
    margin: 0 0 4px;
}

.entnews-all[b-9j387lywr5] {
    font-size: 0.88rem;
}
/* /Components/Pages/EntityConnectionsSection.razor.rz.scp.css */
/* "Connections" — groups of chips, and the control that opens the map.

   Its own scoped sheet: scoped CSS stamps only the elements of the .razor file beside it, so a
   rule written on the page for this markup would match nothing. The section frame classes
   (.entprofile-section, .entprofile-section-head, .entprofile-section-count) come from the page's
   sheet through ::deep, because this block has to sit in the same column as the ones around it. */

.entconn-note[b-6a2527wz3s] {
    margin: 0;
    color: var(--max360-text-muted);
}

.entconn-groups[b-6a2527wz3s] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

/* The heading is a sentence about the chips under it, not a column label -- "Reports to Dana
   Whitfield" over a chip saying "Marcus". Sized down and dimmed so the NAMES lead the eye, which
   is what somebody opening this section came for. */
.entconn-heading[b-6a2527wz3s] {
    margin-bottom: 0.3rem;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entconn-chips[b-6a2527wz3s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

/* "+3 more". Not a control: the map and the relationship pages are where the rest is, and a
   control that only re-renders a longer list of the same chips earns nothing. */
.entconn-more[b-6a2527wz3s] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entconn-map[b-6a2527wz3s] {
    margin-top: 1rem;
    align-self: flex-start;
}

/* "11 more kinds of connection not shown here." Sits between the chips and the map control,
   because the map is the answer to it. */
.entconn-hidden[b-6a2527wz3s] {
    margin-top: 0.75rem;
    font-size: 0.8rem;
}
/* /Components/Pages/EntityGlanceRailSection.razor.rz.scp.css */
/* "At a glance" — the rail's facts.

   Its own scoped sheet: scoped CSS stamps only the elements of the .razor file beside it, so a
   rule written on the page for markup a child component renders matches nothing. The rail's frame
   classes (.entprofile-rail-section, .entprofile-rail-label, .entprofile-facts) still come from
   the page's sheet through ::deep, because this block has to line up with the ones above it. */

.entglance-note[b-9ouhebgfe5] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}

.entglance-value[b-9ouhebgfe5] {
    overflow-wrap: anywhere;
}

/* The second and later values of a LIST attribute -- three email addresses, two phone numbers.
   Each on its own line, because running them together reads as one value with commas in it. */
.entglance-also[b-9ouhebgfe5] {
    display: block;
}

/* The "· 4 others" control. A button and not a link: it opens something on this page and goes
   nowhere, and a link that navigates nowhere is a promise the page does not keep. Styled as text
   so it reads as part of the sentence rather than as a second action competing with the value. */
.entglance-more[b-9ouhebgfe5] {
    border: 0;
    background: none;
    padding: 0;
    margin-left: 0.15rem;
    font: inherit;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
    cursor: pointer;
    text-decoration: underline dotted;
    text-underline-offset: 0.2em;
}

.entglance-more:hover[b-9ouhebgfe5],
.entglance-more:focus-visible[b-9ouhebgfe5] {
    color: var(--max360-text);
}

.entglance-others[b-9ouhebgfe5] {
    margin: 0.35rem 0 0;
    padding-left: 1rem;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}

.entglance-others li[b-9ouhebgfe5] {
    margin-bottom: 0.2rem;
    overflow-wrap: anywhere;
}

/* The date a competing value was learned. Dimmer than the value: it is how you tell two of them
   apart, not a fact about the entity. */
.entglance-when[b-9ouhebgfe5] {
    margin-left: 0.35rem;
    /* Not nowrap: on a narrow rail it pushed a long value's line past the sidebar. */
    font-size: 0.78rem;
    opacity: 0.8;
}
/* /Components/Pages/EntityHeaderFacts.razor.rz.scp.css */
/* The three facts under the entity's name.

   Its own scoped sheet: scoped CSS stamps only the elements of the .razor file beside it, so a
   rule written on the page for markup a child component renders matches nothing. The LAYOUT
   classes (.entprofile-metrics, .entprofile-metric) still come from the page's own sheet, which
   reaches them through ::deep, because the band sits inside the page's identity block and has to
   line up with it. */

/* The block: the strip of three, and — only when the read failed — one line saying so under it.
   It carries no layout of its own; the strip's margin is the page's. It exists because the failed
   line must not be a fourth tile INSIDE the flex strip, which is where it landed first. */

/* The qualifier after a figure -- "· meeting", "· 199 documents", "· no meeting or conversation
   on record". Lighter than the figure so the eye lands on the fact first. */
.enthead-note[b-40sunp2erf] {
    font-weight: 400;
    color: var(--max360-text-muted);
}

/* A read that FAILED, which is not "nothing on record" -- the three facts show an em dash each and
   this line says why, so a reader does not take a transient database error for the fact that they
   have never met somebody. */
.enthead-failed[b-40sunp2erf] {
    margin-top: 0.4rem;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}
/* /Components/Pages/EntityProfile.razor.rz.scp.css */
/* Entity profile: two layers. The top answers "I'm about to talk to them" (open threads, where things stand, what to
   do); below it is what has happened and who they are; Max's housekeeping and the extraction detail sit closed at the
   foot. Token-driven, so every theme follows.

   container-type is what the breakpoints at the bottom key on: the nav rail can leave this column narrow on a wide
   screen, so viewport width says little about the space the layout has. */
.entprofile-main[b-gk8qpoqpyc] {
    padding: 0;
    container-type: inline-size;
}

/* ── Identity band ───────────────────────────────────────────────────────────── */

.entprofile-band[b-gk8qpoqpyc] {
    padding: 1.25rem 2rem 1.1rem;
    background: var(--max360-surface);
    border-bottom: 1px solid var(--max360-border);
}

.entprofile-crumb[b-gk8qpoqpyc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    font-family: var(--max360-font-label);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.entprofile-identity[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.entprofile-identity h1[b-gk8qpoqpyc] {
    margin: 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-size: 2.1rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.entprofile-role[b-gk8qpoqpyc] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--max360-text);
}

.entprofile-reach[b-gk8qpoqpyc] {
    margin: 0.15rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 1.1rem;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

.entprofile-chips[b-gk8qpoqpyc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ── Metric strip ────────────────────────────────────────────────────────────── */

/* Wraps unconditionally. Four tiles squeezed into a 300px column gave each about 70px,
   which truncated every value; min-width makes them fold to two rows instead. */
[b-gk8qpoqpyc] .entprofile-metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 1.1rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--max360-bg);
}

[b-gk8qpoqpyc] .entprofile-metric {
    flex: 1 1 9rem;
    min-width: 9rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.7rem 1rem;
    border-right: 1px solid var(--max360-border);
    border-bottom: 1px solid var(--max360-border);
}

/* The strip's own border supplies the outer edges; these only draw between tiles, and
   a wrapped row must not leave a rule hanging under the last one. */
[b-gk8qpoqpyc] .entprofile-metric:last-child {
    border-right: 0;
}

[b-gk8qpoqpyc] .entprofile-metrics .entprofile-metric {
    margin-bottom: -1px;
}

[b-gk8qpoqpyc] .entprofile-metric-label {
    font-family: var(--max360-font-label);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

[b-gk8qpoqpyc] .entprofile-metric-value {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
    color: var(--max360-text);
}

/* ── Body: one reading column ───────────────────────────────────────────────── */

.entprofile-body[b-gk8qpoqpyc] {
    padding: 1.5rem 2rem 6rem;
}

/* ::deep, because the rail's blocks are no longer all written in this file. Scoped CSS stamps only
   the elements of the .razor beside it, so a rule here for markup EntityGlanceRailSection renders
   compiles to a selector that matches nothing -- which is exactly how phase 1's dossier styles
   were inert for a week. The four frame rules below are shared by both. */
[b-gk8qpoqpyc] .entprofile-rail-section {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

[b-gk8qpoqpyc] .entprofile-rail-section + .entprofile-rail-section {
    padding-top: 1.25rem;
    border-top: 1px solid var(--max360-border);
}

[b-gk8qpoqpyc] .entprofile-rail-label {
    margin: 0;
    font-family: var(--max360-font-label);
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.entprofile-alias-list[b-gk8qpoqpyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

[b-gk8qpoqpyc] .entprofile-facts {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.85rem;
}

[b-gk8qpoqpyc] .entprofile-facts dt {
    font-weight: 400;
    color: var(--max360-text-muted);
}

[b-gk8qpoqpyc] .entprofile-facts dd {
    margin: 0 0 0.2rem;
    color: var(--max360-text);
}

.entprofile-col[b-gk8qpoqpyc] {
    max-width: 52rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

/* ── Layers ──────────────────────────────────────────────────────────────────── */

.entprofile-layer[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.entprofile-layer-label[b-gk8qpoqpyc] {
    margin: 0;
    font-family: var(--max360-font-label);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--max360-primary-ink, var(--max360-primary));
}

.entprofile-acts[b-gk8qpoqpyc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.entprofile-who[b-gk8qpoqpyc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.entprofile-who-facts[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.entprofile-who-people[b-gk8qpoqpyc] {
    min-width: 0;
}

.entprofile-notes[b-gk8qpoqpyc] {
    scroll-margin-top: 1rem;
}

.entprofile-foot[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--max360-border);
}

.entprofile-footlinks[b-gk8qpoqpyc] {
    font-size: 0.9rem;
}

/* ── Open threads, drawn by EntityThreadsPanel: ::deep because the markup is the child's ── */

[b-gk8qpoqpyc] .entthreads {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

[b-gk8qpoqpyc] .entthreads-item {
    border: 1px solid var(--max360-primary);
    background: color-mix(in srgb, var(--max360-primary) 8%, var(--max360-surface));
    color: var(--max360-text);
    border-radius: 0.6rem;
    padding: 0.75rem 0.9rem;
}

[b-gk8qpoqpyc] .entthreads-title {
    font-weight: 600;
}

[b-gk8qpoqpyc] .entthreads-move {
    margin: 0.3rem 0 0;
    line-height: 1.5;
}

[b-gk8qpoqpyc] .entthreads-meta {
    margin-top: 0.3rem;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

/* ── Sections: hairlines instead of eight stacked card borders ───────────────── */

.entprofile-section[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.entprofile-section + .entprofile-section[b-gk8qpoqpyc] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--max360-border);
}

.entprofile-section-head[b-gk8qpoqpyc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.entprofile-section-head h2[b-gk8qpoqpyc] {
    margin: 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-size: 1.2rem;
    line-height: 1.2;
}

.entprofile-section-count[b-gk8qpoqpyc] {
    font-family: var(--max360-font-label);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    white-space: nowrap;
}

/* ── Mentions as evidence ────────────────────────────────────────────────────── */

.entprofile-evidence[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.entprofile-evidence-item[b-gk8qpoqpyc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.entprofile-evidence-head[b-gk8qpoqpyc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.entprofile-evidence-title[b-gk8qpoqpyc] {
    font-weight: 500;
}

.entprofile-evidence-date[b-gk8qpoqpyc] {
    font-family: var(--max360-font-label);
    font-size: 0.68rem;
    color: var(--max360-text-muted);
    white-space: nowrap;
}

.entprofile-evidence-quote[b-gk8qpoqpyc] {
    margin: 0;
    padding-left: 0.7rem;
    border-left: 2px solid var(--max360-border);
    font-size: 0.85rem;
    line-height: 1.6;
    color: var(--max360-text-muted);
    text-wrap: pretty;
}

.entprofile-mentions-more[b-gk8qpoqpyc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* ── Narrow workarea ───────────────────────────────────────────────────────── */

@container (max-width: 44rem) {
    .entprofile-body[b-gk8qpoqpyc] {
        padding: 1.25rem 1rem 6rem;
    }

    .entprofile-band[b-gk8qpoqpyc] {
        padding: 1rem;
    }

    .entprofile-identity h1[b-gk8qpoqpyc] {
        font-size: 1.6rem;
    }

    .entprofile-who[b-gk8qpoqpyc] {
        grid-template-columns: 1fr;
    }
}

/* ── "Where things stand": Max's paragraph and its footnotes ─────────────────
   The receipt chip matches the Max Box draft reply's, deliberately: the same
   mark means the same thing on both surfaces, so a reader learns it once.

   EVERY RULE BELOW IS ::deep AND THAT IS LOAD-BEARING. The markup lives in
   EntityDossierSection.razor, and scoped CSS stamps its attribute only on the
   elements of the .razor file beside this sheet. Without ::deep these compile to
   .entdossier-text[b-xxxxx], which matches nothing a child component renders --
   the whole block was inert from the day it shipped. */

[b-gk8qpoqpyc] .entdossier-text {
    font-size: 1rem;
    line-height: 1.7;
}

[b-gk8qpoqpyc] .entdossier-text .unit { margin-right: 0.25rem; }

[b-gk8qpoqpyc] .entdossier-text .unit.unverified {
    text-decoration: underline dotted var(--max360-warning-ink, var(--max360-text-muted));
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.2em;
}

[b-gk8qpoqpyc] .entdossier-text .receipt {
    display: inline-block;
    vertical-align: super;
    font-size: 0.66rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.1rem 0.32rem;
    margin-left: 0.15rem;
    border-radius: 0.6rem;
    border: 1px solid var(--max360-border);
    color: var(--max360-primary-ink, var(--max360-primary));
    background: var(--max360-surface);
    text-decoration: none;
}

[b-gk8qpoqpyc] .entdossier-text .receipt.unverified {
    color: var(--max360-warning-ink, var(--max360-text-muted));
}

[b-gk8qpoqpyc] .entdossier-stamp {
    margin-top: 0.6rem;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

[b-gk8qpoqpyc] .entdossier-empty {
    color: var(--max360-text-muted);
    font-style: italic;
}

[b-gk8qpoqpyc] .entdossier-check {
    margin-top: 0.85rem;
    border-left: 3px solid var(--max360-warning-ink, var(--max360-border));
    padding: 0.4rem 0 0.4rem 0.7rem;
}

[b-gk8qpoqpyc] .entdossier-check .label {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--max360-warning-ink, var(--max360-text-muted));
    font-weight: 600;
}

[b-gk8qpoqpyc] .entdossier-check ul,
[b-gk8qpoqpyc] .entdossier-fold ul {
    list-style: none;
    padding: 0;
    margin: 0.4rem 0 0;
    font-size: 0.85rem;
    line-height: 1.6;
}

[b-gk8qpoqpyc] .entdossier-check li,
[b-gk8qpoqpyc] .entdossier-fold li {
    padding: 0.2rem 0;
    overflow-wrap: anywhere;
}

[b-gk8qpoqpyc] .entdossier-fold {
    margin-top: 0.85rem;
    font-size: 0.85rem;
}

[b-gk8qpoqpyc] .entdossier-fold summary { cursor: pointer; color: var(--max360-text-muted); }
[b-gk8qpoqpyc] .entdossier-fold .label { font-weight: 600; }
[b-gk8qpoqpyc] .entdossier-fold .fold-count { margin-left: 0.4rem; }
[b-gk8qpoqpyc] .entdossier-fold .kind { color: var(--max360-text-muted); margin: 0 0.4rem; }
[b-gk8qpoqpyc] .entdossier-fold code { margin-right: 0.35rem; }
/* /Components/Pages/EntityReadingFold.razor.rz.scp.css */
/* "What Max has read" — a fold whose header is the whole control.

   Its own scoped sheet, and it carries its OWN frame. The page's .entprofile-section rule has no
   ::deep, so it compiles to a page-scoped selector and reaches nothing rendered here -- which is
   the trap the page's own sheet documents four rules above it. */

.entread[b-8hqc5gfgih] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--max360-border);
}

/* THE WHOLE HEADER IS THE BUTTON, not a caret beside a heading. A fold with a small hit target
   next to unclickable text is a control people miss, and on a phone it is a control people cannot
   hit at all. */
.entread-toggle[b-8hqc5gfgih] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
    color: var(--max360-text);
    /* A one-line summary ("nothing read yet") was a 20px-tall target, which is unhittable on a
       phone. The full width was only half the problem. */
    min-height: 2.75rem;
    align-content: center;
}

.entread-caret[b-8hqc5gfgih] {
    flex: 0 0 auto;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entread-title[b-8hqc5gfgih] {
    flex: 0 0 auto;
    font-weight: 600;
}

/* The counts. Dimmer than the title and allowed to wrap: on a narrow screen "38 mentions across
   22 documents, 11 remembered facts, confidence 94%" is two lines, and truncating it would hide
   the one number a reader came for. */
.entread-summary[b-8hqc5gfgih] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
}

.entread-toggle:hover .entread-summary[b-8hqc5gfgih],
.entread-toggle:focus-visible .entread-summary[b-8hqc5gfgih] {
    color: var(--max360-text);
}

.entread-body[b-8hqc5gfgih] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
/* /Components/Pages/EntityRolesLine.razor.rz.scp.css */
/* One line under the company's name: a label, then the role chips. Wraps on a phone. */
.entroles[b-regfhusifq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 6px 0 2px;
}

.entroles-label[b-regfhusifq] {
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}
/* /Components/Pages/EntityRosterSection.razor.rz.scp.css */
/* src/Max360.Web/Components/Pages/EntityRosterSection.razor.css

   Its own scoped sheet, and it carries its OWN frame. The page's .entprofile-section rule has no
   ::deep, so it compiles to a page-scoped selector and reaches nothing rendered here — the trap
   the page's own sheet documents, and the one the reading fold was caught by. */

.entroster[b-5mbci5yorm] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--max360-border);
}

.entroster-table[b-5mbci5yorm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.925rem;
}

.entroster-table th[b-5mbci5yorm] {
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    padding: 0 0.75rem 0.4rem 0;
    border-bottom: 1px solid var(--max360-border);
    white-space: nowrap;
}

.entroster-table td[b-5mbci5yorm] {
    padding: 0.55rem 0.75rem 0.55rem 0;
    border-bottom: 1px solid var(--max360-border);
    vertical-align: top;
}

.entroster-table tr:last-child td[b-5mbci5yorm] { border-bottom: none; }

.entroster-name[b-5mbci5yorm] {
    color: var(--max360-link);
    text-decoration: none;
    font-weight: 500;
}

.entroster-name:hover[b-5mbci5yorm] { text-decoration: underline; }

.entroster-role[b-5mbci5yorm] { color: var(--max360-text); }

/* A relationship name is a reason this person is listed, not a job they hold. Quieter, so the
   two are not read as the same kind of claim. */
.entroster-role-inferred[b-5mbci5yorm] {
    color: var(--max360-text-muted);
    font-style: italic;
}

.entroster-when[b-5mbci5yorm] {
    color: var(--max360-text-muted);
    white-space: nowrap;
}

/* The column heading carries this on a desktop; it only comes back when the headings go. */
.entroster-when-label[b-5mbci5yorm] { display: none; }

.entroster-kind[b-5mbci5yorm] { color: var(--max360-text-muted); }

.entroster-note[b-5mbci5yorm] {
    margin: 0;
    color: var(--max360-text-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.entroster-hidden[b-5mbci5yorm] { margin-top: 0.25rem; }

/* A PHONE GETS CARDS, NOT A TABLE. Three columns inside 390px minus the gutters gives the name
   about 120px, which wraps every row to three lines and still scrolls sideways. The headings are
   hidden and each row becomes a block, so the name leads and the rest sits under it. */
@media (max-width: 700px) {
    .entroster-table thead[b-5mbci5yorm] { display: none; }
    .entroster-table[b-5mbci5yorm], .entroster-table tbody[b-5mbci5yorm], .entroster-table tr[b-5mbci5yorm], .entroster-table td[b-5mbci5yorm] {
        display: block;
        width: 100%;
    }
    .entroster-table tr[b-5mbci5yorm] {
        padding: 0.6rem 0;
        border-bottom: 1px solid var(--max360-border);
    }
    .entroster-table td[b-5mbci5yorm] {
        padding: 0;
        border-bottom: none;
    }
    .entroster-table .entroster-role[b-5mbci5yorm],
    .entroster-table .entroster-when[b-5mbci5yorm] {
        font-size: 0.875rem;
    }
    .entroster-when[b-5mbci5yorm] { white-space: normal; }
    .entroster-when-label[b-5mbci5yorm] { display: inline; }
}
/* /Components/Pages/EntitySignalSection.razor.rz.scp.css */
/* "What changed" — the EntitySignal band on the entity details page.

   Its own scoped sheet, like the activity band's: scoped CSS stamps only the elements of the
   .razor file beside it, so a rule written on the page for markup a child component renders
   compiles to a selector that matches nothing. */

.entsignal-card[b-8o75rwbez9] {
    border: 1px solid var(--max360-border);
    border-left-width: 3px;
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--max360-surface);
}

/* Severity is carried by the left rule and by nothing else. A whole card in a warning tone reads
   as an error the reader has to clear; these are observations, and most of them are routine. */
.entsignal-card.notable[b-8o75rwbez9] { border-left-color: var(--max360-warning-ink, var(--max360-border)); }
.entsignal-card.urgent[b-8o75rwbez9]  { border-left-color: var(--max360-danger, var(--max360-warning-ink, var(--max360-border))); }

/* Acknowledged, not gone. It stays until somebody dismisses it for everyone, because "I have seen
   this" is not "this is wrong" — it just stops competing for attention. */
.entsignal-card.acked[b-8o75rwbez9] { opacity: 0.72; }

.entsignal-line[b-8o75rwbez9] {
    font-size: 0.95rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.entsignal-what[b-8o75rwbez9] {
    font-weight: 600;
    margin-right: 0.3rem;
}

.entsignal-why[b-8o75rwbez9] { color: var(--max360-text); }

.entsignal-moved[b-8o75rwbez9] {
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

.entsignal-foot[b-8o75rwbez9] {
    margin-top: 0.45rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.entsignal-when[b-8o75rwbez9] {
    font-size: 0.78rem;
    color: var(--max360-text-muted);
    margin-right: auto;
}

.entsignal-acked[b-8o75rwbez9] {
    font-size: 0.78rem;
    color: var(--max360-text-muted);
    font-style: italic;
}

.entsignal-message[b-8o75rwbez9] {
    font-size: 0.85rem;
    color: var(--max360-text-muted);
    margin: 0.4rem 0 0;
}

/* The competing values. A choice is a target, not a sentence: it is the only thing on this card
   that changes what Max holds. */
.entsignal-choices[b-8o75rwbez9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.5rem 0 0.15rem;
}

.entsignal-choose-label[b-8o75rwbez9] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entsignal-choice[b-8o75rwbez9] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
    text-align: left;
    background: transparent;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    padding: 0.5rem 0.65rem;
    color: var(--max360-text);
    cursor: pointer;
    /* A phone target, and the value can be a long title. */
    min-height: 2.75rem;
    overflow-wrap: anywhere;
}

.entsignal-choice:hover:not(:disabled)[b-8o75rwbez9] { border-color: var(--max360-link); }
.entsignal-choice:disabled[b-8o75rwbez9] { opacity: 0.5; cursor: default; }

.entsignal-choice-value[b-8o75rwbez9] { font-weight: 500; }

.entsignal-choice-when[b-8o75rwbez9] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entsignal-choice-list[b-8o75rwbez9] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--max360-text);
}

.entsignal-bothvalid[b-8o75rwbez9] { align-self: flex-start; }

.entsignal-withheld[b-8o75rwbez9] {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: var(--max360-text-muted);
}

.entsignal[b-8o75rwbez9] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

/* /Components/Pages/Knowledge.razor.rz.scp.css */
/* Knowledge (Search) — editorial sensibility on a functional grid.
   All selectors are scoped via Blazor CSS isolation (rewritten with a
   [b-xxxx] attribute selector at build time) so these style overrides
   for shared classes like .kb-card, .kb-filters, .max360-toolbar etc.
   only affect this page. Nothing leaks to other consumers. */

.kbsearch[b-yw6v90zmsb] {
    --t-paper:    var(--bg);
    --t-surface:  var(--surface);
    --t-surface-2: var(--surface-2);
    --t-ink:      var(--ink);
    --t-ink-dim:  var(--ink-dim);
    --t-rule:     var(--rule);
    --t-accent:   var(--accent);
    --t-accent-2: var(--accent-2, var(--accent));
    /* Brand/voice accent — same token Today uses for its headline emphasis
       (see Today.razor.css); applied to the "Search the library." hero. */
    --t-brand-accent: var(--max360-brand-accent, var(--accent));
    --t-danger:   var(--max360-danger, #dc2626);
    --t-mono:     var(--max360-font-label);

    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
}

/* ─── hero — title + paragraph left, action stack right ─ */
.kbs-hero[b-yw6v90zmsb] {
    padding-bottom: 26px;
    border-bottom: 1px solid var(--t-rule);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 48px;
}
.kbs-hero-text[b-yw6v90zmsb] { flex: 1; max-width: 720px; }
.kbs-hero h1[b-yw6v90zmsb] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-size: 56px;
    line-height: 0.96;
    letter-spacing: -0.03em;
    color: var(--t-ink);
    font-variation-settings: 'opsz' 144;
    margin: 0;
}
.kbs-hero h1 em[b-yw6v90zmsb] {
    font-style: italic;
    color: var(--t-brand-accent);
}
.kbs-hero p[b-yw6v90zmsb] {
    margin: 14px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--t-ink-dim);
}
.kbs-hero-count[b-yw6v90zmsb] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--t-ink);
    margin-left: 6px;
    white-space: nowrap;
}
.kbs-actions[b-yw6v90zmsb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    flex-shrink: 0;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

/* ─── bulk-action strip ──────────────────────────────── */
.kbs-bulk[b-yw6v90zmsb] {
    margin-top: 16px;
    padding: 10px 14px;
    border: 1px solid var(--t-rule);
    background: var(--t-surface-2);
    display: flex;
    gap: 18px;
    align-items: center;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.kbs-bulk-label[b-yw6v90zmsb] { color: var(--t-ink); }
.kbs-bulk-label strong[b-yw6v90zmsb] { color: var(--t-accent); font-weight: 600; }
.kbs-bulk-clear[b-yw6v90zmsb] { margin-left: auto; }

.kbs-toast[b-yw6v90zmsb] {
    margin-top: 12px;
    padding: 10px 14px;
    border-left: 3px solid var(--t-accent-2);
    background: var(--t-surface-2);
    font-size: 14px;
    color: var(--t-ink);
}

/* ─── search — always in view, above the collapsible filters ─── */
.kbs-searchrow[b-yw6v90zmsb] {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.kbs-searchbox[b-yw6v90zmsb] {
    flex: 1 1 260px;
    min-width: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--t-rule);
}
.kbs-searchbox input[type="search"][b-yw6v90zmsb] {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--t-ink);
    padding: 4px 0;
    border-radius: 0;
}
.kbs-searchbox input[b-yw6v90zmsb]::placeholder {
    color: var(--t-ink-dim);
    opacity: 0.55;
}
.kbs-searchbox:focus-within[b-yw6v90zmsb] { border-bottom-color: var(--t-accent); }

/* ─── filter — library-catalog card ───────────────────── */
.kbs-filters[b-yw6v90zmsb] {
    margin-top: 28px;
    padding: 22px 24px;
    border: 1px solid var(--t-rule);
    background: var(--t-surface-2);
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.kbs-filters.collapsed[b-yw6v90zmsb] {
    padding: 0;
    border: none;
    margin: 0;
    gap: 0;
}

/* Active-filter count badge — shown on the Filters button when collapsed */
.kbs-filter-badge[b-yw6v90zmsb] {
    display: inline-block;
    margin-left: 7px;
    padding: 1px 6px;
    border: 1px solid currentColor;
    border-radius: 2px;
    font-size: 8px;
    letter-spacing: 0.12em;
    line-height: 1.6;
    vertical-align: middle;
    opacity: 0.85;
}
.kbs-filter-summary[b-yw6v90zmsb] {
    color: var(--t-ink-dim);
    font-style: italic;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.kbs-flbl[b-yw6v90zmsb] {
    font-family: var(--t-mono);
    font-size: 9px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    font-weight: 500;
    margin: 0;
    flex-shrink: 0;
    min-width: 72px;
}
.kbs-flbl-inline[b-yw6v90zmsb] { min-width: 0; margin-left: 12px; }

/* ─── pager ──────────────────────────────────────────── */
.kbs-pager[b-yw6v90zmsb] {
    margin-top: 14px;
    padding: 8px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 18px;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
/* Toolbar-pager: toggles flush-left, pagination controls flush-right */
.kbs-pager-toolbar[b-yw6v90zmsb] {
    justify-content: flex-start;
}
.kbs-pager-toggles[b-yw6v90zmsb] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-right: auto;
}
.kbs-pager.kbs-pager-bottom[b-yw6v90zmsb] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--t-rule);
}
.kbs-pager-info[b-yw6v90zmsb] {
    color: var(--t-ink);
    white-space: nowrap;
}

/* ─── cards — override .kb-card et al ────────────────── */
[b-yw6v90zmsb] .kb-list {
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}
[b-yw6v90zmsb] .kb-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 18px 14px;
    border-bottom: 1px solid var(--t-rule);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    transition: background 0.15s;
}
[b-yw6v90zmsb] .kb-list-select .kb-card {
    grid-template-columns: 32px 1fr auto;
}
[b-yw6v90zmsb] .kb-card:hover {
    background: var(--t-surface-2);
}
[b-yw6v90zmsb] .kb-card.kb-card-selected {
    background: transparent;
    border-left: 2px solid var(--t-accent);
    padding-left: 12px;
}
[b-yw6v90zmsb] .kb-card-check {
    display: flex;
    align-items: flex-start;
    padding-top: 4px;
}
[b-yw6v90zmsb] .kb-card-check input[type="checkbox"] {
    accent-color: var(--t-accent);
}
[b-yw6v90zmsb] .kb-card-body {
    cursor: pointer;
    min-width: 0;
}
[b-yw6v90zmsb] .kb-card-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 6px;
}
[b-yw6v90zmsb] .kb-card-title {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: var(--t-ink);
    margin: 0;
}
/* Title is a link to the document detail page. It inherits the heading
   typography and only takes the accent color when the title itself is hovered
   (not when the whole row is hovered — row hover still opens the flyover). */
[b-yw6v90zmsb] .kb-card-title a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}
[b-yw6v90zmsb] .kb-card-title a:hover { color: var(--t-accent); }

[b-yw6v90zmsb] .kb-badge {
    display: inline-block;
    font-family: var(--t-mono);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 0;
    border: 1px solid var(--t-rule);
    background: transparent;
    color: var(--t-ink-dim);
    font-weight: 500;
}
[b-yw6v90zmsb] .kb-badge-kind {
    color: var(--t-accent-2);
    border-color: var(--t-accent-2);
}
[b-yw6v90zmsb] .kb-badge-email,
[b-yw6v90zmsb] .kb-badge-chat,
[b-yw6v90zmsb] .kb-badge-meeting,
[b-yw6v90zmsb] .kb-badge-manual,
[b-yw6v90zmsb] .kb-badge-crm,
[b-yw6v90zmsb] .kb-badge-api,
[b-yw6v90zmsb] .kb-badge-fileupload,
[b-yw6v90zmsb] .kb-badge-other {
    color: var(--t-accent);
    border-color: var(--t-accent);
}

[b-yw6v90zmsb] .kb-card-meta {
    margin-top: 4px;
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    color: var(--t-ink-dim);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
[b-yw6v90zmsb] .kb-meta-secondary {
    color: var(--t-ink-dim);
    opacity: 0.7;
}
[b-yw6v90zmsb] .kb-card-summary {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--t-ink-dim);
    max-width: 820px;
}

[b-yw6v90zmsb] .kb-card-actions {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    padding-top: 4px;
}

/* ─── empty / loading states ─────────────────────────── */
/* Scoped to dedicated classes (not a bare ::deep .max360-card) so the
   empty-state treatment does not bleed into child-component modals such
   as ScopePickerDialog, which also reuse .max360-card. */
[b-yw6v90zmsb] .max360-loading,
.knowledge-empty-state[b-yw6v90zmsb] {
    margin-top: 32px;
    padding: 24px 0;
    text-align: center;
    color: var(--t-ink-dim);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: transparent;
    border: none;
    box-shadow: none;
}
.knowledge-empty-state p[b-yw6v90zmsb] { margin: 0 0 14px; }

/* Hide the old page header outline if it leaks — masthead replaces it */
[b-yw6v90zmsb] .max360-page-header { display: none; }

.kbs-pinned-chip[b-yw6v90zmsb] { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 0.75rem; padding: 0.4rem 0.75rem; background: color-mix(in srgb, var(--surface-2) 70%, var(--accent) 8%); border: 1px solid var(--rule); border-radius: 6px; font-size: 0.9em; }

/* ─── phone: 700px is ShortRail.PhoneMaxWidthPx ─── */
@media (max-width: 700px) {
    .kbs-hero[b-yw6v90zmsb] { flex-direction: column; align-items: stretch; gap: 16px; }
    .kbs-hero h1[b-yw6v90zmsb] { font-size: 40px; }
    .kbs-actions[b-yw6v90zmsb] { flex-direction: row; flex-wrap: wrap; align-items: center; }
}

/* the list ends above the round Max button, so Next and the last row can be tapped */
.kbsearch[b-yw6v90zmsb] { padding-bottom: 72px; }
/* /Components/Pages/Knowledge/KnowledgeFilterBar.razor.rz.scp.css */
/* Scoped styles for the compact Knowledge filter bar (KnowledgeFilterBar.razor).
   These rules previously lived in Knowledge.razor.css but never applied: Blazor
   scoped CSS on the parent page tags only elements the *page* renders, so it can
   never reach the controls this child component renders. The class names had also
   drifted from the compact single-row rewrite (.kbs-filter-bar-row / .kbs-filter-chips
   didn't exist in the old stylesheet). Living here, they auto-scope to this component.
   Theme variables (--t-*, --max360-font-*) cascade in from :root regardless of scope. */

.kbs-filter-bar[b-9t1gyapvvs] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Single wrapping toolbar row: search + popovers + direction + date ranges + apply */
.kbs-filter-bar-row[b-9t1gyapvvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

/* Date ranges: Ingested [from]→[to]  Source [from]→[to] */
.kbs-filter-dates[b-9t1gyapvvs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.kbs-date-label[b-9t1gyapvvs] {
    font-family: var(--t-mono);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    white-space: nowrap;
}
.kbs-filter-dates input[type="date"][b-9t1gyapvvs] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--t-rule);
    padding: 4px 2px;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 13px;
    color: var(--t-ink);
    border-radius: 0;
    outline: none;
    min-width: 120px;
}
.kbs-filter-dates input[type="date"]:focus[b-9t1gyapvvs] { border-bottom-color: var(--t-accent); }
.kbs-dash[b-9t1gyapvvs] {
    color: var(--t-ink-dim);
    font-family: var(--t-mono);
    font-size: 11px;
}


/* Active-filter chips row (below the toolbar) */
.kbs-filter-chips[b-9t1gyapvvs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* phone: each date range takes its own line and its two fields share it */
@media (max-width: 700px) {
    .kbs-filter-dates[b-9t1gyapvvs] { display: flex; flex: 1 1 100%; flex-wrap: wrap; min-width: 0; }
    .kbs-filter-dates input[type="date"][b-9t1gyapvvs] { min-width: 0; flex: 1 1 0; }
}
/* /Components/Pages/KnowledgeAtlas.razor.rz.scp.css */
/* KnowledgeAtlas — observatory figure inside a themed page.
   The page chrome (rail, stats, feed list, strata, ribbon) reads from
   Max360 theme tokens so it sits inside any active theme. The atlas
   canvas itself is intentionally a dark "star chart" — a figure with
   its own visual language, the way a printed publication might run a
   dark-paper chart inside an otherwise light magazine. */

.kba[b-181yjg6dvc] {
    /* Theme-bound tokens — for the page chrome */
    --t-paper:    var(--bg);
    --t-surface:  var(--surface);
    --t-surface-2: var(--surface-2);
    --t-ink:      var(--ink);
    --t-ink-dim:  var(--ink-dim);
    --t-rule:     var(--rule);
    --t-accent:   var(--accent);
    --t-accent-2: var(--accent-2, var(--accent));
    /* Brand/voice accent — same token Today uses for its headline emphasis
       (see Today.razor.css); applied to the "territories"/"knows" hero. */
    --t-brand-accent: var(--max360-brand-accent, var(--accent));
    --t-mono:     var(--max360-font-label);

    /* Observatory tokens — held constant for the figure itself */
    --obs-bg:     #07090d;
    --obs-bg-2:   #0c1117;
    --obs-ink:    #e8e2d4;
    --obs-dim:    #8a8676;
    --obs-line:   #1a1f28;
    --obs-amber:  #f0b454;
    --obs-cyan:   #7fd4d0;

    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    margin: -1rem -1.5rem;
    min-height: calc(100vh - 4rem);
    display: grid;
    grid-template-columns: 1fr;   /* legacy in-page rail removed — stage spans full width */
}

/* ─── rail ───────────────────────────────────────────── */
.rail[b-181yjg6dvc] {
    border-right: 1px solid var(--t-rule);
    padding: 28px 22px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    background: var(--t-surface);
}
.brand[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--t-ink);
    font-variation-settings: 'opsz' 144;
}
.brand small[b-181yjg6dvc] {
    display: block;
    font-family: var(--t-mono);
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.2em;
    color: var(--t-ink-dim);
    margin-top: 6px;
    text-transform: uppercase;
}
.nav-section[b-181yjg6dvc] { display: flex; flex-direction: column; gap: 4px; }
.nav-section h6[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.25em;
    color: var(--t-ink-dim);
    text-transform: uppercase;
    margin: 0 0 10px;
}
.nav-item[b-181yjg6dvc] {
    font-size: 13px;
    padding: 6px 0 6px 12px;
    color: var(--t-ink-dim);
    border-left: 1px solid transparent;
    text-decoration: none;
    transition: all 0.2s;
    display: block;
}
.nav-item:hover[b-181yjg6dvc] {
    color: var(--t-ink);
    border-left-color: var(--t-rule);
}
.nav-item.active[b-181yjg6dvc] {
    color: var(--t-accent);
    border-left-color: var(--t-accent);
}

/* ─── stage ──────────────────────────────────────────── */
.stage[b-181yjg6dvc] {
    padding: 40px 56px 80px;
}

.header[b-181yjg6dvc] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 40px;
    margin-bottom: 28px;
}
.title-block .eyebrow[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 11px;
    color: var(--t-accent-2);
    letter-spacing: 0.25em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.title-block h1[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-size: 60px;
    line-height: 0.95;
    letter-spacing: -0.025em;
    margin: 0;
    color: var(--t-ink);
    font-variation-settings: 'opsz' 144;
}
.title-block h1 em[b-181yjg6dvc] {
    color: var(--t-brand-accent);
    font-style: italic;
}
.title-block p[b-181yjg6dvc] {
    margin-top: 18px;
    max-width: 560px;
    color: var(--t-ink-dim);
    font-size: 14px;
    line-height: 1.65;
}

.ticker[b-181yjg6dvc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    min-width: 380px;
}
.stat[b-181yjg6dvc] {
    border-top: 1px solid var(--t-rule);
    padding-top: 12px;
}
.stat .n[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--t-ink);
}
.stat .lbl[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--t-ink-dim);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 6px;
}
.stat .delta[b-181yjg6dvc] {
    color: var(--t-accent-2);
    font-size: 11px;
    margin-left: 8px;
}

/* ─── atlas (the figure, intentionally dark) ─────────── */
.atlas-shell[b-181yjg6dvc] {
    margin-top: 28px;
    /* Single full-width figure. (The original design reserved a 320px right
       column for a feed panel that this page never renders — leaving it in made
       the map a 1fr column beside an empty dark 320px band.) A one-column grid
       keeps the canvas stretched to the shell height. */
    display: grid;
    grid-template-columns: 1fr;
    background: var(--obs-line);
    border: 1px solid var(--obs-line);
    height: 560px;
    position: relative;
    overflow: hidden;
}
.atlas-canvas[b-181yjg6dvc] {
    background: radial-gradient(ellipse at center, var(--obs-bg-2) 0%, var(--obs-bg) 70%);
    position: relative;
    overflow: hidden;
}
.atlas-canvas svg[b-181yjg6dvc] {
    width: 100%;
    height: 100%;
    display: block;
}
.atlas-empty[b-181yjg6dvc] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--obs-dim);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-align: center;
    padding: 0 40px;
}
.atlas-overlay[b-181yjg6dvc] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 22px;
}
.atlas-overlay .controls[b-181yjg6dvc] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    pointer-events: auto;
}
.chip[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    padding: 6px 10px;
    border: 1px solid var(--obs-line);
    background: rgba(7, 9, 13, 0.7);
    backdrop-filter: blur(8px);
    color: var(--obs-dim);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.chip.on[b-181yjg6dvc] {
    color: var(--obs-bg);
    background: var(--obs-amber);
    border-color: var(--obs-amber);
}
.legend[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--obs-dim);
    letter-spacing: 0.1em;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.legend span[b-181yjg6dvc] {
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}
.legend .dot[b-181yjg6dvc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

/* ─── cartographic territory map (PRIMARY render) ────── */
/* The map is a calm parchment surface, in contrast to the dark
   observatory "star chart" the constellation fallback still uses. */
.map-canvas[b-181yjg6dvc] {
    --map-paper:     #f4ecdb;
    --map-paper-2:   #efe6d1;
    --map-grid:      #dfd3b8;
    --map-route:     #9c7c50;
    --map-city-ring: #fbf6ea;
    --map-pin:       #b4472e;
    --map-pin-ring:  #7c2d1c;
    --map-pin-dot:   #fbe3d4;
    --map-label:     #4a3f2a;
    --map-label-dim: #8a7a58;
    --map-frontier-ring: #4a3f2a; /* hollow frontier-ring stroke — a dark ink, shape-first */

    background:
        radial-gradient(ellipse at 30% 20%, var(--map-paper) 0%, var(--map-paper-2) 60%, #e7dcc2 100%);
}
.map-canvas svg[b-181yjg6dvc] {
    width: 100%;
    height: 100%;
    display: block;
    cursor: grab;
    touch-action: none;
}
.map-canvas svg:active[b-181yjg6dvc] { cursor: grabbing; }

.map-canvas .city[b-181yjg6dvc] {
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.15s ease;
}
.map-canvas .city:hover[b-181yjg6dvc] {
    filter: brightness(1.15) saturate(1.2);
}
.map-canvas .pin[b-181yjg6dvc] { cursor: pointer; }
.map-canvas .pin:hover[b-181yjg6dvc] { filter: brightness(1.1); }

.map-canvas .region-name[b-181yjg6dvc] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    fill: var(--map-label);
    paint-order: stroke;
    stroke: var(--map-paper);
    stroke-width: 3px;
    stroke-linejoin: round;
}
.map-canvas .region-sub[b-181yjg6dvc] {
    font-size: 8.5px;
    letter-spacing: 0.14em;
    fill: var(--map-label-dim);
    paint-order: stroke;
    stroke: var(--map-paper);
    stroke-width: 2.5px;
    stroke-linejoin: round;
}

/* Map overlay — fly-to search, zoom controls, legend */
.map-overlay[b-181yjg6dvc] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 20px;
}
.map-top[b-181yjg6dvc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.map-top-right[b-181yjg6dvc] {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* ─── Frontier lens: toggle, worklist, legend swatches ─── */
.frontier-toggle[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 9px 12px;
    border: 1px solid #cbbd9c;
    border-radius: 6px;
    background: rgba(252, 248, 238, 0.92);
    backdrop-filter: blur(6px);
    color: #4a3f2a;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(74, 63, 42, 0.12);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.frontier-toggle:hover[b-181yjg6dvc] { background: #efe4cb; }
.frontier-toggle.on[b-181yjg6dvc] {
    background: #4a3f2a;
    border-color: #4a3f2a;
    color: #f4ecdb;
}

/* Softest-frontiers worklist */
.frontier-list[b-181yjg6dvc] {
    pointer-events: auto;
    align-self: flex-start;
    margin-top: 10px;
    width: 260px;
    max-width: 70%;
    background: rgba(252, 248, 238, 0.94);
    backdrop-filter: blur(6px);
    border: 1px solid #cbbd9c;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(74, 63, 42, 0.16);
    overflow: hidden;
}
.fl-head[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #8a7a58;
    padding: 10px 14px 8px;
    border-bottom: 1px solid #e0d4ba;
}
.fl-empty[b-181yjg6dvc] {
    padding: 12px 14px;
    font-size: 12px;
    color: #8a7a58;
    line-height: 1.5;
}
.fl-rows[b-181yjg6dvc] {
    max-height: 260px;
    overflow-y: auto;
}
.fl-row[b-181yjg6dvc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 14px;
    border-bottom: 1px solid #ece1c8;
    cursor: pointer;
    transition: background 0.15s ease;
}
.fl-row:last-child[b-181yjg6dvc] { border-bottom: none; }
.fl-row:hover[b-181yjg6dvc] { background: #efe4cb; }
.fl-main[b-181yjg6dvc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.fl-name[b-181yjg6dvc] {
    font-size: 13px;
    color: #3c3320;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(60, 51, 32, 0.35);
    text-underline-offset: 2px;
}
.fl-name:hover[b-181yjg6dvc] { text-decoration-color: var(--t-accent, #b4472e); }
.fl-reason[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 9.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9a8b68;
}
.fl-terr[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 9.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #b0a079;
    white-space: nowrap;
    flex: 0 0 auto;
}

/* SVG "no visible route" question glyph */
.map-canvas .frontier-q[b-181yjg6dvc] {
    font-family: var(--max360-font-label);
    font-size: 11px;
    font-weight: 600;
    fill: var(--map-label-dim);
    paint-order: stroke;
    stroke: var(--map-paper);
    stroke-width: 2.5px;
    stroke-linejoin: round;
}
.map-canvas .frontier-city[b-181yjg6dvc] { pointer-events: none; }
.flyto[b-181yjg6dvc] {
    pointer-events: auto;
    position: relative;
    width: 240px;
    max-width: 60%;
}
.flyto input[b-181yjg6dvc] {
    width: 100%;
    font-family: var(--t-mono);
    font-size: 12px;
    padding: 9px 12px;
    border: 1px solid #cbbd9c;
    border-radius: 6px;
    background: rgba(252, 248, 238, 0.92);
    backdrop-filter: blur(6px);
    color: #3c3320;
    box-shadow: 0 1px 4px rgba(74, 63, 42, 0.12);
}
.flyto input[b-181yjg6dvc]::placeholder { color: #9a8b68; }
.flyto input:focus[b-181yjg6dvc] {
    outline: none;
    border-color: var(--t-accent, #b4472e);
    box-shadow: 0 0 0 2px rgba(180, 71, 46, 0.18);
}
.flyto-results[b-181yjg6dvc] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: rgba(252, 248, 238, 0.98);
    border: 1px solid #cbbd9c;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(74, 63, 42, 0.22);
    overflow: hidden;
    max-height: 260px;
    overflow-y: auto;
    z-index: 3;
}
.flyto-hit[b-181yjg6dvc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-bottom: 1px solid #ece1c8;
}
.flyto-hit:last-child[b-181yjg6dvc] { border-bottom: none; }
.flyto-hit:hover[b-181yjg6dvc] { background: #efe4cb; }
.flyto-hit .hit-name[b-181yjg6dvc] {
    font-size: 13px;
    color: #3c3320;
}
.flyto-hit .hit-sub[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.08em;
    color: #9a8b68;
    text-transform: uppercase;
}

.zoomers[b-181yjg6dvc] {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.zbtn[b-181yjg6dvc] {
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbbd9c;
    border-radius: 6px;
    background: rgba(252, 248, 238, 0.92);
    backdrop-filter: blur(6px);
    color: #4a3f2a;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(74, 63, 42, 0.12);
    transition: background 0.15s ease;
}
.zbtn:hover[b-181yjg6dvc] { background: #efe4cb; }

.map-legend[b-181yjg6dvc] {
    pointer-events: auto;
    align-self: flex-start;
    background: rgba(252, 248, 238, 0.88);
    backdrop-filter: blur(6px);
    border: 1px solid #cbbd9c;
    border-radius: 8px;
    padding: 12px 14px;
    box-shadow: 0 2px 10px rgba(74, 63, 42, 0.14);
    font-size: 11px;
    color: #4a3f2a;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 200px;
}
.leg-row[b-181yjg6dvc] { display: flex; align-items: center; gap: 9px; }
.leg-swatch[b-181yjg6dvc] {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    display: inline-block;
}
.leg-swatch.city-swatch[b-181yjg6dvc] {
    border-radius: 50%;
    background: hsl(210 55% 55%);
    border: 1px solid var(--map-city-ring);
}
.leg-swatch.pin-swatch[b-181yjg6dvc] {
    width: 10px;
    height: 14px;
    border-radius: 0 0 50% 50%;
    background: var(--map-pin);
    clip-path: polygon(50% 100%, 0 35%, 0 0, 100% 0, 100% 35%);
}
.leg-swatch.route-swatch[b-181yjg6dvc] {
    height: 3px;
    border-radius: 2px;
    background: var(--map-route);
}
/* Frontier-mode legend swatches — shape-first cues */
.frontier-legend .leg-row[b-181yjg6dvc] { align-items: flex-start; line-height: 1.4; }
.leg-swatch.coast-swatch[b-181yjg6dvc] {
    border-radius: 50%;
    background: transparent;
    border: 1.5px dashed hsl(210 45% 55% / 0.9);
}
.leg-swatch.hollow-swatch[b-181yjg6dvc] {
    border-radius: 50%;
    background: transparent;
    border: 1.5px solid var(--map-frontier-ring);
}
.leg-swatch.lowconf-swatch[b-181yjg6dvc] {
    height: 0;
    margin-top: 6px;
    border-top: 1.5px dashed var(--map-route);
    background: transparent;
}
.leg-swatch.noroute-swatch[b-181yjg6dvc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--t-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--map-label-dim);
    background: transparent;
    line-height: 1;
}
.leg-note[b-181yjg6dvc] {
    font-size: 10.5px;
    line-height: 1.45;
    color: #8a7a58;
    border-top: 1px solid #e0d4ba;
    padding-top: 7px;
    margin-top: 1px;
}
.leg-count[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 9.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a7a58;
    border-top: 1px solid #e0d4ba;
    padding-top: 7px;
    margin-top: 1px;
}

/* Cold-start banner shown above the constellation fallback */
.forming-banner[b-181yjg6dvc] {
    margin-top: 28px;
    margin-bottom: -18px;
    padding: 12px 18px;
    border: 1px solid var(--t-rule);
    border-left: 3px solid var(--t-accent-2, var(--t-accent));
    background: var(--t-surface);
    color: var(--t-ink-dim);
    font-size: 12.5px;
    line-height: 1.5;
    border-radius: 4px;
}

/* "Not yet surveyed" cold-start banner — a deliberately FLAT, NEUTRAL surface with
   NO dash/hatch, visually distinct from the frontier lens's dashed-coastline language
   so "Max hasn't clustered yet" is never read as "Max looked and it's thin". */
.forming-not-surveyed[b-181yjg6dvc] {
    border: 1px solid var(--t-rule);
    border-left: 3px solid var(--t-ink-dim);
    background: var(--t-surface-2);
}
.forming-not-surveyed strong[b-181yjg6dvc] {
    color: var(--t-ink);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-right: 6px;
}

/* node pulse */
.node-pulse[b-181yjg6dvc] {
    animation: kba-node-pulse-b-181yjg6dvc 3s ease-in-out infinite;
    transform-origin: center;
}
@keyframes kba-node-pulse-b-181yjg6dvc {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* ─── feed (themed, sits beside the dark figure) ─────── */
.feed[b-181yjg6dvc] {
    background: var(--t-surface);
    overflow-y: auto;
    border-left: 1px solid var(--t-rule);
}
.feed-head[b-181yjg6dvc] {
    padding: 14px 20px;
    border-bottom: 1px solid var(--t-rule);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background: var(--t-surface);
    z-index: 2;
}
.feed-head h4[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--t-ink);
    font-weight: 500;
    margin: 0;
}
.pulse[b-181yjg6dvc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--t-accent-2);
    box-shadow: 0 0 0 0 var(--t-accent-2);
    animation: kba-pulse-b-181yjg6dvc 1.8s infinite;
}
@keyframes kba-pulse-b-181yjg6dvc {
    0%   { box-shadow: 0 0 0 0   currentColor; opacity: 0.5; }
    70%  { box-shadow: 0 0 0 12px transparent; opacity: 1; }
    100% { box-shadow: 0 0 0 0   transparent; opacity: 0.5; }
}
.feed-item[b-181yjg6dvc] {
    padding: 14px 20px;
    border-bottom: 1px solid var(--t-rule);
    cursor: pointer;
    transition: background 0.2s;
}
.feed-item:hover[b-181yjg6dvc] {
    background: var(--t-surface-2);
}
.feed-item .meta[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--t-ink-dim);
    letter-spacing: 0.12em;
    display: flex;
    gap: 10px;
    text-transform: uppercase;
    flex-wrap: wrap;
}
.feed-item .meta .ch[b-181yjg6dvc] { color: var(--t-accent-2); }
.feed-item .ttl[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 16px;
    color: var(--t-ink);
    line-height: 1.3;
    margin-top: 4px;
}
.feed-item .sum[b-181yjg6dvc] {
    font-size: 12px;
    color: var(--t-ink-dim);
    line-height: 1.5;
    margin-top: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── strata ─────────────────────────────────────────── */
.strata[b-181yjg6dvc] {
    margin-top: 60px;
}
.strata-head[b-181yjg6dvc] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 22px;
}
.strata-head h2[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-size: 36px;
    letter-spacing: -0.02em;
    margin: 0;
    color: var(--t-ink);
}
.strata-head h2 em[b-181yjg6dvc] {
    color: var(--t-accent-2);
    font-style: italic;
}
.strata-head .chip[b-181yjg6dvc] {
    /* override the dark observatory chip used inside the atlas overlay */
    border-color: var(--t-rule);
    background: var(--t-surface);
    color: var(--t-ink-dim);
}
.strata-grid[b-181yjg6dvc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--t-rule);
    border: 1px solid var(--t-rule);
}
.stratum[b-181yjg6dvc] {
    background: var(--t-surface);
    padding: 22px;
    min-height: 200px;
}
.stratum:hover[b-181yjg6dvc] {
    background: var(--t-surface-2);
}
.stratum .num[b-181yjg6dvc] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 52px;
    line-height: 1;
    color: var(--t-accent);
    letter-spacing: -0.03em;
}
.stratum .label[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    margin-top: 10px;
}
.stratum .desc[b-181yjg6dvc] {
    font-size: 12px;
    color: var(--t-ink);
    margin-top: 14px;
    line-height: 1.55;
    opacity: 0.75;
}
.stratum .bar[b-181yjg6dvc] {
    margin-top: 18px;
    height: 2px;
    background: var(--t-rule);
    position: relative;
}
.stratum .bar i[b-181yjg6dvc] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--t-accent);
}

/* ─── ribbon ─────────────────────────────────────────── */
.ribbon[b-181yjg6dvc] {
    margin-top: 60px;
    border-top: 1px solid var(--t-rule);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    font-family: var(--t-mono);
    font-size: 10px;
    color: var(--t-ink-dim);
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.ribbon-link[b-181yjg6dvc] {
    color: var(--t-ink-dim);
    text-decoration: none;
}
.ribbon-link:hover[b-181yjg6dvc] {
    color: var(--t-accent);
}
.ribbon-admin[b-181yjg6dvc] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ribbon-btn[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--t-accent);
    background: transparent;
    border: 1px solid var(--t-rule);
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}
.ribbon-btn:hover:not(:disabled)[b-181yjg6dvc] {
    border-color: var(--t-accent);
}
.ribbon-btn:disabled[b-181yjg6dvc] {
    color: var(--t-ink-dim);
    cursor: default;
}
.recluster-status[b-181yjg6dvc] {
    font-family: var(--t-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    color: var(--t-ink-dim);
    text-transform: none;
}

/* ─── responsive ─────────────────────────────────────── */
@media (max-width: 1280px) {
    .strata-grid[b-181yjg6dvc] { grid-template-columns: repeat(2, 1fr); }
    .atlas-shell[b-181yjg6dvc] { height: 520px; }
}
@media (max-width: 980px) {
    .kba[b-181yjg6dvc] { grid-template-columns: 1fr; }
    .rail[b-181yjg6dvc] { border-right: none; border-bottom: 1px solid var(--t-rule); flex-direction: row; flex-wrap: wrap; height: auto; padding: 18px 22px; }
    .stage[b-181yjg6dvc] { padding: 24px; }
    .header[b-181yjg6dvc] { grid-template-columns: 1fr; }
    .ticker[b-181yjg6dvc] { min-width: 0; }
    .atlas-shell[b-181yjg6dvc] { grid-template-columns: 1fr; height: auto; }
    .atlas-canvas[b-181yjg6dvc] { height: 380px; }
    .feed[b-181yjg6dvc] { max-height: 400px; border-left: none; border-top: 1px solid var(--t-rule); }
    .strata-grid[b-181yjg6dvc] { grid-template-columns: 1fr; }
}
/* /Components/Pages/MaxLive.razor.rz.scp.css */
/* /live — calm and dense: one stream, a command line, a palette. Dark first, light to match.
   The page sets its own palette and hands it to the shared components through the theme tokens
   they already read, so a chart, a document or the files panel follows the page, not the app theme. */

.ml-page[b-6rnldo6wni] {
    --ml-bg: #0f1012;
    --ml-panel: #141518;
    --ml-panel2: #1b1c20;
    --ml-hover: #202226;
    --ml-line: #232529;
    --ml-line2: #30333a;
    --ml-ink: #edeef0;
    --ml-ink2: #8b9098;
    --ml-ink3: #868b95;
    --ml-acc: #6e79d6;
    --ml-acc-ink: #a4acff;
    --ml-acc-soft: rgba(110, 121, 214, 0.18);
    --ml-on-acc: #ffffff;
    --ml-bad: #eb5757;
    --ml-bad-ink: #ff9d9d;
    --ml-bad-soft: rgba(235, 87, 87, 0.14);
    --ml-warn-ink: #f2b27a;
    --ml-warn-soft: rgba(242, 153, 74, 0.14);
    --ml-ok: #4cb782;
    --ml-scrim: rgba(0, 0, 0, 0.5);
    --ml-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    --ml-black: #000000;
    --ml-bo-ink: #8e8e93;
    color-scheme: dark;
}

.ml-page.ml-light[b-6rnldo6wni] {
    --ml-bg: #fbfbfc;
    --ml-panel: #f3f4f6;
    --ml-panel2: #ffffff;
    --ml-hover: #eaecef;
    --ml-line: #e5e6ea;
    --ml-line2: #d5d7dd;
    --ml-ink: #1a1b1e;
    --ml-ink2: #5f636b;
    --ml-ink3: #6a6f78;
    --ml-acc: #5e6ad2;
    --ml-acc-ink: #4450b8;
    --ml-acc-soft: rgba(94, 106, 210, 0.12);
    --ml-bad: #d93f3f;
    --ml-bad-ink: #b42323;
    --ml-bad-soft: rgba(217, 63, 63, 0.1);
    --ml-warn-ink: #93550f;
    --ml-warn-soft: rgba(242, 153, 74, 0.16);
    --ml-ok: #2f8f5f;
    --ml-scrim: rgba(20, 20, 30, 0.3);
    --ml-shadow: 0 24px 64px rgba(20, 20, 40, 0.18);
    color-scheme: light;
}

/* the shared components read these */
.ml-page[b-6rnldo6wni] {
    --max360-bg: var(--ml-bg);
    --max360-surface: var(--ml-panel2);
    --max360-text: var(--ml-ink);
    --max360-text-muted: var(--ml-ink2);
    --max360-border: var(--ml-line2);
    --max360-primary: var(--ml-acc);
    --max360-primary-dark: var(--ml-acc-ink);
    --max360-link: var(--ml-acc-ink);
    --max360-brand-accent: var(--ml-acc-ink);
    --max360-secondary: var(--ml-ink2);
    --max360-on-primary: var(--ml-on-acc);
    --max360-danger: var(--ml-bad);
    --max360-danger-soft: var(--ml-bad-soft);
    --max360-danger-ink: var(--ml-bad-ink);
    --max360-on-danger: var(--ml-on-acc);
    --max360-warning-soft: var(--ml-warn-soft);
    --max360-warning-ink: var(--ml-warn-ink);
    --max360-info-soft: var(--ml-acc-soft);
    --max360-info-ink: var(--ml-acc-ink);
    --max360-success: var(--ml-ok);
    --bg: var(--ml-bg);
    --surface: var(--ml-panel2);
    --surface-2: var(--ml-panel);
    --ink: var(--ml-ink);
    --ink-dim: var(--ml-ink2);
    --rule: var(--ml-line2);
    --accent: var(--ml-acc);
    --accent-2: var(--ml-acc-ink);
    --bs-body-bg: var(--ml-panel2);
    --bs-body-color: var(--ml-ink);
    --bs-emphasis-color: var(--ml-ink);
    --bs-secondary-color: var(--ml-ink2);
    --bs-border-color: var(--ml-line2);
    --bs-secondary-bg: var(--ml-panel);
    --bs-tertiary-bg: var(--ml-panel);
}

.ml-page[b-6rnldo6wni] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    background: var(--ml-bg);
    color: var(--ml-ink);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.003em;
    -webkit-font-smoothing: antialiased;
}

.ml-page.ml-side-folded[b-6rnldo6wni] { grid-template-columns: minmax(0, 1fr); }
.ml-page.ml-side-folded .ml-side[b-6rnldo6wni] { display: none; }

.ml-page kbd[b-6rnldo6wni], .ml-blackout kbd[b-6rnldo6wni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4em;
    height: 18px;
    padding: 0 5px;
    border-radius: 4px;
    font: 500 11px/1 var(--max360-font-label);
    color: var(--ml-ink2);
    background: var(--ml-panel2);
    box-shadow: inset 0 -1px 0 var(--ml-line2), 0 0 0 1px var(--ml-line);
    white-space: nowrap;
}

/* ---- the conversations list ---- */
.ml-side[b-6rnldo6wni] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    background: var(--ml-panel);
    color: var(--ml-ink);
    border-right: 1px solid var(--ml-line);
    padding: 10px 8px 8px;
}

.ml-side-head[b-6rnldo6wni] { display: flex; align-items: center; gap: 8px; padding: 2px 6px 8px; }
.ml-brand[b-6rnldo6wni] { font-weight: 600; font-size: 13.5px; letter-spacing: -0.01em; }
.ml-side-fold[b-6rnldo6wni] { margin-left: auto; }

.ml-page .max360-icon-btn[b-6rnldo6wni] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: var(--ml-ink2);
}

.ml-search[b-6rnldo6wni] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    margin: 0 2px 6px;
    padding: 0 9px;
    border-radius: 7px;
    background: var(--ml-panel2);
    color: var(--ml-ink2);
    box-shadow: 0 0 0 1px var(--ml-line);
}

.ml-search input[b-6rnldo6wni] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ml-ink);
    font: inherit;
    font-size: 13px;
}

.ml-side-new[b-6rnldo6wni], .ml-side-link[b-6rnldo6wni], .ml-row[b-6rnldo6wni] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 5px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ml-ink);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ml-side-new:hover[b-6rnldo6wni], .ml-side-link:hover[b-6rnldo6wni], .ml-row:hover[b-6rnldo6wni] { background: var(--ml-hover); color: var(--ml-ink); }
.ml-side-new[b-6rnldo6wni] { font-weight: 500; }
.ml-side-new kbd[b-6rnldo6wni] { margin-left: auto; }
.ml-side-new i[b-6rnldo6wni], .ml-side-link i[b-6rnldo6wni], .ml-row-ic[b-6rnldo6wni] { color: var(--ml-ink2); font-size: 13px; }

.ml-side-scroll[b-6rnldo6wni] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 1px; margin-top: 4px; }
.ml-side-h[b-6rnldo6wni] { margin: 12px 8px 4px; font-size: 11.5px; font-weight: 500; color: var(--ml-ink3); }
.ml-side-row[b-6rnldo6wni] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-right: 8px; }
.ml-side-filter[b-6rnldo6wni] { display: flex; align-items: center; gap: 6px; margin: 10px 0 2px; font-size: 11.5px; color: var(--ml-ink3); cursor: pointer; white-space: nowrap; }
.ml-side-none[b-6rnldo6wni] { margin: 2px 8px 6px; font-size: 12px; color: var(--ml-ink3); }

.ml-row[b-6rnldo6wni] { height: 30px; }
.ml-row.is-current[b-6rnldo6wni] { background: var(--ml-acc-soft); color: var(--ml-ink); }
.ml-row-t[b-6rnldo6wni] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ml-row-t small[b-6rnldo6wni] { margin-left: 6px; color: var(--ml-ink3); font-size: 11.5px; }
.ml-row-w[b-6rnldo6wni] { font-size: 11.5px; color: var(--ml-ink3); font-variant-numeric: tabular-nums; }
.ml-new[b-6rnldo6wni] { font-size: 10.5px; font-weight: 600; color: var(--ml-acc-ink); }

.ml-av[b-6rnldo6wni] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 9.5px;
    font-weight: 600;
    background: var(--ml-panel2);
    color: var(--ml-ink2);
    box-shadow: 0 0 0 1px var(--ml-line);
}

.ml-more[b-6rnldo6wni] { margin: 6px 8px 0; align-self: flex-start; }
.ml-side-link[b-6rnldo6wni] { color: var(--ml-ink2); margin-top: 4px; }
.ml-side-foot[b-6rnldo6wni] { border-top: 1px solid var(--ml-line); padding-top: 6px; display: flex; flex-direction: column; gap: 1px; }

.ml-scrim[b-6rnldo6wni] { display: none; }

/* ---- the main column ---- */
.ml-main[b-6rnldo6wni] { display: flex; flex-direction: column; min-width: 0; min-height: 0; }

.ml-top[b-6rnldo6wni] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    flex: 0 0 auto;
    padding: 0 12px 0 16px;
    border-bottom: 1px solid var(--ml-line);
    min-width: 0;
}

.ml-burger[b-6rnldo6wni] { display: none; }
.ml-crumb[b-6rnldo6wni] { color: var(--ml-ink2); white-space: nowrap; }
.ml-slash[b-6rnldo6wni] { margin-left: 8px; color: var(--ml-ink3); }

.ml-title[b-6rnldo6wni] {
    margin: 0;
    font: 500 13.5px/1.2 "Inter", system-ui, sans-serif;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    color: var(--ml-ink);
}

.ml-turns[b-6rnldo6wni] { color: var(--ml-ink3); white-space: nowrap; font-size: 12px; }
.ml-top-sp[b-6rnldo6wni] { flex: 1; min-width: 0; }

.ml-chips[b-6rnldo6wni] { display: flex; align-items: center; gap: 6px; min-width: 0; }

.ml-chip[b-6rnldo6wni] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    max-width: 220px;
    padding: 0 8px;
    border-radius: 6px;
    background: transparent;
    color: var(--ml-ink2);
    font: inherit;
    box-shadow: 0 0 0 1px var(--ml-line2);
    white-space: nowrap;
    cursor: pointer;
}

.ml-chip-btn[b-6rnldo6wni] { border: 0; }
.ml-chip:hover[b-6rnldo6wni] { background: var(--ml-hover); color: var(--ml-ink); }

.ml-chip[b-6rnldo6wni]  select {
    min-width: 0;
    max-width: 180px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ml-ink);
    font: inherit;
    padding: 0;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ml-chip[b-6rnldo6wni]  select option { background: var(--ml-panel2); color: var(--ml-ink); }

.ml-aud-wrap[b-6rnldo6wni]  .ml-aud {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: var(--ml-panel2);
    color: var(--ml-ink);
    font: 500 12.5px/1 "Inter", system-ui, sans-serif;
    box-shadow: 0 0 0 1px var(--ml-line2);
    white-space: nowrap;
    cursor: pointer;
}

.ml-aud-wrap[b-6rnldo6wni]  .ml-aud:disabled { cursor: default; color: var(--ml-ink2); }

.ml-k[b-6rnldo6wni] { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; }
.ml-k-ic[b-6rnldo6wni] { display: none; }

/* ---- banners ---- */
.ml-banner-wrap[b-6rnldo6wni], .ml-banner[b-6rnldo6wni] { max-width: 820px; width: calc(100% - 32px); margin: 10px auto 0; }

.ml-banner[b-6rnldo6wni] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 10px 8px 12px;
    border-radius: 8px;
    background: var(--ml-panel);
    color: var(--ml-ink);
    box-shadow: 0 0 0 1px var(--ml-line);
    font-size: 12.5px;
}

.ml-banner i[b-6rnldo6wni] { color: var(--ml-ink2); }
.ml-banner-t[b-6rnldo6wni] { flex: 1 1 280px; min-width: 0; }
.ml-banner-warn[b-6rnldo6wni] { background: var(--ml-warn-soft); color: var(--ml-warn-ink); box-shadow: none; }
.ml-banner-btn[b-6rnldo6wni] { height: 28px; }

/* ---- the stream ---- */
.ml-stream[b-6rnldo6wni] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 18px 24px 20px; scrollbar-width: thin; scrollbar-color: var(--ml-line2) transparent; }

.ml-hello[b-6rnldo6wni], .ml-thread[b-6rnldo6wni], .ml-thread-head[b-6rnldo6wni], .ml-select-bar[b-6rnldo6wni] { max-width: 760px; margin-left: auto; margin-right: auto; }

.ml-hello[b-6rnldo6wni] { padding: 9vh 0 24px; display: flex; flex-direction: column; gap: 14px; }
.ml-greet[b-6rnldo6wni] { margin: 0; font: 600 26px/1.15 "Inter", system-ui, sans-serif; letter-spacing: -0.025em; color: var(--ml-ink); }
.ml-hello-sub[b-6rnldo6wni] { margin: -6px 0 4px; color: var(--ml-ink2); font-size: 14px; }
.ml-sugs[b-6rnldo6wni] { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.ml-sugs > .ml-sug[b-6rnldo6wni] { gap: 8px; margin-left: 0; }
.ml-sug i[b-6rnldo6wni] { color: var(--ml-acc-ink); }
.ml-promise[b-6rnldo6wni] { margin: 6px 0 0; color: var(--ml-ink2); font-size: 12.5px; display: flex; align-items: center; gap: 6px; }
.ml-keys[b-6rnldo6wni] { margin: 0; color: var(--ml-ink3); font-size: 12px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ml-keys kbd + kbd[b-6rnldo6wni] { margin-left: 4px; }

.ml-thread-head[b-6rnldo6wni] { display: flex; align-items: center; gap: 10px; padding: 0 0 10px; border-bottom: 1px solid var(--ml-line); margin-bottom: 14px; }
.ml-thread-label[b-6rnldo6wni] { font-size: 11.5px; font-weight: 500; color: var(--ml-ink3); }

.ml-select[b-6rnldo6wni] {
    height: 24px;
    padding: 0 8px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--ml-ink2);
    font: inherit;
    font-size: 12px;
    box-shadow: 0 0 0 1px var(--ml-line2);
    cursor: pointer;
}

.ml-select.is-on[b-6rnldo6wni] { background: var(--ml-acc-soft); color: var(--ml-ink); box-shadow: none; }
.ml-select:disabled[b-6rnldo6wni] { opacity: 0.45; cursor: default; }

.ml-thread-head[b-6rnldo6wni]  .mtp { display: flex; align-items: center; gap: 8px; }

/* the shared playback control carries no styles of its own; here it matches Select */
.ml-thread-head[b-6rnldo6wni]  .mtp-play,
.ml-thread-head[b-6rnldo6wni]  .mtp-pause {
    height: 24px;
    padding: 0 8px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--ml-ink2);
    font: inherit;
    font-size: 12px;
    box-shadow: 0 0 0 1px var(--ml-line2);
    cursor: pointer;
}

.ml-thread-head[b-6rnldo6wni]  .mtp-play:hover,
.ml-thread-head[b-6rnldo6wni]  .mtp-pause:hover { color: var(--ml-ink); background: var(--ml-hover); }
.ml-thread-head[b-6rnldo6wni]  .mtp-pause { background: var(--ml-acc-soft); color: var(--ml-ink); box-shadow: none; }
.ml-thread-head[b-6rnldo6wni]  .mtp-progress,
.ml-thread-head[b-6rnldo6wni]  .mtp-failure { margin: 0; font-size: 12px; color: var(--ml-ink3); }

.ml-select-bar[b-6rnldo6wni] { display: flex; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 12px; border-radius: 8px; background: var(--ml-panel); color: var(--ml-ink); flex-wrap: wrap; }

.ml-thread[b-6rnldo6wni] { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 14px; margin-top: 0; margin-bottom: 0; }

.ml-line[b-6rnldo6wni] { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 10px; align-items: start; position: relative; }
.ml-line-picking[b-6rnldo6wni] { grid-template-columns: 18px 22px minmax(0, 1fr) auto; }
.ml-line .ml-av[b-6rnldo6wni] { margin-top: 1px; }
.ml-av-max[b-6rnldo6wni] { background: var(--ml-acc); color: var(--ml-on-acc); box-shadow: none; }
.ml-line-body[b-6rnldo6wni] { min-width: 0; font-size: 14px; line-height: 1.55; }
.ml-who[b-6rnldo6wni] { font-size: 12px; font-weight: 600; color: var(--ml-ink2); margin-right: 8px; }
.ml-at[b-6rnldo6wni] { margin-left: 0.35em; font-weight: 400; font-variant-numeric: tabular-nums; }
.ml-text[b-6rnldo6wni] { white-space: pre-wrap; overflow-wrap: anywhere; }
.ml-line-you .ml-text[b-6rnldo6wni] { color: var(--ml-ink); }
.ml-line-max .ml-text[b-6rnldo6wni] { color: var(--ml-ink); }
.ml-line-other .ml-text[b-6rnldo6wni] { color: var(--ml-ink); }
.ml-line-council .ml-text[b-6rnldo6wni] { color: var(--ml-ink); border-left: 2px solid var(--ml-acc-soft); padding-left: 8px; display: block; }
.ml-council-strip[b-6rnldo6wni] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: var(--ml-ink2); background: var(--ml-acc-soft); border-top: 1px solid var(--ml-line, transparent); }
.ml-council-seats[b-6rnldo6wni] { font-weight: 400; color: var(--ml-ink2); min-width: 0; overflow-wrap: anywhere; }
.ml-council-strip a[b-6rnldo6wni] { margin-left: auto; color: var(--ml-acc); }
.ml-line-unsent .ml-text[b-6rnldo6wni] { color: var(--ml-ink3); }
.ml-line-speaking .ml-line-body[b-6rnldo6wni] { background: var(--ml-acc-soft); color: var(--ml-ink); border-radius: 6px; box-shadow: 0 0 0 6px var(--ml-acc-soft); }
.ml-dots[b-6rnldo6wni] { color: var(--ml-ink3); }
.ml-tag[b-6rnldo6wni] { display: inline-block; margin-left: 8px; font-size: 11px; color: var(--ml-warn-ink); }
.ml-pick[b-6rnldo6wni] { margin-top: 4px; accent-color: var(--ml-acc); }

.ml-line-acts[b-6rnldo6wni] { display: inline-flex; gap: 2px; opacity: 0.5; transition: opacity 0.12s; }
.ml-line:hover .ml-line-acts[b-6rnldo6wni], .ml-line-acts:focus-within[b-6rnldo6wni] { opacity: 1; }
.ml-line-act[b-6rnldo6wni] { width: 24px !important; height: 24px !important; font-size: 11px; }

.ml-ask[b-6rnldo6wni] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 12.5px; color: var(--ml-ink2); }

.ml-item[b-6rnldo6wni] { margin-left: 32px; }

/* what Max is doing while the answer line still says so */
.ml-line-body .mt-thinking-row[b-6rnldo6wni] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ml-line-body .mt-thinking[b-6rnldo6wni] { color: var(--ml-ink2); }
.ml-line-body .mt-thinking-clock[b-6rnldo6wni] { color: var(--ml-ink3); font-size: 12px; font-variant-numeric: tabular-nums; }
.ml-line-body .mt-steps[b-6rnldo6wni] { margin: 6px 0 0; padding-left: 18px; color: var(--ml-ink2); font-size: 12.5px; }

/* ---- the status line and the command line ---- */
.ml-status[b-6rnldo6wni] { flex: 0 0 auto; display: flex; flex-direction: column; gap: 4px; padding: 0 24px; max-width: 808px; width: 100%; margin: 0 auto; }
.ml-status:empty[b-6rnldo6wni] { display: none; }

.ml-note[b-6rnldo6wni] {
    margin: 0 0 4px;
    padding: 6px 10px;
    border-radius: 7px;
    background: var(--ml-panel);
    color: var(--ml-ink2);
    font-size: 12.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ml-note-bad[b-6rnldo6wni] { background: var(--ml-bad-soft); color: var(--ml-bad-ink); }
.ml-note-bad b[b-6rnldo6wni] { color: var(--ml-bad-ink); }
.ml-note-warn[b-6rnldo6wni] { background: var(--ml-warn-soft); color: var(--ml-warn-ink); }
.ml-retry[b-6rnldo6wni] { margin-left: auto; height: 26px; }

.ml-cmd[b-6rnldo6wni] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 8px 12px 8px 14px;
    border-top: 1px solid var(--ml-line);
    background: var(--ml-panel);
    color: var(--ml-ink);
}

.ml-cmd.is-deaf[b-6rnldo6wni] { box-shadow: inset 0 2px 0 var(--ml-bad); }

.ml-page .ml-mic[b-6rnldo6wni] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 16px;
    background: var(--ml-acc);
    color: var(--ml-on-acc);
    flex: 0 0 auto;
}

.ml-page .ml-mic:disabled[b-6rnldo6wni] { background: var(--ml-panel2); color: var(--ml-ink3); }
.ml-page .ml-mic-on[b-6rnldo6wni] { background: var(--ml-bad); color: var(--ml-on-acc); }

.ml-live[b-6rnldo6wni] { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; color: var(--ml-ink); }

.ml-level[b-6rnldo6wni] { position: relative; width: 72px; height: 4px; border-radius: 2px; background: var(--ml-line2); overflow: hidden; }
.ml-level-fill[b-6rnldo6wni] { position: absolute; inset: 0; background: var(--ml-ink3); transform-origin: left center; transform: scaleX(0); }
.ml-level.is-lit .ml-level-fill[b-6rnldo6wni] { background: var(--ml-ok); }

.ml-live-word[b-6rnldo6wni] { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.ml-ear[b-6rnldo6wni] { width: 7px; height: 7px; border-radius: 50%; background: var(--ml-ink3); }
.ml-ear.is-lit[b-6rnldo6wni] { background: var(--ml-ok); box-shadow: 0 0 0 3px var(--ml-acc-soft); }
.ml-clock[b-6rnldo6wni] { color: var(--ml-ink2); font-variant-numeric: tabular-nums; }
.ml-awake[b-6rnldo6wni] { color: var(--ml-ink3); font-size: 11.5px; }
.ml-hint[b-6rnldo6wni] { color: var(--ml-ink3); font-size: 12px; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }

.ml-doing[b-6rnldo6wni] { display: inline-flex; align-items: center; gap: 7px; color: var(--ml-ink2); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 32ch; }
.ml-spin[b-6rnldo6wni] { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--ml-line2); border-top-color: var(--ml-acc); animation: ml-spin-b-6rnldo6wni 0.8s linear infinite; flex: 0 0 auto; }

@keyframes ml-spin-b-6rnldo6wni { to { transform: rotate(360deg); } }

.ml-type[b-6rnldo6wni] { flex: 1 1 auto; min-width: 0; display: flex; align-items: flex-end; gap: 8px; }

.ml-type-box[b-6rnldo6wni] {
    flex: 1;
    min-width: 0;
    min-height: 36px;
    max-height: 140px;
    padding: 8px 10px;
    resize: none;
    border: 0;
    border-radius: 8px;
    background: var(--ml-panel2);
    color: var(--ml-ink);
    font: inherit;
    font-size: 14px;
    box-shadow: 0 0 0 1px var(--ml-line2);
    field-sizing: content;
}

.ml-type-box:focus[b-6rnldo6wni] { outline: 0; box-shadow: 0 0 0 1px var(--ml-acc), 0 0 0 4px var(--ml-acc-soft); }
.ml-type-box[b-6rnldo6wni]::placeholder { color: var(--ml-ink3); }
.ml-send[b-6rnldo6wni] { flex: 0 0 auto; }
.ml-cmd-ro[b-6rnldo6wni] { flex: 1; color: var(--ml-ink3); }

/* ---- the palette ---- */
.ml-pal-scrim[b-6rnldo6wni], .ml-fill-scrim[b-6rnldo6wni] { position: fixed; inset: 0; z-index: 1490; background: var(--ml-scrim); }

.ml-pal[b-6rnldo6wni] {
    position: fixed;
    z-index: 1495;
    top: 12vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(620px, calc(100vw - 32px));
    max-height: 72vh;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: var(--ml-panel2);
    color: var(--ml-ink);
    box-shadow: 0 0 0 1px var(--ml-line2), var(--ml-shadow);
    overflow: hidden;
}

.ml-pal-in[b-6rnldo6wni] { display: flex; align-items: center; gap: 10px; padding: 0 14px; height: 50px; border-bottom: 1px solid var(--ml-line); color: var(--ml-ink2); flex: 0 0 auto; }

.ml-pal-input[b-6rnldo6wni] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ml-ink);
    font: inherit;
    font-size: 15px;
}

.ml-pal-list[b-6rnldo6wni] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 6px 6px; }
.ml-pal-g[b-6rnldo6wni] { margin: 10px 8px 3px; font-size: 11.5px; font-weight: 500; color: var(--ml-ink3); }

.ml-pal-row[b-6rnldo6wni] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--ml-ink);
    font: inherit;
    font-size: 13.5px;
    text-align: left;
    cursor: pointer;
}

.ml-pal-row i[b-6rnldo6wni] { color: var(--ml-ink2); width: 16px; text-align: center; }
.ml-pal-row.is-active[b-6rnldo6wni] { background: var(--ml-acc-soft); color: var(--ml-ink); }
.ml-pal-l[b-6rnldo6wni] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ml-pal-none[b-6rnldo6wni] { margin: 14px 10px; color: var(--ml-ink3); }
.ml-pal-max[b-6rnldo6wni] { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px; border-top: 1px solid var(--ml-line); flex: 0 0 auto; }
.ml-pal-max .ml-chip span[b-6rnldo6wni] { color: var(--ml-ink3); }
.ml-pal-foot[b-6rnldo6wni] { margin: 0; padding: 8px 14px 10px; border-top: 1px solid var(--ml-line); color: var(--ml-ink3); font-size: 12px; display: flex; gap: 6px; align-items: center; flex: 0 0 auto; }

/* ---- one board item filling the screen ---- */
.ml-fill[b-6rnldo6wni] {
    position: fixed;
    z-index: 1495;
    inset: 5vh 5vw;
    overflow: auto;
    border-radius: 12px;
    background: var(--ml-panel2);
    color: var(--ml-ink);
    box-shadow: 0 0 0 1px var(--ml-line2), var(--ml-shadow);
}

/* ---- the blanked screen ---- */
.ml-blackout[b-6rnldo6wni] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: var(--ml-black);
    color: var(--ml-bo-ink);
    font-family: "Inter", system-ui, sans-serif;
}

.ml-bo-clock[b-6rnldo6wni] { margin: 0; font: 300 64px/1 "Inter", system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.ml-bo-dot[b-6rnldo6wni] { width: 14px; height: 14px; border-radius: 50%; background: var(--ml-bo-ink); }
.ml-bo-dot.is-lit[b-6rnldo6wni] { background: var(--ml-ok); box-shadow: 0 0 18px var(--ml-ok); }
.ml-bo-visibility[b-6rnldo6wni], .ml-bo-hint[b-6rnldo6wni] { margin: 0; font-size: 13px; }
.ml-bo-quiet[b-6rnldo6wni] { margin-top: 14px; }

/* ---- off, refused, a council ---- */
.ml-off[b-6rnldo6wni] { max-width: 560px; margin: 12vh auto; padding: 0 16px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ml-off-title[b-6rnldo6wni] { margin: 0; font-size: 22px; }

/* ---- a phone: the list is a drawer, the command line sits at the thumb ---- */
@media (max-width: 700px) {
    .ml-council-seats[b-6rnldo6wni] { display: none; }
    .ml-page[b-6rnldo6wni], .ml-page.ml-side-folded[b-6rnldo6wni] { grid-template-columns: minmax(0, 1fr); }

    .ml-page .ml-side[b-6rnldo6wni], .ml-page.ml-side-folded .ml-side[b-6rnldo6wni] {
        display: flex;
        position: fixed;
        z-index: 1480;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(86vw, 330px);
        padding-top: calc(10px + env(safe-area-inset-top));
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
        transform: translateX(-104%);
        transition: transform 0.2s ease;
        box-shadow: var(--ml-shadow);
    }

    .ml-drawer-open .ml-side[b-6rnldo6wni], .ml-drawer-open.ml-side-folded .ml-side[b-6rnldo6wni] { transform: none; }
    .ml-drawer-open .ml-scrim[b-6rnldo6wni] { display: block; position: fixed; inset: 0; z-index: 1475; background: var(--ml-scrim); }
    .ml-side-fold[b-6rnldo6wni], .ml-unfold[b-6rnldo6wni], .ml-crumb[b-6rnldo6wni], .ml-turns[b-6rnldo6wni], .ml-chips[b-6rnldo6wni], .ml-hint[b-6rnldo6wni], .ml-keys[b-6rnldo6wni], .ml-awake[b-6rnldo6wni] { display: none !important; }

    .ml-row[b-6rnldo6wni] { height: 40px; }
    .ml-side-new[b-6rnldo6wni], .ml-side-link[b-6rnldo6wni] { min-height: 40px; }
    .ml-search[b-6rnldo6wni] { height: 36px; }
    .ml-search input[b-6rnldo6wni], .ml-pal-input[b-6rnldo6wni] { font-size: 16px; }

    .ml-top[b-6rnldo6wni] { height: 52px; padding: 0 8px 0 6px; gap: 6px; padding-top: env(safe-area-inset-top); }
    .ml-burger[b-6rnldo6wni] { display: inline-grid; }
    .ml-page .max360-icon-btn[b-6rnldo6wni] { width: 36px; height: 36px; }
    .ml-title[b-6rnldo6wni] { font-size: 15px; }
    .ml-k[b-6rnldo6wni] { width: 36px; height: 36px; padding: 0; justify-content: center; }
    .ml-k-ic[b-6rnldo6wni] { display: inline; }
    .ml-k-kbd[b-6rnldo6wni] { display: none !important; }
    .ml-aud-wrap[b-6rnldo6wni]  .ml-aud { height: 32px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; }

    .ml-stream[b-6rnldo6wni] { padding: 14px 14px 16px; }
    .ml-hello[b-6rnldo6wni] { padding-top: 5vh; }
    .ml-greet[b-6rnldo6wni] { font-size: 24px; }
    .ml-sug[b-6rnldo6wni] { min-height: 40px; }
    .ml-item[b-6rnldo6wni] { margin-left: 0; }
    .ml-line-body[b-6rnldo6wni] { font-size: 15px; }
    .ml-line-acts[b-6rnldo6wni] { opacity: 0.7; }
    .ml-line-act[b-6rnldo6wni] { width: 32px !important; height: 32px !important; }

    .ml-status[b-6rnldo6wni] { padding: 0 12px; }

    .ml-cmd[b-6rnldo6wni] {
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    }

    .ml-live[b-6rnldo6wni] { order: -1; flex: 1 1 100%; gap: 8px; }
    .ml-doing[b-6rnldo6wni] { order: -1; flex: 1 1 100%; max-width: none; }
    .ml-page .ml-mic[b-6rnldo6wni] { width: 44px; height: 44px; border-radius: 10px; font-size: 18px; }
    .ml-type-box[b-6rnldo6wni] { font-size: 16px; min-height: 44px; }
    .ml-chip[b-6rnldo6wni]  select { font-size: 16px; }

    .ml-pal[b-6rnldo6wni] { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; max-height: 82vh; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom); }
    .ml-pal-row[b-6rnldo6wni] { min-height: 44px; }
    .ml-fill[b-6rnldo6wni] { inset: env(safe-area-inset-top) 0 0 0; border-radius: 0; }
}

.ml-dropped summary[b-6rnldo6wni] { cursor: pointer; list-style: none; }

.ml-council[b-6rnldo6wni] { margin: 12px 0; min-width: 0; }

.ml-council-working[b-6rnldo6wni] { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; }
.ml-council-pulse[b-6rnldo6wni] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: ml-council-pulse-b-6rnldo6wni 1.2s ease-in-out infinite; }
@keyframes ml-council-pulse-b-6rnldo6wni { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ml-council-pulse[b-6rnldo6wni] { animation: none; } }
/* /Components/Pages/MaxLiveAssistant.razor.rz.scp.css */
/* /live/assistant: explicit and learnable. Tonal surfaces, 24px card corners, outlined chips, and a
   blue-to-purple glow rising from the bottom while Live is on. Light first, dark to match. The page
   hands its palette to the shared components through the theme tokens they already read. */

.ma-page[b-rngj7cr8cs] {
    --ma-bg: #f8fafd;
    --ma-surf: #f0f4f9;
    --ma-surf2: #e9eef6;
    --ma-surf3: #dde3ea;
    --ma-card: #ffffff;
    --ma-ink: #1f1f1f;
    --ma-ink2: #444746;
    --ma-ink3: #5f6361;
    --ma-line: #e1e3e1;
    --ma-line2: #c4c7c5;
    --ma-acc: #0b57d0;
    --ma-on-acc: #ffffff;
    --ma-acc-soft: #d3e3fd;
    --ma-acc-ink: #0842a0;
    --ma-on-soft: #041e49;
    --ma-bad: #b3261e;
    --ma-bad-soft: #f9dedc;
    --ma-bad-ink: #8c1d18;
    --ma-warn-soft: #ffeccc;
    --ma-warn-ink: #6e3f00;
    --ma-ok: #146c2e;
    --ma-scrim: rgba(31, 31, 31, 0.32);
    --ma-sh: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 10px 2px rgba(0, 0, 0, 0.06);
    --ma-sh-hi: 0 2px 6px rgba(0, 0, 0, 0.12), 0 12px 32px rgba(0, 0, 0, 0.12);
    --ma-g1: #4285f4;
    --ma-g2: #9b72cb;
    --ma-g3: #d96570;
    --ma-black: #000000;
    --ma-bo-ink: #8e918f;
    color-scheme: light;
}

.ma-page.ma-dark[b-rngj7cr8cs] {
    --ma-bg: #131314;
    --ma-surf: #1e1f20;
    --ma-surf2: #282a2c;
    --ma-surf3: #333537;
    --ma-card: #1e1f20;
    --ma-ink: #e3e3e3;
    --ma-ink2: #c4c7c5;
    --ma-ink3: #8e918f;
    --ma-line: #2d2f31;
    --ma-line2: #444746;
    --ma-acc: #a8c7fa;
    --ma-on-acc: #062e6f;
    --ma-acc-soft: #0842a0;
    --ma-acc-ink: #a8c7fa;
    --ma-on-soft: #d3e3fd;
    --ma-bad: #f2b8b5;
    --ma-bad-soft: #601410;
    --ma-bad-ink: #f9dedc;
    --ma-warn-soft: #4a2800;
    --ma-warn-ink: #ffdcbe;
    --ma-ok: #6dd58c;
    --ma-scrim: rgba(0, 0, 0, 0.55);
    --ma-sh: 0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 10px 2px rgba(0, 0, 0, 0.25);
    --ma-sh-hi: 0 2px 6px rgba(0, 0, 0, 0.5), 0 12px 32px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
}

/* the shared components read these */
.ma-page[b-rngj7cr8cs] {
    --max360-bg: var(--ma-bg);
    --max360-surface: var(--ma-card);
    --max360-text: var(--ma-ink);
    --max360-text-muted: var(--ma-ink2);
    --max360-border: var(--ma-line2);
    --max360-primary: var(--ma-acc);
    --max360-primary-dark: var(--ma-acc-ink);
    --max360-link: var(--ma-acc-ink);
    --max360-brand-accent: var(--ma-acc-ink);
    --max360-secondary: var(--ma-ink2);
    --max360-on-primary: var(--ma-on-acc);
    --max360-danger: var(--ma-bad);
    --max360-danger-soft: var(--ma-bad-soft);
    --max360-danger-ink: var(--ma-bad-ink);
    --max360-on-danger: var(--ma-on-acc);
    --max360-warning-soft: var(--ma-warn-soft);
    --max360-warning-ink: var(--ma-warn-ink);
    --max360-info-soft: var(--ma-acc-soft);
    --max360-info-ink: var(--ma-on-soft);
    --max360-success: var(--ma-ok);
    --bg: var(--ma-bg);
    --surface: var(--ma-card);
    --surface-2: var(--ma-surf);
    --ink: var(--ma-ink);
    --ink-dim: var(--ma-ink2);
    --rule: var(--ma-line2);
    --accent: var(--ma-acc);
    --accent-2: var(--ma-acc-ink);
    --bs-body-bg: var(--ma-card);
    --bs-body-color: var(--ma-ink);
    --bs-emphasis-color: var(--ma-ink);
    --bs-secondary-color: var(--ma-ink2);
    --bs-border-color: var(--ma-line2);
    --bs-secondary-bg: var(--ma-surf);
    --bs-tertiary-bg: var(--ma-surf);
}

.ma-page[b-rngj7cr8cs] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    background: var(--ma-bg);
    color: var(--ma-ink);
    font-family: "Roboto Flex", Roboto, "Google Sans", "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.ma-page .max360-icon-btn[b-rngj7cr8cs] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--ma-ink2);
}

.ma-page .max360-icon-btn:hover[b-rngj7cr8cs] { background: var(--ma-surf2); color: var(--ma-ink); }

/* ---- the rail ---- */
.ma-rail[b-rngj7cr8cs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 0 12px;
    background: var(--ma-bg);
    min-height: 0;
}

.ma-rail-btn[b-rngj7cr8cs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 72px;
    padding: 4px 0 6px;
    border: 0;
    background: transparent;
    color: var(--ma-ink2);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.ma-rail-ic[b-rngj7cr8cs] {
    position: relative;
    display: grid;
    place-items: center;
    width: 56px;
    height: 32px;
    border-radius: 16px;
    font-size: 18px;
    color: var(--ma-ink2);
    transition: background 0.15s;
}

.ma-rail-btn:hover[b-rngj7cr8cs] { color: var(--ma-ink); }
.ma-rail-btn:hover .ma-rail-ic[b-rngj7cr8cs] { background: var(--ma-surf2); }
.ma-rail-btn.is-on[b-rngj7cr8cs] { color: var(--ma-ink); }
.ma-rail-btn.is-on .ma-rail-ic[b-rngj7cr8cs] { background: var(--ma-acc-soft); color: var(--ma-on-soft); }
.ma-rail-new[b-rngj7cr8cs] { width: 56px; height: 56px; border-radius: 16px; background: var(--ma-surf2); color: var(--ma-ink); margin-bottom: 8px; box-shadow: var(--ma-sh); }
.ma-rail-btn:hover .ma-rail-new[b-rngj7cr8cs] { background: var(--ma-surf3); }
.ma-rail-sp[b-rngj7cr8cs] { flex: 1; }

.ma-badge[b-rngj7cr8cs] {
    position: absolute;
    top: -2px;
    right: 8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--ma-bad);
    color: var(--ma-on-acc);
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

.ma-dark .ma-badge[b-rngj7cr8cs] { color: var(--ma-bg); }

/* ---- the drawer ---- */
.ma-scrim[b-rngj7cr8cs] { position: absolute; inset: 0 0 0 80px; z-index: 30; background: var(--ma-scrim); }

.ma-drawer[b-rngj7cr8cs] {
    position: absolute;
    z-index: 31;
    top: 0;
    bottom: 0;
    left: 80px;
    width: 320px;
    display: flex;
    flex-direction: column;
    padding: 12px 12px 10px;
    background: var(--ma-surf);
    color: var(--ma-ink);
    border-radius: 0 16px 16px 0;
    box-shadow: var(--ma-sh-hi);
}

.ma-drawer-head[b-rngj7cr8cs] { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 10px 12px; }
.ma-drawer-title[b-rngj7cr8cs] { margin: 0; font-size: 16px; font-weight: 500; }

.ma-search[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    margin: 0 0 8px;
    padding: 0 16px;
    border-radius: 22px;
    background: var(--ma-surf3);
    color: var(--ma-ink2);
}

.ma-search input[b-rngj7cr8cs] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    font-size: 14px;
}

.ma-filter[b-rngj7cr8cs] { display: flex; align-items: center; gap: 8px; margin: 0 16px 8px; font-size: 12.5px; color: var(--ma-ink3); cursor: pointer; }
.ma-drawer-new[b-rngj7cr8cs], .ma-drawer-link[b-rngj7cr8cs], .ma-row[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 44px;
    padding: 0 14px;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ma-drawer-new:hover[b-rngj7cr8cs], .ma-drawer-link:hover[b-rngj7cr8cs], .ma-row:hover[b-rngj7cr8cs] { background: var(--ma-surf2); color: var(--ma-ink); }
.ma-drawer-new[b-rngj7cr8cs] { font-weight: 500; }
.ma-drawer-new i[b-rngj7cr8cs], .ma-drawer-link i[b-rngj7cr8cs], .ma-row-ic[b-rngj7cr8cs] { color: var(--ma-ink2); }
.ma-drawer-link[b-rngj7cr8cs] { color: var(--ma-ink2); }
.ma-drawer-scroll[b-rngj7cr8cs] { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.ma-drawer-foot[b-rngj7cr8cs] { border-top: 1px solid var(--ma-line); padding-top: 8px; margin-top: 8px; display: flex; flex-direction: column; gap: 2px; }

.ma-row.is-current[b-rngj7cr8cs] { background: var(--ma-acc-soft); color: var(--ma-on-soft); }
.ma-row-t[b-rngj7cr8cs] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ma-row-t small[b-rngj7cr8cs] { margin-left: 8px; color: var(--ma-ink3); font-size: 12px; }
.ma-row-w[b-rngj7cr8cs] { font-size: 12px; color: var(--ma-ink3); font-variant-numeric: tabular-nums; }
.ma-new[b-rngj7cr8cs] { font-size: 11px; font-weight: 600; color: var(--ma-acc-ink); }
.ma-none[b-rngj7cr8cs] { margin: 4px 14px 8px; font-size: 13px; color: var(--ma-ink3); }
.ma-more[b-rngj7cr8cs] { margin: 6px 14px 0; align-self: flex-start; }

.ma-av[b-rngj7cr8cs] {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 10px;
    font-weight: 600;
    background: var(--ma-acc-soft);
    color: var(--ma-on-soft);
}

/* ---- the main column ---- */
.ma-main[b-rngj7cr8cs] { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--ma-bg); }

.ma-top[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 64px;
    flex: 0 0 auto;
    padding: 0 12px 0 16px;
    min-width: 0;
}

.ma-burger[b-rngj7cr8cs] { display: none !important; }
.ma-title-wrap[b-rngj7cr8cs] { position: relative; display: flex; align-items: baseline; gap: 10px; min-width: 0; }

.ma-title[b-rngj7cr8cs] {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    color: var(--ma-ink);
}

.ma-turns[b-rngj7cr8cs] { color: var(--ma-ink3); white-space: nowrap; font-size: 13px; }
.ma-top-sp[b-rngj7cr8cs] { flex: 1; min-width: 0; }

.ma-pill[b-rngj7cr8cs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--ma-line2);
    border-radius: 8px;
    background: transparent;
    color: var(--ma-ink2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.ma-pill:hover[b-rngj7cr8cs] { background: var(--ma-surf2); color: var(--ma-ink); }
.ma-count[b-rngj7cr8cs] { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ma-acc-soft); color: var(--ma-on-soft); font-size: 11px; line-height: 18px; text-align: center; }

.ma-aud-wrap[b-rngj7cr8cs] { position: relative; }

.ma-aud-wrap[b-rngj7cr8cs]  .ma-aud {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: var(--ma-acc-soft);
    color: var(--ma-on-soft);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.ma-aud-wrap[b-rngj7cr8cs]  .ma-aud:disabled { cursor: default; background: var(--ma-surf2); color: var(--ma-ink2); }

/* ---- first-use hints ---- */
.ma-hint[b-rngj7cr8cs] {
    position: absolute;
    z-index: 25;
    width: max-content;
    max-width: 300px;
    padding: 12px 14px 10px;
    border-radius: 12px;
    background: var(--ma-ink);
    color: var(--ma-bg);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    box-shadow: var(--ma-sh-hi);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    white-space: normal;
}

.ma-hint-below[b-rngj7cr8cs] { top: calc(100% + 10px); left: 0; }
.ma-hint-right[b-rngj7cr8cs] { left: auto; right: 0; }
.ma-hint-above[b-rngj7cr8cs] { bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); }

.ma-hint-x[b-rngj7cr8cs] {
    align-self: flex-end;
    height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--ma-acc-soft);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ma-dark .ma-hint-x[b-rngj7cr8cs] { color: var(--ma-acc-ink); }
.ma-dark .ma-hint[b-rngj7cr8cs] { background: var(--ma-surf3); color: var(--ma-ink); }
.ma-dark .ma-hint-x[b-rngj7cr8cs] { color: var(--ma-acc); }

/* ---- banners and buttons ---- */
.ma-banner-wrap[b-rngj7cr8cs], .ma-banner[b-rngj7cr8cs] { max-width: 900px; width: calc(100% - 32px); margin: 4px auto 8px; }

.ma-banner[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 12px 10px 16px;
    border-radius: 16px;
    background: var(--ma-surf2);
    color: var(--ma-ink);
    font-size: 13.5px;
}

.ma-banner i[b-rngj7cr8cs] { color: var(--ma-ink2); }
.ma-banner-t[b-rngj7cr8cs] { flex: 1 1 280px; min-width: 0; }
.ma-banner-warn[b-rngj7cr8cs] { background: var(--ma-warn-soft); color: var(--ma-warn-ink); }

.ma-btn[b-rngj7cr8cs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 18px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
}

.ma-btn:disabled[b-rngj7cr8cs] { opacity: 0.5; cursor: default; }
.ma-btn-filled[b-rngj7cr8cs] { background: var(--ma-acc); color: var(--ma-on-acc); }
.ma-btn-tonal[b-rngj7cr8cs] { background: var(--ma-acc-soft); color: var(--ma-on-soft); }

/* ---- the body: cards on the left, the transcript on the right ---- */
.ma-body[b-rngj7cr8cs] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.ma-with-trx .ma-body[b-rngj7cr8cs] { grid-template-columns: minmax(0, 1fr) 360px; }

.ma-board-scroll[b-rngj7cr8cs] { min-height: 0; overflow-y: auto; padding: 8px 24px 24px; scrollbar-width: thin; scrollbar-color: var(--ma-line2) transparent; }

.ma-hello[b-rngj7cr8cs] { max-width: 820px; margin: 0 auto; padding: 8vh 0 24px; display: flex; flex-direction: column; gap: 16px; }
.ma-greet[b-rngj7cr8cs] { margin: 0; font-size: 44px; font-weight: 500; line-height: 1.1; letter-spacing: -0.02em; }

.ma-greet-g[b-rngj7cr8cs] {
    background: linear-gradient(90deg, var(--ma-g1), var(--ma-g2) 45%, var(--ma-g3) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-hello-sub[b-rngj7cr8cs] { margin: -4px 0 8px; color: var(--ma-ink2); font-size: 18px; }

.ma-sugs[b-rngj7cr8cs] { display: flex; flex-wrap: wrap; gap: 8px; }

.ma-sug[b-rngj7cr8cs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ma-line2);
    border-radius: 8px;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.ma-sug:hover[b-rngj7cr8cs] { background: var(--ma-surf2); }
.ma-sug i[b-rngj7cr8cs] { color: var(--ma-acc-ink); }

.ma-lists[b-rngj7cr8cs] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 8px; }
.ma-list-card[b-rngj7cr8cs] { padding: 14px 8px 10px; border-radius: 24px; background: var(--ma-surf); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ma-list-card h3[b-rngj7cr8cs] { margin: 0 14px 6px; font-size: 14px; font-weight: 500; color: var(--ma-ink2); }
.ma-promise[b-rngj7cr8cs] { margin: 8px 0 0; color: var(--ma-ink2); font-size: 13px; display: flex; align-items: center; gap: 6px; }

.ma-board[b-rngj7cr8cs] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; max-width: 1200px; margin: 0 auto; }
.ma-card[b-rngj7cr8cs] { min-width: 0; border-radius: 24px; transition: box-shadow 0.4s; }
.ma-card[b-rngj7cr8cs]  .mlb { border-radius: 24px; background: var(--ma-card); box-shadow: 0 0 0 1px var(--ma-line); }
.ma-card[b-rngj7cr8cs]  .mlb-head { padding: 12px 12px 8px 20px; border-bottom-color: var(--ma-line); }
.ma-card[b-rngj7cr8cs]  .mlb-body { padding: 12px 16px 16px; }
.ma-card.is-new[b-rngj7cr8cs]  .mlb { box-shadow: 0 0 0 2px var(--ma-acc), 0 0 0 6px var(--ma-acc-soft); }

.ma-board-empty[b-rngj7cr8cs] { max-width: 520px; margin: 14vh auto 0; text-align: center; color: var(--ma-ink3); font-size: 15px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ma-board-empty i[b-rngj7cr8cs] { font-size: 28px; color: var(--ma-line2); }

/* ---- the transcript panel ---- */
.ma-trx[b-rngj7cr8cs] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0 16px 12px 0;
    border-radius: 24px;
    background: var(--ma-surf);
    color: var(--ma-ink);
    overflow: hidden;
}

.ma-trx-head[b-rngj7cr8cs] { display: flex; align-items: center; gap: 8px; padding: 12px 12px 8px 16px; flex: 0 0 auto; }

.ma-trx-grab[b-rngj7cr8cs] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    text-align: left;
    cursor: default;
}

.ma-grab[b-rngj7cr8cs] { display: none; }
.ma-trx-label[b-rngj7cr8cs] { font-size: 14px; font-weight: 500; }
.ma-trx-peek[b-rngj7cr8cs] { display: none; }

.ma-trx-head[b-rngj7cr8cs]  .mtp { display: flex; align-items: center; gap: 8px; }

/* the shared playback control carries no styles of its own; here it is an outlined chip */
.ma-trx-head[b-rngj7cr8cs]  .mtp-play,
.ma-trx-head[b-rngj7cr8cs]  .mtp-pause,
.ma-select[b-rngj7cr8cs] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--ma-line2);
    border-radius: 8px;
    background: transparent;
    color: var(--ma-ink2);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.ma-trx-head[b-rngj7cr8cs]  .mtp-play:hover,
.ma-select:hover[b-rngj7cr8cs] { background: var(--ma-surf2); color: var(--ma-ink); }
.ma-trx-head[b-rngj7cr8cs]  .mtp-pause,
.ma-select.is-on[b-rngj7cr8cs] { background: var(--ma-acc-soft); color: var(--ma-on-soft); border-color: transparent; }
.ma-select:disabled[b-rngj7cr8cs] { opacity: 0.45; cursor: default; }
.ma-trx-head[b-rngj7cr8cs]  .mtp-progress,
.ma-trx-head[b-rngj7cr8cs]  .mtp-failure { margin: 0; font-size: 12px; color: var(--ma-ink3); }

.ma-select-bar[b-rngj7cr8cs] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 12px 8px; padding: 8px 12px; border-radius: 16px; background: var(--ma-surf2); font-size: 13px; }

.ma-trx-scroll[b-rngj7cr8cs] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 16px 16px; scrollbar-width: thin; scrollbar-color: var(--ma-line2) transparent; }

.ma-thread[b-rngj7cr8cs] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ma-line[b-rngj7cr8cs] { display: flex; gap: 8px; align-items: flex-start; }
.ma-line-body[b-rngj7cr8cs] { flex: 1; min-width: 0; font-size: 14px; line-height: 1.55; }
.ma-who[b-rngj7cr8cs] { display: block; font-size: 12px; font-weight: 500; color: var(--ma-ink3); margin-bottom: 1px; }
.ma-line-max .ma-who[b-rngj7cr8cs] { color: var(--ma-acc-ink); }
.ma-at[b-rngj7cr8cs] { margin-left: 0.35em; font-variant-numeric: tabular-nums; opacity: 0.8; }
.ma-text[b-rngj7cr8cs] { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ma-ink); }
.ma-line-you .ma-line-body[b-rngj7cr8cs] { padding: 8px 12px; border-radius: 16px 16px 4px 16px; background: var(--ma-surf3); }
.ma-line-unsent .ma-text[b-rngj7cr8cs] { color: var(--ma-ink3); }
.ma-line-speaking .ma-line-body[b-rngj7cr8cs] { background: var(--ma-acc-soft); border-radius: 12px; box-shadow: 0 0 0 6px var(--ma-acc-soft); }
.ma-line-speaking .ma-text[b-rngj7cr8cs] { color: var(--ma-on-soft); }
.ma-dots[b-rngj7cr8cs] { color: var(--ma-ink3); }
.ma-tag[b-rngj7cr8cs] { display: inline-block; margin-left: 8px; font-size: 11px; color: var(--ma-warn-ink); }
.ma-pick[b-rngj7cr8cs] { margin-top: 6px; accent-color: var(--ma-acc); }
.ma-ask[b-rngj7cr8cs] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; color: var(--ma-ink2); }

.ma-line-acts[b-rngj7cr8cs] { display: flex; gap: 2px; margin-top: 2px; opacity: 0.55; transition: opacity 0.12s; }
.ma-line:hover .ma-line-acts[b-rngj7cr8cs], .ma-line-acts:focus-within[b-rngj7cr8cs] { opacity: 1; }
.ma-page .ma-line-act[b-rngj7cr8cs] { width: 28px; height: 28px; font-size: 12px; }

.ma-line-body .mt-thinking-row[b-rngj7cr8cs] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ma-line-body .mt-thinking[b-rngj7cr8cs] { color: var(--ma-ink2); }
.ma-line-body .mt-thinking-clock[b-rngj7cr8cs] { color: var(--ma-ink3); font-size: 12px; font-variant-numeric: tabular-nums; }
.ma-line-body .mt-steps[b-rngj7cr8cs] { margin: 6px 0 0; padding-left: 18px; color: var(--ma-ink2); font-size: 13px; }

.ma-trx-scrim[b-rngj7cr8cs] { display: none; }

/* ---- notes above the talk control ---- */
.ma-status[b-rngj7cr8cs] { flex: 0 0 auto; display: flex; flex-direction: column; gap: 4px; padding: 0 24px; max-width: 808px; width: 100%; margin: 0 auto; }
.ma-status:empty[b-rngj7cr8cs] { display: none; }

.ma-note[b-rngj7cr8cs] {
    margin: 0 0 4px;
    padding: 8px 14px;
    border-radius: 12px;
    background: var(--ma-surf2);
    color: var(--ma-ink2);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ma-note-bad[b-rngj7cr8cs] { background: var(--ma-bad-soft); color: var(--ma-bad-ink); }
.ma-note-bad b[b-rngj7cr8cs] { color: var(--ma-bad-ink); }
.ma-note-warn[b-rngj7cr8cs] { background: var(--ma-warn-soft); color: var(--ma-warn-ink); }
.ma-retry[b-rngj7cr8cs] { margin-left: auto; height: 32px; }

/* ---- the Ask bar ---- */
.ma-dock[b-rngj7cr8cs] { flex: 0 0 auto; padding: 4px 24px 18px; }
.ma-ask-wrap[b-rngj7cr8cs] { position: relative; max-width: 780px; margin: 0 auto; }

.ma-ask[b-rngj7cr8cs] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    min-height: 60px;
    padding: 8px 8px 8px 10px;
    border-radius: 30px;
    background: var(--ma-surf);
    box-shadow: var(--ma-sh);
}

.ma-ask:focus-within[b-rngj7cr8cs] { background: var(--ma-surf2); }

.ma-ask-box[b-rngj7cr8cs] {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    max-height: 160px;
    padding: 11px 8px;
    resize: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    font-size: 16px;
    field-sizing: content;
}

.ma-ask-box[b-rngj7cr8cs]::placeholder { color: var(--ma-ink3); }
.ma-ask-ic[b-rngj7cr8cs] { flex: 0 0 auto; }
.ma-send[b-rngj7cr8cs] { flex: 0 0 auto; }

.ma-live-btn[b-rngj7cr8cs] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px 0 14px;
    border: 0;
    border-radius: 22px;
    background: var(--ma-acc-soft);
    color: var(--ma-on-soft);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.ma-live-btn i[b-rngj7cr8cs] {
    font-size: 20px;
    background: linear-gradient(90deg, var(--ma-g1), var(--ma-g2), var(--ma-g3));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-live-btn:hover[b-rngj7cr8cs] { box-shadow: var(--ma-sh); }
.ma-ro[b-rngj7cr8cs] { max-width: 780px; margin: 0 auto; padding: 14px 20px; border-radius: 30px; background: var(--ma-surf); color: var(--ma-ink3); }

/* ---- the Live panel ---- */
.ma-dock:has(.ma-live)[b-rngj7cr8cs] { padding: 0; }

.ma-live[b-rngj7cr8cs] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 24px calc(20px + env(safe-area-inset-bottom));
    border-radius: 28px 28px 0 0;
    background: var(--ma-surf);
    color: var(--ma-ink);
    box-shadow: var(--ma-sh-hi);
}

.ma-glow[b-rngj7cr8cs] {
    position: absolute;
    left: -12%;
    right: -12%;
    bottom: -60%;
    height: 130%;
    background:
        radial-gradient(45% 55% at 28% 72%, color-mix(in srgb, var(--ma-g1) 60%, transparent), transparent 70%),
        radial-gradient(40% 50% at 58% 78%, color-mix(in srgb, var(--ma-g2) 55%, transparent), transparent 70%),
        radial-gradient(35% 45% at 82% 66%, color-mix(in srgb, var(--ma-g3) 50%, transparent), transparent 70%);
    filter: blur(34px);
    animation: ma-glow-b-rngj7cr8cs 6s ease-in-out infinite alternate;
    pointer-events: none;
}

.ma-live.is-working .ma-glow[b-rngj7cr8cs] { opacity: 0.55; }
.ma-live.is-held .ma-glow[b-rngj7cr8cs] { opacity: 0.25; animation: none; }
.ma-live.is-deaf .ma-glow[b-rngj7cr8cs] { filter: blur(34px) grayscale(1); opacity: 0.4; }
.ma-live > *:not(.ma-glow)[b-rngj7cr8cs] { position: relative; }

@keyframes ma-glow-b-rngj7cr8cs {
    from { transform: translateX(-4%) scale(1); }
    to { transform: translateX(4%) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .ma-glow[b-rngj7cr8cs] { animation: none; }
}

.ma-live-st[b-rngj7cr8cs] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 500; color: var(--ma-ink); white-space: nowrap; }
.ma-live-bad[b-rngj7cr8cs] { color: var(--ma-bad); font-weight: 600; }
.ma-clock[b-rngj7cr8cs] { color: var(--ma-ink2); font-variant-numeric: tabular-nums; }
.ma-awake[b-rngj7cr8cs] { color: var(--ma-ink3); font-size: 12px; font-weight: 400; }

.ma-level[b-rngj7cr8cs] { position: relative; width: 64px; height: 4px; border-radius: 2px; background: var(--ma-line2); overflow: hidden; }
.ma-level-fill[b-rngj7cr8cs] { position: absolute; inset: 0; background: var(--ma-ink3); transform-origin: left center; transform: scaleX(0); }
.ma-level.is-lit .ma-level-fill[b-rngj7cr8cs] { background: var(--ma-acc); }
.ma-ear[b-rngj7cr8cs] { width: 8px; height: 8px; border-radius: 50%; background: var(--ma-ink3); }
.ma-ear.is-lit[b-rngj7cr8cs] { background: var(--ma-acc); box-shadow: 0 0 0 4px var(--ma-acc-soft); }

.ma-spin[b-rngj7cr8cs] { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--ma-line2); border-top-color: var(--ma-acc); animation: ma-spin-b-rngj7cr8cs 0.8s linear infinite; flex: 0 0 auto; }

@keyframes ma-spin-b-rngj7cr8cs { to { transform: rotate(360deg); } }

.ma-cap[b-rngj7cr8cs] {
    margin: 0;
    max-width: 760px;
    font-size: 24px;
    line-height: 1.35;
    text-align: center;
    text-wrap: balance;
    color: var(--ma-ink);
    overflow-wrap: anywhere;
}

.ma-cap-who[b-rngj7cr8cs] { display: block; font-size: 12px; font-weight: 500; color: var(--ma-ink3); margin-bottom: 4px; }

.ma-live-type[b-rngj7cr8cs] { display: flex; align-items: flex-end; gap: 6px; width: min(640px, 100%); padding: 4px 6px 4px 14px; border-radius: 26px; background: var(--ma-card); box-shadow: 0 0 0 1px var(--ma-line2); }

.ma-live-btns[b-rngj7cr8cs] { display: flex; gap: 28px; }

.ma-round[b-rngj7cr8cs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    cursor: pointer;
}

.ma-round em[b-rngj7cr8cs] { font-style: normal; font-size: 13px; font-weight: 500; }

.ma-round-c[b-rngj7cr8cs] {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--ma-surf3);
    color: var(--ma-ink);
    font-size: 22px;
}

.ma-round:hover .ma-round-c[b-rngj7cr8cs] { box-shadow: var(--ma-sh); }
.ma-round.is-on .ma-round-c[b-rngj7cr8cs] { background: var(--ma-acc-soft); color: var(--ma-on-soft); }
.ma-round-end .ma-round-c[b-rngj7cr8cs] { background: var(--ma-bad); color: var(--ma-on-acc); }
.ma-dark .ma-round-end .ma-round-c[b-rngj7cr8cs] { color: var(--ma-bg); }
.ma-round:disabled[b-rngj7cr8cs] { opacity: 0.45; cursor: default; }

/* ---- the … menu ---- */
.ma-menu-scrim[b-rngj7cr8cs], .ma-fill-scrim[b-rngj7cr8cs] { position: fixed; inset: 0; z-index: 1490; background: transparent; }
.ma-fill-scrim[b-rngj7cr8cs] { background: var(--ma-scrim); }

.ma-menu[b-rngj7cr8cs] {
    position: absolute;
    z-index: 1495;
    top: 56px;
    right: 12px;
    width: 300px;
    max-height: calc(100% - 72px);
    overflow-y: auto;
    padding: 8px 0;
    border-radius: 16px;
    background: var(--ma-surf2);
    color: var(--ma-ink);
    box-shadow: var(--ma-sh-hi);
}

.ma-menu-g[b-rngj7cr8cs] { margin: 10px 20px 4px; font-size: 12px; font-weight: 500; color: var(--ma-ink3); }
.ma-menu-g:first-child[b-rngj7cr8cs] { margin-top: 4px; }

.ma-menu-row[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 44px;
    padding: 0 20px;
    border: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.ma-menu-row:hover[b-rngj7cr8cs] { background: var(--ma-surf3); }
.ma-menu-row i[b-rngj7cr8cs] { width: 18px; text-align: center; color: var(--ma-ink2); }
.ma-menu-max[b-rngj7cr8cs] { display: flex; flex-direction: column; gap: 8px; padding: 2px 16px 6px; }

.ma-field[b-rngj7cr8cs] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--ma-line2);
    border-radius: 8px;
    color: var(--ma-ink2);
    font-size: 13px;
}

.ma-field > span[b-rngj7cr8cs] { flex: 0 0 auto; }

.ma-field[b-rngj7cr8cs]  select {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ma-ink);
    font: inherit;
    font-size: 14px;
    text-overflow: ellipsis;
    cursor: pointer;
}

.ma-field[b-rngj7cr8cs]  select option { background: var(--ma-card); color: var(--ma-ink); }
.ma-menu-foot[b-rngj7cr8cs] { margin: 6px 0 0; padding: 10px 20px 4px; border-top: 1px solid var(--ma-line); color: var(--ma-ink3); font-size: 12px; display: flex; gap: 6px; align-items: center; }

/* ---- one card filling the screen ---- */
.ma-fill[b-rngj7cr8cs] {
    position: fixed;
    z-index: 1495;
    inset: 5vh 5vw;
    overflow: auto;
    border-radius: 24px;
    background: var(--ma-card);
    color: var(--ma-ink);
    box-shadow: var(--ma-sh-hi);
}

/* ---- the blanked screen ---- */
.ma-blackout[b-rngj7cr8cs] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: var(--ma-black);
    color: var(--ma-bo-ink);
}

.ma-bo-clock[b-rngj7cr8cs] { margin: 0; font-size: 64px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; }
.ma-bo-dot[b-rngj7cr8cs] { width: 14px; height: 14px; border-radius: 50%; background: var(--ma-bo-ink); }
.ma-bo-dot.is-lit[b-rngj7cr8cs] { background: var(--ma-g1); box-shadow: 0 0 18px var(--ma-g1); }
.ma-bo-visibility[b-rngj7cr8cs], .ma-bo-hint[b-rngj7cr8cs] { margin: 0; font-size: 13px; }
.ma-bo-quiet[b-rngj7cr8cs] { margin-top: 14px; }

/* ---- off, refused, a council ---- */
.ma-off[b-rngj7cr8cs] { max-width: 560px; margin: 12vh auto; padding: 0 16px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ma-off-title[b-rngj7cr8cs] { margin: 0; font-size: 22px; font-weight: 400; }

/* ---- a phone: the rail is a drawer, one column of cards, the transcript is a sheet ---- */
@media (max-width: 700px) {
    .ma-page[b-rngj7cr8cs] { grid-template-columns: minmax(0, 1fr); }
    .ma-rail[b-rngj7cr8cs] { display: none; }

    .ma-scrim[b-rngj7cr8cs] { position: fixed; inset: 0; z-index: 1475; }

    .ma-drawer[b-rngj7cr8cs] {
        position: fixed;
        z-index: 1480;
        left: 0;
        width: min(86vw, 330px);
        padding-top: calc(12px + env(safe-area-inset-top));
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
    }

    .ma-search input[b-rngj7cr8cs] { font-size: 16px; }

    .ma-top[b-rngj7cr8cs] { height: 56px; padding: env(safe-area-inset-top) 4px 0 4px; gap: 4px; }
    .ma-burger[b-rngj7cr8cs] { display: inline-grid !important; place-items: center; }
    .ma-title[b-rngj7cr8cs] { font-size: 18px; }
    .ma-turns[b-rngj7cr8cs] { display: none; }
    .ma-pill-t[b-rngj7cr8cs] { display: none; }
    .ma-pill[b-rngj7cr8cs] { padding: 0 10px; }
    .ma-aud-wrap[b-rngj7cr8cs]  .ma-aud { max-width: 116px; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }
    .ma-hint[b-rngj7cr8cs] { max-width: min(300px, calc(100vw - 32px)); }
    .ma-hint-right[b-rngj7cr8cs] { right: -40px; }

    .ma-body[b-rngj7cr8cs], .ma-with-trx .ma-body[b-rngj7cr8cs] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
    .ma-board-scroll[b-rngj7cr8cs] { padding: 4px 16px 16px; }
    .ma-hello[b-rngj7cr8cs] { padding-top: 3vh; }
    .ma-greet[b-rngj7cr8cs] { font-size: 32px; }
    .ma-hello-sub[b-rngj7cr8cs] { font-size: 16px; }
    .ma-lists[b-rngj7cr8cs] { grid-template-columns: minmax(0, 1fr); }
    .ma-board[b-rngj7cr8cs] { grid-template-columns: minmax(0, 1fr); gap: 12px; }

    .ma-trx[b-rngj7cr8cs] { margin: 0 12px 8px; border-radius: 20px; }
    .ma-trx .ma-trx-scroll[b-rngj7cr8cs], .ma-trx .ma-select-bar[b-rngj7cr8cs], .ma-trx .ma-trx-head[b-rngj7cr8cs]  .mtp-play, .ma-trx .ma-select[b-rngj7cr8cs] { display: none; }
    .ma-trx-grab[b-rngj7cr8cs] { cursor: pointer; min-height: 44px; }
    .ma-grab[b-rngj7cr8cs] { display: block; position: absolute; top: 6px; left: 50%; width: 32px; height: 4px; margin-left: -16px; border-radius: 2px; background: var(--ma-line2); }
    .ma-trx-head[b-rngj7cr8cs] { position: relative; padding: 14px 12px 8px 16px; }
    .ma-trx-peek[b-rngj7cr8cs] { display: block; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ma-ink2); font-size: 13px; }

    .ma-trx-up .ma-trx[b-rngj7cr8cs] {
        position: fixed;
        z-index: 1485;
        left: 0;
        right: 0;
        bottom: 0;
        height: 78vh;
        margin: 0;
        border-radius: 24px 24px 0 0;
        box-shadow: var(--ma-sh-hi);
        padding-bottom: env(safe-area-inset-bottom);
    }

    .ma-trx-up .ma-trx .ma-trx-scroll[b-rngj7cr8cs] { display: block; }
    .ma-trx-up .ma-trx .ma-select-bar[b-rngj7cr8cs] { display: flex; }
    .ma-trx-up .ma-trx .ma-trx-head[b-rngj7cr8cs]  .mtp-play, .ma-trx-up .ma-trx .ma-select[b-rngj7cr8cs] { display: inline-flex; }
    .ma-trx-up .ma-trx-peek[b-rngj7cr8cs] { display: none; }
    .ma-trx-up .ma-trx-scrim[b-rngj7cr8cs] { display: block; position: fixed; inset: 0; z-index: 1484; background: var(--ma-scrim); }

    .ma-status[b-rngj7cr8cs] { padding: 0 12px; }
    .ma-dock[b-rngj7cr8cs] { padding: 4px 10px calc(10px + env(safe-area-inset-bottom)); }
    .ma-ask[b-rngj7cr8cs] { min-height: 56px; border-radius: 28px; }
    .ma-live-btn[b-rngj7cr8cs] { padding: 0 14px 0 12px; }
    .ma-page .max360-icon-btn[b-rngj7cr8cs] { width: 44px; height: 44px; }

    .ma-live[b-rngj7cr8cs] { gap: 12px; padding-top: 16px; }
    .ma-cap[b-rngj7cr8cs] { font-size: 19px; }
    .ma-live-btns[b-rngj7cr8cs] { gap: 24px; }
    .ma-field[b-rngj7cr8cs]  select { font-size: 16px; }

    .ma-menu[b-rngj7cr8cs] {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: 82vh;
        border-radius: 24px 24px 0 0;
        padding-bottom: calc(8px + env(safe-area-inset-bottom));
    }

    .ma-menu-scrim[b-rngj7cr8cs] { background: var(--ma-scrim); }
    .ma-fill[b-rngj7cr8cs] { inset: env(safe-area-inset-top) 0 0 0; border-radius: 0; }
}

/* the council heard in this conversation: its lines and the strip above the input */
.ma-line-council .ma-text[b-rngj7cr8cs] { border-left: 2px solid var(--.ma-acc-soft, rgba(127,127,127,.35)); padding-left: 8px; display: block; }
.ma-council-strip[b-rngj7cr8cs] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 6px 14px; font-size: 12px; font-weight: 600; }
.ma-council-seats[b-rngj7cr8cs] { font-weight: 400; min-width: 0; overflow-wrap: anywhere; }
.ma-council-strip a[b-rngj7cr8cs] { margin-left: auto; }
@media (max-width: 700px) { .ma-council-seats[b-rngj7cr8cs] { display: none; } }
.ma-dropped summary[b-rngj7cr8cs] { cursor: pointer; list-style: none; }
.ma-council[b-rngj7cr8cs] { max-width: 780px; margin: 0 auto 12px; min-width: 0; }

.ma-council-working[b-rngj7cr8cs] { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; }
.ma-council-pulse[b-rngj7cr8cs] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: ma-council-pulse-b-rngj7cr8cs 1.2s ease-in-out infinite; }
@keyframes ma-council-pulse-b-rngj7cr8cs { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ma-council-pulse[b-rngj7cr8cs] { animation: none; } }
/* /Components/Pages/MaxTalk.razor.rz.scp.css */
/* Max Talk. Mobile first, one screen, almost no chrome; the walkthrough specifies 375 px. */

.mt-shell[b-v1xgut5czb] {
    max-width: 34rem;
    margin: 0 auto;
    padding: 1.25rem 1rem 6rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

/* the head: the title, then one panel. on a phone the panel folds behind the ⋯ and opens under its
   own heading; a desk always shows it, places first. the tokens are the theme's own */
.mt-head[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.mt-head-top[b-v1xgut5czb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.mt-title[b-v1xgut5czb] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.mt-head-toggle[b-v1xgut5czb] {
    display: none;
    flex: 0 0 auto;
    font-size: 1.2rem;
    color: var(--max360-primary-ink, var(--max360-primary));
}

.mt-head-panel[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.mt-panel-top[b-v1xgut5czb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mt-panel-heading[b-v1xgut5czb] {
    font-weight: 600;
    color: var(--ink);
}

.mt-panel-title[b-v1xgut5czb] {
    margin: 0;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 1.1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.mt-head-meta[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ink-dim);
}

/* settings as rows: the name on the left, the value on the right, and an arrow where a tap opens a
   picker. where only the owner can change it, the row says so in place of the arrow */
.mt-head-controls[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
}

.mt-setting[b-v1xgut5czb] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.75rem;
    min-height: 44px;
    margin: 0;
    border-bottom: 1px solid var(--rule);
}

.mt-setting-lbl[b-v1xgut5czb] {
    color: var(--ink);
}

.mt-setting-value[b-v1xgut5czb] {
    margin-left: auto;
    color: var(--ink-dim);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-setting-pick .mt-setting-value[b-v1xgut5czb]::after,
.mt-setting[b-v1xgut5czb]  .mt-setting-open::after {
    content: " \203A";
}

.mt-setting-locked[b-v1xgut5czb] {
    flex-basis: 100%;
    text-align: right;
    font-size: 0.8125rem;
    color: var(--ink-dim);
    padding-bottom: 0.4rem;
}

/* the native select lies over the whole row, unseen, so a tap anywhere opens the phone's own picker. only the row's own
   select: the walkthrough dialog opens inside the audience row, and its menus must stay where they are */
.mt-setting > select[b-v1xgut5czb],
.mt-setting[b-v1xgut5czb] >  select {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.mt-setting > select:disabled[b-v1xgut5czb],
.mt-setting[b-v1xgut5czb] >  select:disabled {
    display: none;
}

.mt-setting-pick:focus-within[b-v1xgut5czb] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.mt-visibility[b-v1xgut5czb],
.mt-setting[b-v1xgut5czb]  .mt-visibility {
    background: none;
    border: 0;
    padding: 0;
    margin-left: auto;
    min-height: 44px;
    font: inherit;
    color: var(--ink-dim);
    text-align: right;
    cursor: pointer;
}

/* the owner's audience row opens from anywhere on it, like the picker rows: the share control's
   own box steps aside so its button covers the row and its panel spans the row, on screen */
.mt-setting[b-v1xgut5czb]  .vis-popover {
    position: static;
    margin-left: auto;
}

.mt-setting[b-v1xgut5czb]  .mt-setting-open {
    position: absolute;
    inset: 0;
    width: 100%;
}

.mt-setting[b-v1xgut5czb]  .vis-panel {
    left: 0;
    right: 0;
    width: auto;
}

/* the listening chip opens like the audience row: its button covers the row and its menu spans the row */
.mt-setting[b-v1xgut5czb]  .mlm-modes { position: static; margin-left: auto; }

.mt-setting[b-v1xgut5czb]  .mlm-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    width: auto;
    transform: none;
}

.mt-visibility-locked[b-v1xgut5czb] { cursor: default; }

.mt-visibility-why[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ink-dim);
}

.mt-head-actions[b-v1xgut5czb],
.mt-head-view[b-v1xgut5czb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
}

.mt-head-note[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.8125rem;
    color: #a3241f;
}

@media (max-width: 700px) {
    .mt-head-toggle[b-v1xgut5czb] { display: inline-flex; }

    .mt-head:not(.mt-head-open) .mt-head-panel[b-v1xgut5czb] { display: none; }

    /* a spoken request for a review opens the dialog this panel holds, folded or not, so the panel is
       drawn while the dialog is open and folds again when it closes */
    .mt-head:not(.mt-head-open):has(.rsd, .ras) .mt-head-panel[b-v1xgut5czb] { display: flex; }

    /* open, the panel's own heading and the full title take the title row's place */
    .mt-head.mt-head-open .mt-head-top[b-v1xgut5czb] { display: none; }

    /* a phone shows the title on one line beside the ⋯, cut short */
    .mt-head-top[b-v1xgut5czb] { align-items: center; }
    .mt-head-top .mt-title[b-v1xgut5czb] {
        flex: 1 1 auto;
        font-size: 1.05rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* the panel's actions are rows like the settings above them, and a row that goes somewhere ends in › */
    .mt-head-actions[b-v1xgut5czb],
    .mt-head-view[b-v1xgut5czb] {
        flex-direction: column;
        align-items: stretch;
    }

    .mt-head-actions > .mt-quiet[b-v1xgut5czb],
    .mt-head-view > .mt-quiet[b-v1xgut5czb] {
        justify-content: space-between;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid var(--rule);
        border-radius: 0;
        color: var(--ink);
        font-weight: 400;
    }

    .mt-head-actions > a.mt-quiet[b-v1xgut5czb]::after {
        content: "\203A";
        color: var(--ink-dim);
    }
}

/* a desk's menu and its settings toggle. on a phone the menu's wrappers step aside, so its links stay
   rows of the panel the ⋯ opens, and neither toggle is drawn */
.mt-head-menu[b-v1xgut5czb],
.mt-menu-panel[b-v1xgut5czb] { display: contents; }

.mt-head-menu > .mt-menu-toggle[b-v1xgut5czb],
.mt-menu-backdrop[b-v1xgut5czb],
.mt-head-view .mt-menu-play[b-v1xgut5czb],
.mt-setting-icon[b-v1xgut5czb] { display: none; }

@media (min-width: 701px) {
    /* a desk already shows the title and the search box */
    .mt-panel-top[b-v1xgut5czb],
    .mt-panel-title[b-v1xgut5czb],
    .mt-head-actions .mt-find-open[b-v1xgut5czb] { display: none; }

    /* the menu on the bar: the places, then the view links and Play, over the page under its button */
    .mt-head-menu[b-v1xgut5czb] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mt-head-menu > .mt-menu-toggle[b-v1xgut5czb] {
        display: inline-flex;
        gap: 0.3rem;
        margin: 0;
    }

    .mt-menu-backdrop[b-v1xgut5czb] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1040;
    }

    .mt-menu-panel[b-v1xgut5czb] {
        display: none;
        position: absolute;
        right: 0;
        top: calc(100% + 2px);
        z-index: 1041;
        min-width: 15rem;
        flex-direction: column;
        padding: 0.3rem 0;
        background: var(--max360-surface);
        border: 1px solid var(--max360-border);
        border-radius: 0.5rem;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
    }

    .mt-menu-panel.mt-menu-shown[b-v1xgut5czb] { display: flex; }

    .mt-menu-panel .mt-head-actions[b-v1xgut5czb],
    .mt-menu-panel .mt-head-view[b-v1xgut5czb] {
        flex-direction: column;
        align-items: stretch;
    }

    .mt-menu-panel .mt-head-view[b-v1xgut5czb] {
        margin-top: 0.3rem;
        padding-top: 0.3rem;
        border-top: 1px solid var(--rule);
    }

    .mt-menu-panel .mt-quiet[b-v1xgut5czb] {
        justify-content: flex-start;
        margin: 0;
        padding: 0.4rem 0.9rem;
        border-radius: 0;
        color: var(--ink);
        font-weight: 400;
    }

    .mt-menu-panel .mt-quiet:hover[b-v1xgut5czb] { background: var(--surface-2); }

    .mt-head-view .mt-menu-play[b-v1xgut5czb] { display: inline-flex; }

    /* the settings under the prompt: one line of small chips, each showing its value and opening its
       own picker. the name is the chip's tooltip and stays in its accessible name */
    /* the settings under the prompt span the typing box's width, each taking an equal share; the row still wraps,
       so the note a locked chip shows takes a line of its own under them */
    .mt-head-controls[b-v1xgut5czb] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.375rem;
        position: relative;
    }

    .mt-setting[b-v1xgut5czb] {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 0.375rem;
        min-height: 26px;
        max-width: none;
        padding: 0 0.5rem;
        border: 1px solid var(--rule);
        border-radius: 0.5rem;
        font-size: 0.8125rem;
        line-height: 1;
        color: var(--ink-dim);
    }

    .mt-setting[b-v1xgut5czb]  .mt-visibility { min-width: 0; }

    .mt-setting-pick:hover[b-v1xgut5czb],
    .mt-setting-audience:hover[b-v1xgut5czb] { background: var(--surface-2); color: var(--ink); }

    .mt-setting-lbl[b-v1xgut5czb],
    .mt-setting-locked[b-v1xgut5czb] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mt-setting-icon[b-v1xgut5czb] {
        display: inline-block;
        font-size: 0.8125rem;
        opacity: 0.75;
    }

    .mt-setting-value[b-v1xgut5czb] { margin-left: 0; color: inherit; }

    /* a chip opens a picker over it, so it ends in a small down chevron rather than the row's › */
    .mt-setting-pick .mt-setting-value[b-v1xgut5czb]::after,
    .mt-setting[b-v1xgut5czb]  .mt-setting-open::after {
        content: "";
        display: inline-block;
        width: 0.3em;
        height: 0.3em;
        margin: 0 0.1em 0.2em 0.5em;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg);
        opacity: 0.6;
    }

    .mt-setting-pick:focus-within[b-v1xgut5czb] { outline-offset: 1px; }

    /* the audience chip's button is the whole chip. a chip hides what overflows it, so the chip and the share
       control stay unpositioned and the panel is placed on the settings row, above it */
    .mt-setting-audience[b-v1xgut5czb] { padding: 0; position: static; }

    .mt-visibility[b-v1xgut5czb],
    .mt-setting[b-v1xgut5czb]  .mt-visibility {
        min-height: 24px;
        padding: 0 0.5rem;
        margin-left: 0;
        font-size: 0.8125rem;
        color: inherit;
        white-space: nowrap;
    }

    .mt-setting[b-v1xgut5czb]  .vis-popover { position: static; margin-left: 0; }

    .mt-setting[b-v1xgut5czb]  .mt-setting-open { position: static; width: auto; }

    /* the listening chip, like the audience chip: its menu sits on the settings row, above it, at the row's right end */
    .mt-setting-mode[b-v1xgut5czb] { padding: 0; position: static; }

    .mt-setting[b-v1xgut5czb]  .mlm-modes { margin-left: 0; }

    .mt-head-controls[b-v1xgut5czb]  .mlm-menu {
        top: auto;
        bottom: calc(100% + 6px);
        left: auto;
        right: 0;
        width: 19rem;
    }

    .mt-head-controls[b-v1xgut5czb]  .vis-panel {
        top: auto;
        bottom: calc(100% + 6px);
        left: 0;
        right: 0;
        width: auto;
    }

    .mt-visibility-why[b-v1xgut5czb] { flex-basis: 100%; order: 1; }

    .mt-head-view > .mt-quiet[b-v1xgut5czb] { min-height: 30px; }
}


.mt-read-only[b-v1xgut5czb] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.mt-awake-intent[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.85;
    line-height: 1.5;
}

/* --- while capturing ------------------------------------------------------------ */

/* the strip is the panel: level row, the deaf notice, the buttons. it sticks to the top of whatever
   scrolls the transcript, so Stop and the level stay in reach forty minutes in */
.mt-strip[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--max360-surface);
    padding-bottom: 0.75rem;
}

.mt-level-row[b-v1xgut5czb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 20px;
}

/* before anyone talks, and with no board, the row holds only an empty bar */
.mt-level-row-idle[b-v1xgut5czb] { display: none; }

.mt-level-row .mt-blank[b-v1xgut5czb] {
    flex: 0 0 auto;
}

.mt-level-row .mt-strip-toggle[b-v1xgut5czb] {
    flex: 0 0 auto;
    white-space: nowrap;
    align-self: center;
}

.mt-level[b-v1xgut5czb] {
    flex: 1 1 6rem;
    min-width: 4rem;
    height: 4px;
    border-radius: 2px;
    background: #b9c6c0;
    color: #1b2320; /* pinned with the background so the pair is self-contained; the bar carries no text */
    overflow: hidden;
}

.mt-level-fill[b-v1xgut5czb] {
    display: block;
    height: 100%;
    background: #6f8a7e;
    color: #1b2320; /* paired, as above; the fill carries no text either */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 80ms linear, background-color 120ms linear;
}

.mt-level-live .mt-level-fill[b-v1xgut5czb] {
    background: #2fbf7a;
    color: #06281a;
}

@media (prefers-reduced-motion: reduce) {
    .mt-level-fill[b-v1xgut5czb] { transition: none; }
}

/* smaller than the board on purpose: voice is the primary interface, the transcript is its record,
   and the board is what a person is meant to read */
.mt-thread[b-v1xgut5czb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.mt-line[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    position: relative;
    padding-right: 1.75rem;
}

.mt-remove[b-v1xgut5czb] {
    position: absolute;
    top: -0.2rem;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    opacity: 0.55;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.mt-remove:hover[b-v1xgut5czb],
.mt-remove:focus-visible[b-v1xgut5czb] {
    opacity: 1;
    background: rgba(127, 127, 127, 0.18);
}

/* a pointer shows the cross on hover; a finger has no hover, so it stays */
@media (hover: hover) {
    .mt-line .mt-remove[b-v1xgut5czb] { opacity: 0; }
    .mt-line:hover .mt-remove[b-v1xgut5czb],
    .mt-remove:focus-visible[b-v1xgut5czb] { opacity: 1; }
}

.mt-remove-ask[b-v1xgut5czb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    margin-top: 0.2rem;
}

.mt-remove-yes[b-v1xgut5czb],
.mt-remove-no[b-v1xgut5czb] {
    font: inherit;
    padding: 0.15rem 0.6rem;
    border-radius: 0.25rem;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.mt-remove-yes[b-v1xgut5czb] {
    color: #c62828;
}

.mt-remove-yes:disabled[b-v1xgut5czb],
.mt-remove-no:disabled[b-v1xgut5czb] {
    opacity: 0.45;
    cursor: default;
}

/* rewind sits left of the cross, and shows and hides with it */
.mt-line-rewindable[b-v1xgut5czb] {
    padding-right: 3.4rem;
}

.mt-rewind[b-v1xgut5czb] {
    position: absolute;
    top: -0.2rem;
    right: 1.65rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    opacity: 0.55;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.mt-rewind:hover[b-v1xgut5czb],
.mt-rewind:focus-visible[b-v1xgut5czb] {
    opacity: 1;
    background: rgba(127, 127, 127, 0.18);
}

@media (hover: hover) {
    .mt-line .mt-rewind[b-v1xgut5czb] { opacity: 0; }
    .mt-line:hover .mt-rewind[b-v1xgut5czb],
    .mt-rewind:focus-visible[b-v1xgut5czb] { opacity: 1; }
}


.mt-select-bar[b-v1xgut5czb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    margin: 0.35rem 0 0.6rem;
}

.mt-line-picking[b-v1xgut5czb] {
    padding-left: 1.6rem;
}

.mt-pick[b-v1xgut5czb] {
    position: absolute;
    left: 0;
    top: 0.1rem;
    margin: 0;
}

.mt-who[b-v1xgut5czb] {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}

.mt-at[b-v1xgut5czb] {
    margin-left: 0.35em;
    text-transform: none;
    letter-spacing: normal;
    font-variant-numeric: tabular-nums;
}

.mt-text[b-v1xgut5czb] {
    font-size: 0.875rem;
    line-height: 1.5;
}

.mt-line-unsent .mt-text[b-v1xgut5czb] {
    text-decoration: line-through;
    opacity: 0.65;
}

/* what the person said sits on the right in a soft bubble, so a scroll back tells the two voices apart */
.mt-line-you[b-v1xgut5czb] {
    align-self: flex-end;
    max-width: 80%;
    padding: 0.4rem 0.75rem 0.45rem;
    border-radius: 0.9rem 0.9rem 0.25rem 0.9rem;
    background: var(--surface-2);
}

.mt-line-you:has(> .mt-remove)[b-v1xgut5czb] { padding-right: 2rem; }
.mt-line-you.mt-line-rewindable:has(> .mt-remove)[b-v1xgut5czb] { padding-right: 3.65rem; }
.mt-line-you.mt-line-picking[b-v1xgut5czb] { padding-left: 2.1rem; }
.mt-line-you .mt-pick[b-v1xgut5czb] { left: 0.6rem; top: 0.55rem; }
.mt-line-you .mt-remove[b-v1xgut5czb] { top: 0.2rem; right: 0.3rem; }
.mt-line-you .mt-rewind[b-v1xgut5czb] { top: 0.2rem; right: 1.95rem; }

/* Max's formatting, kept to the transcript's size: a table or a long address stays inside the line and never
   widens the page; the table scrolls on its own */
.mt-rich[b-v1xgut5czb] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.mt-plain[b-v1xgut5czb] { display: none; }

/* what the person tapped on the board, which their next question is about */
.mt-pointed[b-v1xgut5czb] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    align-self: flex-start;
    max-width: 100%;
    margin: 0 0 0.4rem;
    padding: 0 0 0 0.7rem;
    border-radius: 999px;
    background: var(--surface-2);
    font-size: 0.8125rem;
    font-weight: 600;
}

.mt-pointed-text[b-v1xgut5czb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-pointed-clear[b-v1xgut5czb] {
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 36px;
    border: 0;
    background: none;
    color: inherit;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.mt-rich[b-v1xgut5czb]  :is(p, ul, ol, pre, blockquote, table, h1, h2, h3, h4, h5, h6) { margin: 0 0 0.4rem; }
.mt-rich[b-v1xgut5czb]  > :last-child { margin-bottom: 0; }
.mt-rich[b-v1xgut5czb]  :is(ul, ol) { padding-left: 1.25rem; }
.mt-rich[b-v1xgut5czb]  li + li { margin-top: 0.1rem; }
.mt-rich[b-v1xgut5czb]  :is(h1, h2, h3, h4, h5, h6) { font-size: 0.9375rem; font-weight: 600; line-height: 1.4; }
.mt-rich[b-v1xgut5czb]  a { overflow-wrap: anywhere; word-break: break-word; }
.mt-rich[b-v1xgut5czb]  code { font-size: 0.8125rem; overflow-wrap: anywhere; }
.mt-rich[b-v1xgut5czb]  pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.8125rem; }
.mt-rich[b-v1xgut5czb]  blockquote { border-left: 2px solid var(--rule); padding-left: 0.6rem; opacity: 0.85; }
.mt-rich[b-v1xgut5czb]  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}
.mt-rich[b-v1xgut5czb]  :is(th, td) {
    padding: 0.2rem 0.6rem 0.2rem 0;
    border-bottom: 1px solid var(--rule);
    text-align: left;
    vertical-align: top;
    overflow-wrap: normal;
}
.mt-rich[b-v1xgut5czb]  th { font-weight: 600; }

.mt-unsent-tag[b-v1xgut5czb] {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}

.mt-dots[b-v1xgut5czb] {
    font-size: 1.25rem;
    letter-spacing: 0.15em;
    opacity: 0.6;
}

/* State 6, as two rows: the heading with Try again beside it, then the last-heard sentence. The
   DOM order stays heading, sentence, button, which is the order a screen reader wants; only the
   picture is reordered. Colors are pinned in pairs, as .mt-wake-lost's are. */
.mt-deaf[b-v1xgut5czb] {
    border-left: 3px solid #d46a6a;
    border-radius: 0 0.5rem 0.5rem 0;
    background: #fdf0f0;
    color: #5c2320;
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
}

.mt-deaf-head[b-v1xgut5czb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #a3241f;
}

.mt-deaf-last[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.875rem;
    flex: 1 0 100%;
    order: 2;
}

.mt-retry[b-v1xgut5czb] {
    min-height: 44px;
    border-radius: 0.5rem;
    padding: 0.6rem 1rem;
    font-size: 1rem;
    border: 1px solid var(--bs-border-color, #ced4da);
    background: transparent;
}

.mt-retry[b-v1xgut5czb] {
    order: 1;
    margin-left: auto;
    min-height: 40px;
    padding: 0.4rem 0.8rem;
    border-color: #a3241f;
    color: #a3241f;
    font-weight: 600;
}

/* the level bar keeps moving while the words are being lost, so this has to be a sentence */
.mt-not-through[b-v1xgut5czb] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-left: 4px solid var(--max360-danger, #b3261e);
    background: var(--max360-danger-soft, #fdf0f0);
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--max360-danger-ink, #5c2320);
}

/* amber, a different color from the deaf state: Max can still hear you here */
.mt-wake-lost[b-v1xgut5czb] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-left: 4px solid #b08a3a;
    background: #fdf6e6;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #5c4711;
}


/* the shared Talk controls row: at a desk the typing box, then the microphone, speaker and Sound arrow, then the Max
   mark at the right end; on a phone the keyboard, the mark in the middle and the speaker, with the box above them */
.mt-controls[b-v1xgut5czb] {
    --sp-gap: 8px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "type sound pill";
    align-items: center;
    gap: 8px 10px;
}
.mt-controls.max360-dragging[b-v1xgut5czb] { outline: 2px dashed var(--max360-primary); outline-offset: 4px; border-radius: 8px; }
.mt-controls .mt-type[b-v1xgut5czb] { grid-area: type; }
.mt-controls .mt-spk[b-v1xgut5czb] { grid-area: sound; }
.mt-controls .mt-go[b-v1xgut5czb] { grid-area: pill; }
.mt-controls .mt-type-open[b-v1xgut5czb] { grid-area: key; }
.mt-controls .mt-attach[b-v1xgut5czb] { grid-area: type; }
@media (max-width: 700px) {
    .mt-controls[b-v1xgut5czb] {
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        grid-template-areas: "type type type type" "key clip pill sound";
        gap: 0 6px;
    }
    .mt-controls .mt-attach[b-v1xgut5czb] { grid-area: clip; }
    .mt-controls .mt-go[b-v1xgut5czb] { justify-content: center; }
}
.mt-phone-row[b-v1xgut5czb] { display: none; }
@media (max-width: 700px) {
    .mt-phone-row[b-v1xgut5czb] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    /* the row above the controls says it instead */
    .mt-setting-mode[b-v1xgut5czb] { display: none; }
}

.mt-leave-note[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ink-dim);
}
.mt-leave-phone[b-v1xgut5czb] { display: none; }
@media (max-width: 700px) {
    .mt-leave-note[b-v1xgut5czb] { text-align: center; }
    .mt-leave-phone[b-v1xgut5czb] { display: inline; }
}

/* a tap outside the Sound panel closes it */
.mt-sound-scrim[b-v1xgut5czb] {
    position: fixed;
    inset: 0;
    z-index: 1;
}

/* a phone's strip can be a sheet that clips what rises above it, so there the panel is fixed just above the bottom bar */
@media (max-width: 700px) {
    .mt-controls[b-v1xgut5czb]  .sp {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(58px + 8px + env(safe-area-inset-bottom, 0px));
        width: auto;
        max-height: 60vh;
    }
}

/* the Max mark; which microphone it listens on is chosen in the Sound panel beside the speaker */
.mt-go[b-v1xgut5czb] {
    display: flex;
    min-width: 0;
    align-items: center;
}

/* drawn filled in the ink color while muted; named with .mt-controls so the row's own button rule does not stretch it */
.mt-controls .mt-mute[b-v1xgut5czb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: var(--surface-2);
    color: var(--ink);
    font-size: 1.15rem;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.mt-controls .mt-mute.is-muted[b-v1xgut5czb] {
    background: var(--ink);
    color: var(--bg);
}

.mt-controls .mt-mute:focus-visible[b-v1xgut5czb] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* each disabled control here has a sentence beside it saying why, so it is not dimmed further */
.mt-controls .mt-spk button:disabled[b-v1xgut5czb] {
    opacity: 0.55;
    cursor: default;
}

.mt-type[b-v1xgut5czb] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
}

.mt-type-box[b-v1xgut5czb] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 2.5rem;
    max-height: 8rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    color: inherit;
    font: inherit;
    line-height: 1.4;
    resize: vertical;
    field-sizing: content;
}

/* at a desk the typing box is Today's: an open box with a hairline that turns accent with a soft ring on focus,
   the text area inside it with no border of its own, 15px, and the arrow inside at the bottom right. a phone
   keeps 16px, under which Safari zooms into the field */
@media (min-width: 701px) {
    .mt-type[b-v1xgut5czb] {
        padding: 10px 8px 8px 14px;
        border: 1px solid var(--rule);
        border-radius: 0.5rem;
        background: transparent;
        transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
    }

    .mt-type:focus-within[b-v1xgut5czb] {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
    }

    /* two lines to start, growing with what is typed */
    .mt-type-box[b-v1xgut5czb] {
        min-height: calc(3em + 12px);
        max-height: 320px;
        padding: 6px 0;
        border: 0;
        border-radius: 0;
        outline: none;
        background: transparent;
        font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
        font-style: italic;
        font-size: 15px;
        line-height: 1.5;
        color: var(--ink);
    }

    .mt-type-box[b-v1xgut5czb]::placeholder { color: var(--ink-dim); }

}

/* Send is Today's arrow: clear and dim with nothing to send, filled once there is; drawn small, with a 44px hit area */
.mt-type-send[b-v1xgut5czb] {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 0.3rem;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.mt-type-send[b-v1xgut5czb]::after {
    content: "";
    position: absolute;
    inset: -5px;
}

.mt-type-send .max360-send-word[b-v1xgut5czb] { display: none; }

.mt-type-send .max360-send-arrow[b-v1xgut5czb] {
    display: inline;
    font-size: 16px;
    -webkit-text-stroke: 0.6px currentColor;
}

.mt-type-send:disabled[b-v1xgut5czb] {
    background: transparent;
    color: var(--ink-dim);
    opacity: 1;
}

@media (min-width: 701px) {
    .mt-type-send[b-v1xgut5czb] {
        width: 28px;
        height: 28px;
    }

    .mt-type-send .max360-send-arrow[b-v1xgut5czb] { font-size: 14px; }
}

/* the speaker, and where this browser names more than one place for sound, an arrow beside it that
   opens the list; the two share one soft fill, with a hairline between them */
.mt-spk[b-v1xgut5czb] {
    display: inline-flex;
    flex: 0 0 auto;
    margin-left: auto;
    align-items: stretch;
    border-radius: 0.5rem;
    background: var(--surface-2);
}

.mt-spk-split .mt-aloud[b-v1xgut5czb] { border-radius: 0.5rem 0 0 0.5rem; }

/* the arrow that opens the Sound panel; named with .mt-controls so the row's own button rule does not stretch it */
.mt-controls .mt-spk-out[b-v1xgut5czb] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--rule);
    border-radius: 0 0.5rem 0.5rem 0;
    background: none;
    color: var(--ink);
    cursor: pointer;
}

.mt-spk-out:focus-visible[b-v1xgut5czb] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* the speaker: drawn as a speaker, Max answers out loud; drawn muted, he answers in writing. named
   with .mt-controls so the row's own button rule does not stretch it */
.mt-controls .mt-aloud[b-v1xgut5czb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: none;
    color: var(--ink);
    cursor: pointer;
}

.mt-controls .mt-aloud:focus-visible[b-v1xgut5czb] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* a phone keeps :hover on the last thing tapped, which left a gray box behind the speaker */
@media (hover: hover) {
    .mt-controls .mt-aloud:hover[b-v1xgut5czb],
    .mt-spk-out:hover[b-v1xgut5czb] { background: color-mix(in srgb, var(--ink) 8%, transparent); }
}

.mt-controls .mt-aloud-off[b-v1xgut5czb] { color: var(--ink-dim); }

.mt-aloud-icon[b-v1xgut5czb] { font-size: 1.35rem; line-height: 1; }

/* the paperclip takes its look from the icon button kind; here only where it sits: inside the typing box at a desk,
   and on a phone beside the keyboard button, outside the form so a phone's folded box does not clip it */
.mt-controls .mt-attach[b-v1xgut5czb] {
    align-self: end;
    justify-self: start;
    z-index: 1;
    margin: 0 0 9px 9px;
}

@media (min-width: 701px) {
    .mt-type[b-v1xgut5czb] { padding-left: 42px; }
}

@media (max-width: 700px) {
    .mt-controls .mt-attach[b-v1xgut5czb] {
        align-self: center;
        margin: 0;
        min-width: 44px;
    }
}

/* the keyboard button that opens the typing box; a desk always shows the box, so only a phone has it */
.mt-type-open[b-v1xgut5czb] { display: none; }

@media (max-width: 700px) {
    .mt-type-open[b-v1xgut5czb] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 44px;
        min-height: 44px;
        border-radius: 0.5rem;
        background: var(--surface-2);
        color: var(--ink);
        font-size: 1.25rem;
        cursor: pointer;
    }

    /* folded but still focusable: the keyboard button's tap focuses it, and focus unfolds it */
    .mt-type.mt-type-folded:not(:focus-within)[b-v1xgut5czb] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
}


.mt-type-problem[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.mt-blank-note[b-v1xgut5czb],
.mt-quiet-note[b-v1xgut5czb],
.mt-unspoken[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.mt-blank-note[b-v1xgut5czb] { opacity: 0.75; }

.mt-mic[b-v1xgut5czb],
.mt-stopped[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.mt-unavailable .mt-off[b-v1xgut5czb] {
    font-size: 1rem;
    line-height: 1.55;
}

.mt-open-chat[b-v1xgut5czb] {
    align-self: flex-start;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

/* --- the blanked screen ----------------------------------------------------------
   Colors are the walkthrough's corrected values, NOT the probe's. Measured against pure
   black, the probe's clock (#17513A) is 2.27:1 against a 3:1 bar for 30px text and its hint
   (#0E3325) is 1.52:1 against 4.5:1 for 11px -- not dim, invisible. No test cell can observe
   a color, so these were checked in a browser and the numbers are in the walkthrough. */

.mt-blackout[b-v1xgut5czb] {
    position: fixed;
    inset: 0;
    background: #000000;
    color: #5e7d70; /* the default for anything on this screen without its own color */
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 2rem;
    text-align: center;
}

.mt-bo-clock[b-v1xgut5czb] {
    margin: 0;
    font-size: 30px;
    font-variant-numeric: tabular-nums;
    color: #49a87f; /* 7.19:1 */
}

.mt-bo-heard[b-v1xgut5czb] {
    margin: 0;
    font-size: 1rem;
}

.mt-bo-heard-yes[b-v1xgut5czb] { color: #2fbf7a; } /* 8.85:1, unchanged from the probe */
.mt-bo-heard-no[b-v1xgut5czb] { color: #5e7d70; }  /* 4.64:1 */

.mt-bo-visibility[b-v1xgut5czb] {
    margin: 0;
    font-size: 0.9375rem;
    color: #b08a3a; /* 6.54:1 */
}

/* On the black screen too, because somebody who has blanked it is exactly the person listening
   rather than reading, and reaching this by bringing the page back first means hearing the rest of
   a sentence they wanted stopped. Contrast matched to .mt-bo-visibility, which is the nearest
   thing on this screen a person is meant to read rather than glance at. */
.mt-bo-quiet[b-v1xgut5czb] {
    min-height: 44px;
    border-radius: 0.5rem;
    padding: 0.6rem 1rem;
    font-size: 0.9375rem;
    background: transparent;
    border: 1px solid #5e7d70;
    color: #b08a3a; /* 6.54:1 */
}

.mt-bo-hint[b-v1xgut5czb] {
    margin: 0;
    font-size: 11px;
    color: #5e7d70; /* 4.64:1 -- the dimmest thing that still passes, deliberately */
}

/* The dot, restored from the probe's own blackout screen (.bo-dot / .lit). It is the measured
   instrument's design; its words are carried as the accessible name rather than as a fourth
   visible element, because the contrast values above were composed for three. */
.mt-bo-dot[b-v1xgut5czb] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #23372f;
    color: #23372f; /* paired: the dot carries no text, its words are its accessible name */
    display: block;
}

.mt-bo-dot-lit[b-v1xgut5czb] {
    /* 8.85:1, unchanged from the probe */
    background: #2fbf7a;
    color: #2fbf7a;
}

/* every quiet Max Live action looks the same: text only, the accent color, semibold, one size. the
   tap area is made with padding, so the text stays small while the target does not. Start talking
   and its Stop, the reading bar, the keyboard button, Send and the Talk switch keep their own look */
.mt-quiet[b-v1xgut5czb],
[b-v1xgut5czb] .mtp-play {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0 0.25rem;
    margin: 0 -0.25rem;
    border: 0;
    border-radius: 4px;
    background: none;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--accent);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.mt-quiet:hover[b-v1xgut5czb],
[b-v1xgut5czb] .mtp-play:hover { text-decoration: none; color: var(--accent); }

.mt-quiet:focus-visible[b-v1xgut5czb],
[b-v1xgut5czb] .mtp-play:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.mt-quiet:disabled[b-v1xgut5czb] {
    color: var(--ink-dim);
    cursor: default;
}

@media (min-width: 701px) {
    .mt-quiet[b-v1xgut5czb],
    [b-v1xgut5czb] .mtp-play {
        min-height: 32px;
        min-width: 0;
        font-size: 0.875rem;
    }
}

/* 700px is MaxTalkShellMode.NarrowMaxWidthPx, where the menus become the bottom bar; MaxTalkPageTests pins it */
@media (max-width: 700px) {
    /* the bar is inside Stop while listening; Blank screen shares this row with the board's Transcript button */
    .mt-level-row[b-v1xgut5czb] { flex-wrap: wrap; row-gap: 0.25rem; }
}

/* the row holding Hide shows only on an open phone sheet, below */
.mt-thread-head[b-v1xgut5czb] { display: none; }

/* Select, on the title bar: lit while lines are being picked */
.mt-select-on[b-v1xgut5czb] {
    color: var(--bg);
    background: var(--accent);
}

/* the read-back row in the strip: Play as a quiet action, and while it reads one wide bar that is
   all Stop. the player is a child component, so its classes are reached through ::deep */
[b-v1xgut5czb] .mtp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
    margin: 0;
}

[b-v1xgut5czb] .mtp-stop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid var(--rule);
    border-radius: 8px;
    overflow: hidden;
    background: var(--surface-2);
    color: var(--ink);
    font-size: 0.9375rem;
    text-align: left;
    cursor: pointer;
}

[b-v1xgut5czb] .mtp-stop .mtp-progress {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-v1xgut5czb] .mtp-stop-word {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--accent);
}

[b-v1xgut5czb] .mtp-track {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--rule);
}

[b-v1xgut5czb] .mtp-fill {
    display: block;
    height: 100%;
    background: var(--accent);
}

[b-v1xgut5czb] .mtp-stopped,
[b-v1xgut5czb] .mtp-failure {
    flex-basis: 100%;
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ink-dim);
}

/* what Max is doing: the status word, and the tools called so far */
.mt-thinking[b-v1xgut5czb] {
    color: var(--ink-dim);
    font-style: italic;
}

/* the line is a column, so the sentence and its clock share one row of their own */
.mt-thinking-row[b-v1xgut5czb] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    flex-wrap: wrap;
}

/* his words so far with the working row under them; one column, so a folded strip keeps it beside "Max" */
.mt-said-working[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.mt-thinking-clock[b-v1xgut5czb] {
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--ink-dim);
}

.mt-steps[b-v1xgut5czb] {
    margin: 0.15rem 0 0;
    padding: 0 0 0 1rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ink-dim);
}

.mt-line-speaking .mt-text[b-v1xgut5czb] {
    font-weight: 600;
}

.mt-line-speaking .mt-who[b-v1xgut5czb] {
    opacity: 1;
}

/* --- the board beside the shell ------------------------------------------------- */

.mt-page[b-v1xgut5czb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.mt-shell-body[b-v1xgut5czb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

/* the rail that reopens the column lives outside the head, because the head goes away with it */
.mt-show-transcript[b-v1xgut5czb] {
    display: none;
    align-self: start;
    position: sticky;
    top: 0;
    margin: 1.25rem 0;
    padding: 0.75rem 0.25rem;
    border: 1px solid var(--rule);
    background: transparent;
    color: var(--ink-dim);
    font-size: 0.75rem;
    writing-mode: vertical-rl;
    cursor: pointer;
}

.mt-show-transcript:hover[b-v1xgut5czb],
.mt-show-transcript:focus-visible[b-v1xgut5czb] { color: var(--ink); }

.mt-strip-toggle[b-v1xgut5czb] {
    display: none;
    background: none;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 0.5rem;
    padding: 0.5rem 0.9rem;
    min-height: 44px;
    font-size: 0.95rem;
    color: inherit;
    align-self: flex-start;
}

/* 701px is the same breakpoint as the 700px rule above, seen from the other side. */
@media (min-width: 701px) {
    /* a desk has a pointer; the 44 px targets are for a thumb */
    .mt-retry[b-v1xgut5czb],
    .mt-strip-toggle[b-v1xgut5czb],
    .mt-open-chat[b-v1xgut5czb],
    .mt-bo-quiet[b-v1xgut5czb] {
        min-height: 32px;
        padding: 0.3rem 0.7rem;
        font-size: 0.875rem;
    }

    .mt-controls .mt-aloud[b-v1xgut5czb] { min-width: 32px; min-height: 32px; }
    .mt-controls .mt-spk-out[b-v1xgut5czb] { width: 1.75rem; min-height: 32px; padding: 0; }
    .mt-controls .mt-mute[b-v1xgut5czb] { min-width: 32px; min-height: 32px; padding: 0; font-size: 1rem; }

    /* the Max mark's ring grows about 15px past the mark while listening; this room keeps it inside the
       column, or the column would scroll sideways in time with the voice */
    .mt-controls[b-v1xgut5czb] { padding-right: 1rem; }

    /* the page is one grid: a bar across the top, the column with the prompt and the settings chips
       at its foot, and the board beside it. the shell, the head and its panel step aside so their
       parts can be placed in it */
    .mt-page > .mt-shell[b-v1xgut5czb],
    .mt-head[b-v1xgut5czb],
    .mt-head-panel[b-v1xgut5czb] { display: contents; }

    .mt-page[b-v1xgut5czb] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title meta menu"
            "rename rename rename"
            "note note note"
            "body body body"
            "settings settings settings"
            "carry carry carry"
            "list list list";
        align-content: start;
        max-width: 34rem;
        margin: 0 auto;
    }

    /* an open conversation is as tall as the window, less the main area's 1.5rem top and bottom, so
       only the transcript scrolls. app.css makes the main area a flex column while it holds one, so a
       banner above the page shrinks it rather than pushing the prompt below the window */
    .mt-page:not(.mt-page-start)[b-v1xgut5czb] {
        grid-template-rows: auto auto auto minmax(0, 1fr) auto;
        align-content: stretch;
        flex: 0 1 auto;
        min-height: 0;
        height: calc(100dvh - 3rem);
    }

    .mt-head-top[b-v1xgut5czb] { grid-area: title; align-items: center; min-width: 0; }
    .mt-head-meta[b-v1xgut5czb] { grid-area: meta; }
    .mt-head-menu[b-v1xgut5czb] { grid-area: menu; }
    .mt-rename-error[b-v1xgut5czb] { grid-area: rename; }
    .mt-head-note[b-v1xgut5czb] { grid-area: note; margin: 0 0 0.75rem; }
    .mt-shell-body[b-v1xgut5czb] { grid-area: body; }
    .mt-head-controls[b-v1xgut5czb] { grid-area: settings; }
    .mt-conversations[b-v1xgut5czb] { grid-area: list; }
    .mt-board-preview[b-v1xgut5czb] { grid-area: board; }
    .mt-show-transcript[b-v1xgut5czb] { grid-area: rail; }

    /* the bar across the top: one rule under the title, the turn count and the menu */
    .mt-head-top[b-v1xgut5czb],
    .mt-head-meta[b-v1xgut5czb],
    .mt-head-menu[b-v1xgut5czb] {
        margin-bottom: 1rem;
        padding-bottom: 0.6rem;
        border-bottom: 1px solid var(--rule);
    }

    .mt-head-meta[b-v1xgut5czb] {
        display: flex;
        align-items: center;
        padding-left: 1rem;
        white-space: nowrap;
    }

    .mt-head-menu[b-v1xgut5czb] { padding-left: 1rem; }

    .mt-head-controls[b-v1xgut5czb] {
        padding: 0.4rem 0 0.75rem;
        border-top: 1px solid var(--rule);
    }

    /* the send-for-review dialog and the what-you-sent panel open from the audience row, so while one
       is open the settings go above the board beside them */
    .mt-head-controls:has(.rsd)[b-v1xgut5czb],
    .mt-head-controls:has(.ras)[b-v1xgut5czb] { position: relative; z-index: 1061; }

    /* an open conversation's column: notices on top, then the transcript, the only part that scrolls,
       then what answers the prompt, then the prompt. the column scrolls only if those outgrow it */
    .mt-page:not(.mt-page-start) .mt-shell-body[b-v1xgut5czb] {
        min-height: 0;
        overflow-y: auto;
        padding-bottom: 0.75rem;
        scrollbar-width: thin;
    }

    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-thread-head[b-v1xgut5czb],
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-select-bar[b-v1xgut5czb] { order: 1; }

    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-thread[b-v1xgut5czb] {
        order: 2;
        flex: 1 1 0;
        min-height: 6rem;
        overflow-y: auto;
        padding-top: 0.25rem;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }

    /* the bar shows only while the pointer is over the transcript; its width is kept either way, so
       the lines do not shift when it appears */
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-thread:hover[b-v1xgut5czb],
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-thread:focus-within[b-v1xgut5czb] {
        scrollbar-color: var(--rule) transparent;
    }

    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-council[b-v1xgut5czb],
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-mic[b-v1xgut5czb],
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-stopped[b-v1xgut5czb],
    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-send-cards[b-v1xgut5czb] { order: 3; }

    .mt-page:not(.mt-page-start) .mt-shell-body > .mt-council-strip[b-v1xgut5czb] { order: 4; }

    .mt-page:not(.mt-page-start) .mt-strip[b-v1xgut5czb] {
        order: 5;
        margin-top: auto;
        top: auto;
        bottom: 0;
        padding-bottom: 0;
    }

    /* Play is in the menu; the strip keeps the reading bar and what it says once a reading stops */
    .mt-readback[b-v1xgut5czb]  .mtp-play { display: none; }
    .mt-readback:not(:has(.mtp-stop, .mtp-stopped, .mtp-failure))[b-v1xgut5czb] { display: none; }

    /* with the board: the column against the nav, and the board takes the rest */
    .mt-page.mt-page-board[b-v1xgut5czb] {
        grid-template-columns: 27rem minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title title meta menu"
            "rename rename rename rename"
            "note note note note"
            "body board board board"
            "settings board board board";
        max-width: none;
        margin: 0;
        padding-right: 1rem;
    }

    /* the column away: a rail the width of its own label, and the board takes the rest of the page */
    .mt-page.mt-page-board.mt-page-no-transcript[b-v1xgut5czb] {
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title title meta menu"
            "rename rename rename rename"
            "note note note note"
            "rail board board board"
            "rail board board board";
    }

    .mt-page.mt-page-no-transcript .mt-shell-body[b-v1xgut5czb],
    .mt-page.mt-page-no-transcript .mt-head-controls[b-v1xgut5czb] { display: none; }

    .mt-page.mt-page-no-transcript .mt-show-transcript[b-v1xgut5czb] {
        display: block;
        position: static;
        margin: 0 0.75rem 0 0;
    }

    /* before a conversation opens, the list takes the column the transcript will have, and scrolls on
       its own, with the prompt and the settings at its foot as they are in a conversation; an empty
       board beside them says what will appear there */
    .mt-page.mt-page-start[b-v1xgut5czb] {
        grid-template-columns: 27rem minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title title meta menu"
            "rename rename rename rename"
            "note note note note"
            "carry board board board"
            "list board board board"
            "body board board board"
            "settings board board board";
        grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
        flex: 0 1 auto;
        min-height: 0;
        height: calc(100dvh - 3rem);
        max-width: none;
        margin: 0;
    }

    .mt-page.mt-page-start .mt-conversations[b-v1xgut5czb] {
        min-height: 0;
        margin-bottom: 0.75rem;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .mt-page.mt-page-start .mt-board-preview[b-v1xgut5czb] {
        display: block;
        align-self: start;
        margin: 0 0 0 1.5rem;
    }

    /* Hide menus takes the nav rail and the main area's padding away, so the page carries its own.
       after the rules above, which set the page's padding too */
    .mt-page.mt-page-bare[b-v1xgut5czb] { padding: 1rem; height: 100dvh; }

    /* Infinite off, few enough items to fit: the items share the board's height and shrink. a
       definite height is what lets them share it; a cap alone left each on its own min-height */
    .mt-page.mt-page-board.mt-page-fit[b-v1xgut5czb]  .mtb-body {
        overflow: auto;
    }

    /* a floor, not a size: at five items each share is well over this, so it binds only if the
       board is ever shorter than about 25rem. The top padding moves onto the title row below. */
    .mt-page.mt-page-board.mt-page-fit[b-v1xgut5czb]  .mtb-item:not(.mtb-item-min) {
        flex: 1 1 0;
        min-height: 4rem;
        overflow: auto;
        padding-top: 0;
    }

    /* each card scrolls inside itself here, so its title row sticks; the margins and padding make it
       reach the card's edges, or the card's own padding showed photos scrolling past above it */
    .mt-page.mt-page-board.mt-page-fit[b-v1xgut5czb]  .mtb-item:not(.mtb-item-min) > .mtb-item-head {
        position: sticky;
        top: 0;
        z-index: 2;
        margin: 0 -0.9rem 0.4rem;
        padding: 0.75rem 0.9rem 0.4rem;
        background: var(--max360-surface);
    }

    /* nothing is on the page yet to measure */
    .mt-page:not(:has(.mt-mute)) .mt-level-row[b-v1xgut5czb] {
        display: none;
    }
}

/* a desk too narrow for both columns has the one: the list, then the prompt and the settings */
@media (min-width: 701px) and (max-width: 1199px) {
    .mt-page.mt-page-start[b-v1xgut5czb] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas:
            "title meta menu"
            "rename rename rename"
            "note note note"
            "carry carry carry"
            "list list list"
            "body body body"
            "settings settings settings";
        max-width: 34rem;
        margin: 0 auto;
    }

    /* stacked, the empty board would push the list down for nothing */
    .mt-page.mt-page-start .mt-board-preview[b-v1xgut5czb] { display: none; }

    /* the wider column only where the board still has room beside it */
    .mt-page.mt-page-board[b-v1xgut5czb] { grid-template-columns: 24rem minmax(0, 1fr) auto auto; }
}

/* the empty board on a desk's landing page: a picture of where things appear, not a real board */
.mt-board-preview[b-v1xgut5czb] {
    display: none;
    min-height: 16rem;
    margin: 1.25rem 0;
    border: 1px solid var(--max360-border);
    border-radius: 0.75rem;
    background: var(--max360-surface);
}

.mt-board-preview-title[b-v1xgut5czb] {
    margin: 0;
    padding: 0.6rem 0.9rem;
    border-bottom: 1px solid var(--max360-border);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
}

.mt-board-preview-text[b-v1xgut5czb] {
    margin: 0;
    padding: 1.5rem 0.9rem;
    text-align: center;
    color: var(--max360-text-muted);
}

/* the page title's height on a phone, measured by the page's script; the board's bar sits under it */
.mt-page[b-v1xgut5czb] {
    --mt-head-h: 0px;
    --mt-sheet-h: 50dvh;
}

/* the board's bar stays in reach on whatever scrolls the board. a chart's canvas layers sit at
   z-index 1 to 5, and the bar and its menu go over them */
.mt-page.mt-page-board[b-v1xgut5czb]  .mtb-head {
    position: sticky;
    top: 0;
    z-index: 6;
}

.mt-page.mt-page-board[b-v1xgut5czb]  .mtb-body {
    overflow: visible;
}

/* a desk: the board fills its place beside the column and is its own scroller under its bar. after
   the shared board rules above, which give the body the page's overflow */
@media (min-width: 701px) {
    .mt-page.mt-page-board[b-v1xgut5czb] >  .mtb {
        grid-area: board;
        align-self: start;
        min-height: 0;
        max-height: 100%;
        margin: 0 0 0 1.5rem;
        overflow: hidden;
    }

    .mt-page.mt-page-board.mt-page-no-transcript[b-v1xgut5czb] >  .mtb { margin-left: 0; }

    /* stretched, the board has the definite height its items need to share */
    .mt-page.mt-page-board.mt-page-fit[b-v1xgut5czb] >  .mtb {
        align-self: stretch;
        max-height: none;
    }

    .mt-page.mt-page-board[b-v1xgut5czb]  .mtb-body {
        overflow: auto;
    }
}

/* On a phone the board has the screen: the header stays at the top, the board fills the middle,
   and everything else in the shell is a strip pinned to the bottom that a button opens. */
@media (max-width: 700px) {
    /* the transcript is already a strip the board sits above, with its own button; hiding the column
       is a desk idea, and the rail would take a tenth of a phone's width to say so */
    .mt-hide-transcript[b-v1xgut5czb],
    .mt-show-transcript[b-v1xgut5czb] {
        display: none;
    }

    /* removing lines under the reader would move what is being read; it comes back on Stop */
    .mt-page.mt-reading .mt-select[b-v1xgut5czb] {
        display: none;
    }

    .mt-page.mt-page-board[b-v1xgut5czb] {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    .mt-page.mt-page-board .mt-shell[b-v1xgut5czb] {
        display: contents;
    }

    .mt-page.mt-page-board .mt-head[b-v1xgut5czb] {
        order: 0;
        padding: 0.75rem 1rem 0.25rem;
    }

    .mt-page.mt-page-board[b-v1xgut5czb] >  .mtb {
        order: 1;
        flex: 1 1 auto;
        margin: 0.5rem 1rem 1rem;
        overflow: visible;
    }

    .mt-page.mt-page-board .mt-shell-body[b-v1xgut5czb] {
        order: 2;
        position: sticky;
        bottom: 0;
        background: var(--max360-surface);
        border-top: 1px solid var(--max360-border);
        padding: 0.75rem 1rem 1rem;
    }

    /* the board's bar stays under the page title, whose height the page measures into --mt-head-h */
    .mt-page.mt-page-board[b-v1xgut5czb]  .mtb-head {
        top: var(--mt-head-h);
    }

    /* the transcript is a sheet over the bottom of the board. one grab handle heads it folded and
       open; the controls are its last row in both states, so Start talking never moves */
    .mt-page.mt-sheet .mt-sheet-handle[b-v1xgut5czb] {
        display: flex;
        order: -1;
        align-self: stretch;
        justify-content: center;
        align-items: center;
        min-height: 44px;
        margin: -0.75rem -1rem -0.5rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        cursor: pointer;
        touch-action: none;
    }

    .mt-page.mt-sheet .mt-sheet-handle[b-v1xgut5czb]::before {
        content: "";
        width: 36px;
        height: 4px;
        border-radius: 2px;
        background: var(--rule);
    }

    /* the strip's children join the sheet, so the lines can sit between the top rows and the controls */
    .mt-page.mt-sheet .mt-strip[b-v1xgut5czb] {
        display: contents;
    }

    /* with only the empty bar on it, the level row has nothing to say */
    .mt-page.mt-sheet .mt-level-row.mt-level-row-quiet[b-v1xgut5czb] {
        display: none;
    }

    .mt-page.mt-sheet .mt-shell-body > *[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > *[b-v1xgut5czb] { order: 1; }
    .mt-page.mt-sheet .mt-strip > .mt-level-row[b-v1xgut5czb] { order: 0; }
    /* the handle heads the sheet in every state; the catch-all above would otherwise put it after the level row */
    .mt-page.mt-sheet .mt-shell-body > .mt-sheet-handle[b-v1xgut5czb] { order: -1; }
    .mt-page.mt-sheet .mt-shell-body > .mt-thread-head[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-shell-body > .mt-select-bar[b-v1xgut5czb] { order: 2; }
    .mt-page.mt-sheet .mt-strip > .mt-readback[b-v1xgut5czb] { order: 3; }
    .mt-page.mt-sheet .mt-shell-body > .mt-thread[b-v1xgut5czb] { order: 4; }
    .mt-page.mt-sheet .mt-strip > .mt-awake-intent[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-blank-note[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-quiet-note[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-unspoken[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-shell-body > .mt-mic[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-shell-body > .mt-stopped[b-v1xgut5czb] { order: 5; }
    .mt-page.mt-sheet .mt-strip > .mt-type-problem[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-pointed[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-type[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-controls[b-v1xgut5czb] { order: 6; }
    .mt-page.mt-sheet .mt-strip > .mt-leave-note[b-v1xgut5czb],
    .mt-page.mt-sheet .mt-strip > .mt-phone-row[b-v1xgut5czb] { order: 5; }
    /* above the controls, by the thumb. the card keeps its full height, so where it goes and its buttons are
       never cut off; the lines give way, and only the message text scrolls, inside the card */
    .mt-page.mt-sheet .mt-shell-body > .mt-send-cards[b-v1xgut5czb] { order: 5; flex: 0 0 auto; }
    /* the email being talked about heads the sheet under its handle. folded, or while a send card waits, it is
       just who and what, one line each, so it never pushes the controls or the card down; open, it is capped */
    .mt-page.mt-sheet .mt-shell-body > .mt-email-card[b-v1xgut5czb] { order: 0; flex: 0 0 auto; }
    .mt-page.mt-sheet .mt-email-card[b-v1xgut5czb]  .mlec { padding: 0.35rem 0.75rem; }
    .mt-page.mt-sheet .mt-email-card[b-v1xgut5czb]  :is(.mlec-from, .mlec-subject) {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mt-page.mt-sheet.mt-strip-folded .mt-email-card[b-v1xgut5czb]  :is(.mlec-when, .mlec-excerpt, .mlec-files, .mlec-hint),
    .mt-page.mt-sheet .mt-shell-body:has(> .mt-send-cards .mlsc-card) > .mt-email-card[b-v1xgut5czb]  :is(.mlec-when, .mlec-excerpt, .mlec-files, .mlec-hint) {
        display: none;
    }
    /* open, it gives way before the controls do, scrolling inside; while a send card waits it steps aside */
    .mt-page.mt-sheet.mt-strip-open .mt-shell-body > .mt-email-card[b-v1xgut5czb] { flex: 0 1 auto; min-height: 4.5rem; max-height: 12rem; overflow-y: auto; }
    .mt-page.mt-sheet.mt-strip-open .mt-shell-body:has(> .mt-send-cards .mlsc-card) > .mt-email-card[b-v1xgut5czb] { display: none; }
    .mt-page.mt-sheet .mt-shell-body:has(> .mt-send-cards .mlsc-card) > .mt-thread[b-v1xgut5czb] { flex: 1 1 0; min-height: 0; }
    .mt-page.mt-sheet .mt-send-cards[b-v1xgut5czb]  .mlsc { margin: 0; }
    .mt-page.mt-sheet .mt-send-cards[b-v1xgut5czb]  .mlsc-card { padding: 0.5rem 0.75rem; }
    .mt-page.mt-sheet .mt-send-cards[b-v1xgut5czb]  .mlsc-what { margin: 0 0 0.25rem; }
    .mt-page.mt-sheet .mt-send-cards[b-v1xgut5czb]  .mlsc-body-text { max-height: 6rem; }
    .mt-page.mt-sheet .mt-send-cards[b-v1xgut5czb]  .mlsc-actions { margin-top: 0.5rem; }

    /* folded: one line, and the line tap opens the sheet */
    .mt-page.mt-sheet.mt-strip-folded .mt-thread[b-v1xgut5czb] {
        cursor: pointer;
    }

    /* folded, the one line is the way to open the sheet; its rewind and remove wait for the open sheet */
    .mt-page.mt-sheet.mt-strip-folded .mt-audience-unknown[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded .mt-thread-head[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded .mt-thread .mt-rewind[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded .mt-thread .mt-remove[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded .mt-thread > li:not(:last-child)[b-v1xgut5czb] {
        display: none;
    }

    /* while a reading plays, the one line shown folded is the line being read */
    .mt-page.mt-sheet.mt-strip-folded.mt-reading .mt-thread > li:not(.mt-line-speaking)[b-v1xgut5czb] {
        display: none;
    }

    .mt-page.mt-sheet.mt-strip-folded.mt-reading .mt-thread > li.mt-line-speaking[b-v1xgut5czb] {
        display: flex;
    }

    /* the one line: two lines of text, then cut. capping the whole sheet once let a deaf notice
       push the buttons off the bottom of the screen */
    .mt-page.mt-sheet.mt-strip-folded .mt-thread > li:last-child[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded.mt-reading .mt-thread > li.mt-line-speaking[b-v1xgut5czb] {
        flex-direction: row;
        align-items: baseline;
        gap: 0.4rem;
    }

    /* folded, the one line is a caption, not a conversation, so your line drops its bubble there */
    .mt-page.mt-sheet.mt-strip-folded .mt-thread > .mt-line-you[b-v1xgut5czb] {
        align-self: stretch;
        max-width: none;
        padding: 0 1.75rem 0 0;
        border-radius: 0;
        background: none;
    }

    .mt-page.mt-sheet.mt-strip-folded .mt-thread > li:last-child .mt-text:not(.mt-rich)[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded.mt-reading .mt-thread > li.mt-line-speaking .mt-text:not(.mt-rich)[b-v1xgut5czb] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* the one line is plain words: a list or a table cut to two lines would show its first cell */
    .mt-page.mt-sheet.mt-strip-folded .mt-thread > li:last-child .mt-rich[b-v1xgut5czb],
    .mt-page.mt-sheet.mt-strip-folded.mt-reading .mt-thread > li.mt-line-speaking .mt-rich[b-v1xgut5czb] {
        display: none;
    }

    .mt-page.mt-sheet.mt-strip-folded.mt-deaf-on .mt-thread > li:last-child[b-v1xgut5czb] {
        display: none;
    }

    /* open: the sheet is capped and only the lines scroll, between the Transcript row and the controls.
       half the screen leaves the board in view; dragging the handle sets --mt-sheet-h */
    .mt-page.mt-sheet.mt-strip-open .mt-shell-body[b-v1xgut5czb] {
        max-height: var(--mt-sheet-h);
        overflow: hidden;
    }

    .mt-page.mt-sheet.mt-strip-open .mt-shell-body > *[b-v1xgut5czb] {
        flex: 0 0 auto;
    }

    /* while a card waits the open sheet is at least this tall, so the card and the controls both fit */
    .mt-page.mt-sheet.mt-strip-open .mt-shell-body:has(> .mt-send-cards .mlsc-card)[b-v1xgut5czb] { max-height: max(var(--mt-sheet-h), 75dvh); }

    .mt-page.mt-sheet.mt-strip-open .mt-thread-head .mt-sheet-hide[b-v1xgut5czb] { display: inline-flex; }

    .mt-page.mt-sheet.mt-strip-open .mt-shell-body > .mt-thread[b-v1xgut5czb] {
        flex: 1 1 auto;
        min-height: 4rem;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    /* the sheet sits over the board, so every row it adds is board the person cannot see */
    .mt-page.mt-sheet .mt-shell-body[b-v1xgut5czb] { gap: 0.5rem; padding-bottom: 0.75rem; }

    /* Play shares the handle's row, at its right end, rather than taking a row of its own. a reading
       bar or a stopped line still takes the full width under the handle */
    .mt-page.mt-sheet .mt-strip > .mt-readback:not(:has(.mtp-stop, .mtp-stopped, .mtp-failure))[b-v1xgut5czb] {
        position: absolute;
        top: 0;
        right: 1rem;
    }

    .mt-page.mt-sheet .mt-readback[b-v1xgut5czb]  .mtp-play {
        min-height: 44px;
        font-size: 0.8125rem;
    }

    /* open, Hide sits at the right end of the handle's row, and the row lets taps beside it reach the
       handle; Play moves in to the left of Hide as just "Play" */
    .mt-page.mt-sheet.mt-strip-open .mt-shell-body > .mt-thread-head[b-v1xgut5czb] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        left: 1rem;
        right: 1rem;
        min-height: 44px;
        pointer-events: none;
    }

    .mt-page.mt-sheet.mt-strip-open .mt-thread-head > *[b-v1xgut5czb] { pointer-events: auto; }

    .mt-page.mt-sheet.mt-strip-open .mt-strip > .mt-readback:not(:has(.mtp-stop, .mtp-stopped, .mtp-failure))[b-v1xgut5czb] { right: 4rem; }
    .mt-page.mt-sheet.mt-strip-open .mt-readback[b-v1xgut5czb]  .mtp-play-rest { display: none; }

    /* folded, the one line needs who said it, not when */
    .mt-page.mt-sheet.mt-strip-folded .mt-thread .mt-at[b-v1xgut5czb] { display: none; }
}

/* the list of earlier conversations on the empty page. on a phone with the board on, the shell's
   children join the page, and the list takes the middle of the screen above the pinned strip */
@media (max-width: 700px) {
    .mt-page.mt-page-board .mt-conversations[b-v1xgut5czb] {
        order: 1;
        flex: 1 1 auto;
        margin: 0.5rem 1rem 1rem;
    }
}

/* under 356px Play beside the grab handle would cover it, so it takes its own row again */
@media (max-width: 355px) {
    .mt-page.mt-sheet .mt-strip > .mt-readback:not(:has(.mtp-stop, .mtp-stopped, .mtp-failure))[b-v1xgut5czb] { position: static; }
}


/* no board on a phone: the list or the transcript takes the screen and the strip is pinned to the
   bottom, where a thumb reaches Start and Stop. the body's children join the column so the strip
   can be ordered after whatever sits outside it */
@media (max-width: 700px) {
    .mt-page:not(.mt-page-board) .mt-shell[b-v1xgut5czb] {
        padding-bottom: 0;
    }

    .mt-page:not(.mt-page-board) .mt-shell-body[b-v1xgut5czb] {
        display: contents;
    }

    .mt-page:not(.mt-page-board) .mt-shell-body > *[b-v1xgut5czb],
    .mt-page:not(.mt-page-board) .mt-conversations[b-v1xgut5czb] {
        order: 1;
    }

    /* a refused microphone or "Stopped after" answers the button just pressed, so it sits right above it */
    .mt-page:not(.mt-page-board) .mt-shell-body > .mt-mic[b-v1xgut5czb],
    .mt-page:not(.mt-page-board) .mt-shell-body > .mt-stopped[b-v1xgut5czb] {
        order: 2;
    }

    .mt-page:not(.mt-page-board) .mt-strip[b-v1xgut5czb] {
        order: 3;
        margin-top: auto;
        top: auto;
        bottom: 0;
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 0.75rem 1rem;
        box-shadow: 0 -10px 16px -14px rgba(0, 0, 0, 0.35);
    }
}

/* the slot for what Max is waiting on takes no room and no gap while nothing is waiting */
.mt-send-cards:not(:has(.mlsc-card, .mlsc-outcome))[b-v1xgut5czb],
.mt-page.mt-sheet .mt-shell-body > .mt-send-cards:not(:has(.mlsc-card, .mlsc-outcome))[b-v1xgut5czb] { display: none; }

/* at a desk with the transcript away, the card floats over the board, where the person is looking */
.mt-send-cards-desk[b-v1xgut5czb] { display: none; }
@media (min-width: 701px) {
    .mt-page.mt-page-board.mt-page-no-transcript .mt-send-cards-desk:has(.mlsc-card, .mlsc-outcome)[b-v1xgut5czb] {
        display: block; position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1040;
        width: min(26rem, calc(100vw - 2.5rem)); max-height: 70vh; overflow-y: auto;
    }
}

/* the owner's pencil sits beside the page title at every width, and the field takes the title's place while renaming */
.mt-title-row[b-v1xgut5czb] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-width: 0;
}

.mt-rename[b-v1xgut5czb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
}

.mt-rename-input[b-v1xgut5czb] {
    flex: 1 1 14rem;
    min-width: 0;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--rule);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--ink);
    font-family: inherit;
}

.mt-rename-actions[b-v1xgut5czb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.mt-rename-error[b-v1xgut5czb] {
    color: var(--max360-danger);
    margin: 0.25rem 0;
}

/* the council heard in this conversation: its lines and the strip above the input */
.mt-line-council .mt-text[b-v1xgut5czb] { border-left: 2px solid var(--rule); padding-left: 8px; display: block; }
.mt-council-strip[b-v1xgut5czb] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 6px 14px; font-size: 12px; font-weight: 600; }
.mt-council-seats[b-v1xgut5czb] { font-weight: 400; min-width: 0; overflow-wrap: anywhere; }
.mt-council-strip a[b-v1xgut5czb] { margin-left: auto; }
@media (max-width: 700px) { .mt-council-seats[b-v1xgut5czb] { display: none; } }
.mt-dropped summary[b-v1xgut5czb] { cursor: pointer; list-style: none; }
.mt-council[b-v1xgut5czb] { margin: 12px 0; min-width: 0; }
/* with no council question its margins alone open a gap at every width */
.mt-council:empty[b-v1xgut5czb] { display: none; }

.mt-council-working[b-v1xgut5czb] { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; }
.mt-council-pulse[b-v1xgut5czb] { width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation: mt-council-pulse-b-v1xgut5czb 1.2s ease-in-out infinite; }
@keyframes mt-council-pulse-b-v1xgut5czb { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mt-council-pulse[b-v1xgut5czb] { animation: none; } }

/* a line set aside as not meant for Max: grayed, not struck through, since it was never refused */
.mt-line-notformax .mt-text[b-v1xgut5czb] {
    opacity: 0.6;
}
/* /Components/Pages/Me/WaitingForYes.razor.rz.scp.css */
.wfy[b-cfgof4sw3d] { max-width: 46rem; margin: 0 auto; padding: 1rem 1rem 2rem; min-width: 0; }
.wfy-head h1[b-cfgof4sw3d] { margin: 0 0 0.35rem; font-size: 1.5rem; }
.wfy-lede[b-cfgof4sw3d] { margin: 0 0 1rem; color: var(--max360-text-muted); }
.wfy-section[b-cfgof4sw3d] { margin-top: 1.25rem; }
.wfy-section h2[b-cfgof4sw3d] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.6rem; font-size: 1.1rem; }
.wfy-count[b-cfgof4sw3d] { font-size: 0.85rem; font-weight: 600; padding: 0.05rem 0.5rem; border-radius: 999px;
             background: var(--max360-info-soft); color: var(--max360-info-ink); }
.wfy-empty[b-cfgof4sw3d] { margin: 0; color: var(--max360-text-muted); }
.wfy-card[b-cfgof4sw3d] { min-width: 0; margin: 0 0 0.75rem; padding: 0.8rem 0.9rem; border-radius: 10px;
            border: 1px solid var(--max360-border); background: var(--max360-surface); color: var(--max360-text); }
.wfy-what[b-cfgof4sw3d] { margin: 0 0 0.2rem; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.wfy-from[b-cfgof4sw3d] { margin: 0 0 0.5rem; font-size: 0.85rem; color: var(--max360-text-muted); }
.wfy-fields[b-cfgof4sw3d] { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.2rem 0.75rem; font-size: 0.9rem; }
.wfy-fields dt[b-cfgof4sw3d] { font-weight: 600; color: var(--max360-text-muted); }
.wfy-fields dd[b-cfgof4sw3d] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.wfy bdi[b-cfgof4sw3d] { unicode-bidi: isolate; }
.wfy-destination[b-cfgof4sw3d] { font-weight: 600; }
.wfy-unusual[b-cfgof4sw3d] { display: block; font-size: 0.8rem; font-weight: 600; color: var(--max360-danger, var(--max360-text)); }
.wfy-body[b-cfgof4sw3d] { margin-top: 0.4rem; font-size: 0.9rem; min-width: 0; }
.wfy-body-label[b-cfgof4sw3d] { margin: 0; font-weight: 600; color: var(--max360-text-muted); }
.wfy-body-text[b-cfgof4sw3d] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.wfy-expires[b-cfgof4sw3d] { margin: 0.5rem 0 0; font-size: 0.8rem; color: var(--max360-text-muted); }
.wfy-actions[b-cfgof4sw3d] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.6rem; }
.wfy-sending[b-cfgof4sw3d], .wfy-say-yes[b-cfgof4sw3d] { margin: 0; font-size: 0.9rem; color: var(--max360-text-muted); }
.wfy-say-yes[b-cfgof4sw3d] { flex: 1 1 100%; overflow-wrap: anywhere; }
.wfy-outcome[b-cfgof4sw3d] { margin: 0 0 0.75rem; padding: 0.5rem 0.8rem; border-radius: 10px; font-size: 0.9rem; overflow-wrap: anywhere;
               background: var(--max360-info-soft); color: var(--max360-info-ink); }
.wfy-outcome-not-done[b-cfgof4sw3d] { background: var(--max360-surface); border: 1px solid var(--max360-border); color: var(--max360-text); }

@media (max-width: 700px) {
    .wfy[b-cfgof4sw3d] { padding: 0.75rem 0.75rem 1.5rem; }
    .wfy-fields[b-cfgof4sw3d] { grid-template-columns: minmax(0, 1fr); }
    .wfy-fields dd[b-cfgof4sw3d] { margin-bottom: 0.3rem; }
    .wfy-button[b-cfgof4sw3d] { flex: 1 1 0; }
}
/* /Components/Pages/Meetings/MaxMeetings.razor.rz.scp.css */
.mm-page[b-apuilqmrr1] { max-width: 1280px; }
.mm-header[b-apuilqmrr1] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
/* the description wraps beside the controls rather than pushing them onto their own row */
.mm-header > div:first-child[b-apuilqmrr1] { flex: 1 1 18rem; min-width: 0; }

.mm-columns[b-apuilqmrr1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 1.5rem; align-items: start; }
.mm-column[b-apuilqmrr1] { min-width: 0; }

/* each column owns one hue, from pairs every theme defines: cool for what is ahead, neutral for what is done;
   warning colors would make a routine recap read as an alarm */
.mm-column--prep[b-apuilqmrr1]  { --mm-hue: var(--max360-info-ink);    --mm-hue-soft: var(--max360-info-soft); }
.mm-column--recap[b-apuilqmrr1] { --mm-hue: var(--max360-text);        --mm-hue-soft: var(--surface-2); }

.mm-column-head[b-apuilqmrr1] { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; flex-wrap: wrap;
                  padding: 0.55rem 0.6rem 0.55rem 0.85rem; margin-bottom: 0.25rem; border-radius: 10px;
                  background: var(--mm-hue-soft); }
.mm-column-head h2[b-apuilqmrr1] { display: flex; align-items: center; gap: 0.5rem; font-size: 1.05rem; font-weight: 600; margin: 0; color: var(--mm-hue); }
.mm-column-head h2 .bi[b-apuilqmrr1] { font-size: 1.2rem; }

.mm-day[b-apuilqmrr1] { font-size: 0.82rem; font-weight: 600; color: var(--mm-hue); margin: 1.1rem 0 0.4rem 0.1rem; }

.mm-tile[b-apuilqmrr1] { border: 1px solid var(--max360-border); border-radius: 10px; min-width: 0;
           background: var(--max360-surface); color: var(--max360-text); padding: 0.75rem 0.9rem; margin-bottom: 0.6rem; }

/* the time rail: each tile's start time, then a line through the day with a dot in the column's hue.
   The tile's bottom margin sits inside its grid row, so the line runs unbroken from tile to tile. */
.mm-rail[b-apuilqmrr1] { display: grid; grid-template-columns: 2.9rem 14px minmax(0, 1fr); column-gap: 0.45rem; }
.mm-rail-time[b-apuilqmrr1] { padding-top: 0.8rem; text-align: right; font-size: 0.76rem; font-weight: 600;
                color: var(--max360-text-muted); font-variant-numeric: tabular-nums; }
.mm-rail-line[b-apuilqmrr1] { position: relative; }
.mm-rail-line[b-apuilqmrr1]::before { content: ""; position: absolute; left: 6px; top: 0; bottom: 0; width: 2px; background: var(--max360-border); }
.mm-rail-line[b-apuilqmrr1]::after { content: ""; position: absolute; left: 2px; top: 0.95rem; width: 10px; height: 10px; border-radius: 50%;
                       background: var(--mm-hue); box-shadow: 0 0 0 3px var(--max360-bg); }
.mm-rail--line .mm-rail-time[b-apuilqmrr1] { padding-top: 0.55rem; }
.mm-rail--line .mm-rail-line[b-apuilqmrr1]::after { top: 0.7rem; }
.mm-rail.is-now .mm-rail-line[b-apuilqmrr1]::after { animation: mm-now-pulse-b-apuilqmrr1 2.4s ease-out infinite; }
.mm-rail--now[b-apuilqmrr1] { margin: -0.15rem 0 0.45rem; }
.mm-rail--now .mm-rail-time[b-apuilqmrr1] { padding-top: 0; color: var(--mm-hue); }
.mm-rail--now .mm-rail-line[b-apuilqmrr1]::after { top: 0.2rem; }
.mm-now-label[b-apuilqmrr1] { font-size: 0.76rem; font-weight: 700; color: var(--mm-hue); }
@keyframes mm-now-pulse-b-apuilqmrr1 {
    0%   { box-shadow: 0 0 0 3px var(--max360-bg), 0 0 0 3px color-mix(in srgb, var(--mm-hue) 55%, transparent); }
    70%  { box-shadow: 0 0 0 3px var(--max360-bg), 0 0 0 11px color-mix(in srgb, var(--mm-hue) 0%, transparent); }
    100% { box-shadow: 0 0 0 3px var(--max360-bg), 0 0 0 3px color-mix(in srgb, var(--mm-hue) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) { .mm-rail.is-now .mm-rail-line[b-apuilqmrr1]::after { animation: none; } }

/* a finished meeting's prep, folded to one line: its intel tile beside it is the one to read */
.mm-tile--line[b-apuilqmrr1] { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.6rem; row-gap: 0.1rem;
                 padding: 0.3rem 0.4rem 0.3rem 0.9rem; font-size: 0.9rem; }
.mm-tile--line:not(:has(.mm-line-play))[b-apuilqmrr1] { padding-block: 0.5rem; }
.mm-tile--line .mm-tick[b-apuilqmrr1] { flex: none; }
.mm-line-text[b-apuilqmrr1] { flex: 1 1 12rem; min-width: 0; }
.mm-line-time[b-apuilqmrr1] { margin-left: 0.45rem; font-size: 0.8rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mm-tile--line .mm-line-read[b-apuilqmrr1] { flex: none; }
.mm-line-play[b-apuilqmrr1] { flex: none; }
.mm-line-state[b-apuilqmrr1] { flex: none; font-size: 0.8rem; color: var(--max360-text-muted); }

.mm-bullets[b-apuilqmrr1] { margin: 0.45rem 0 0; padding-left: 1.1rem; font-size: 0.9rem; line-height: 1.5; color: var(--max360-text); }
.mm-bullets li + li[b-apuilqmrr1] { margin-top: 0.2rem; }

/* a finished meeting: why it was held, what happened, what comes next (MeetingGistView) */
.mm-gist[b-apuilqmrr1] { --gist-accent: var(--mm-hue); margin: 0.45rem 0 0; font-size: 0.9rem; line-height: 1.5; color: var(--max360-text); }
.mm-gist .mm-full-section[b-apuilqmrr1] { margin-top: 0.5rem; }
.mm-tile-top[b-apuilqmrr1] { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; }
.mm-tile-heading[b-apuilqmrr1] { min-width: 0; }
.mm-tile-controls[b-apuilqmrr1] { display: flex; align-items: center; gap: 0.35rem; flex: none; }
.mm-rehearse[b-apuilqmrr1] { flex: none; }
.mm-tile-title[b-apuilqmrr1] { font-weight: 600; color: var(--max360-link); text-decoration: none; overflow-wrap: anywhere; }
.mm-tile-title:hover[b-apuilqmrr1] { text-decoration: underline; }
.mm-tile-meta[b-apuilqmrr1] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.4rem; margin-top: 0.1rem;
                font-size: 0.8rem; color: var(--max360-text-muted); font-variant-numeric: tabular-nums; }

.mm-when[b-apuilqmrr1] { font-weight: 600; color: var(--mm-hue); }
.mm-when.is-now[b-apuilqmrr1] { padding: 0 0.5rem; border-radius: 999px; background: var(--mm-hue); color: var(--max360-surface); }

.mm-snippet[b-apuilqmrr1] { margin: 0.45rem 0 0; font-size: 0.9rem; line-height: 1.5; color: var(--max360-text);
              display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mm-full-text[b-apuilqmrr1] { margin: 0.45rem 0 0; font-size: 0.9rem; line-height: 1.55; color: var(--max360-text); }
.mm-full[b-apuilqmrr1] { margin: 0.45rem 0 0; padding-left: 1.1rem; font-size: 0.9rem; line-height: 1.55; color: var(--max360-text); }
.mm-full li + li[b-apuilqmrr1] { margin-top: 0.3rem; }
div.mm-full[b-apuilqmrr1] { padding-left: 0; }
.mm-full-section + .mm-full-section[b-apuilqmrr1] { margin-top: 0.5rem; }
.mm-full-section ul[b-apuilqmrr1] { margin: 0.15rem 0 0; padding-left: 1.1rem; }
.mm-recap-heading[b-apuilqmrr1] { font-weight: 600; }
.mm-muted[b-apuilqmrr1] { margin: 0.45rem 0 0; font-size: 0.88rem; color: var(--max360-text-muted); }
.mm-hint[b-apuilqmrr1] { margin-top: 0.15rem; font-size: 0.8rem; }
.mm-empty[b-apuilqmrr1] { color: var(--max360-text-muted); margin: 1rem 0; }
.mm-about[b-apuilqmrr1] { margin: 0.45rem 0 0; font-size: 0.82rem; color: var(--max360-text-muted); }
.mm-about strong[b-apuilqmrr1] { color: var(--max360-text); }

.mm-not-it[b-apuilqmrr1] { margin-top: 0.4rem; }

.mm-terms[b-apuilqmrr1] { margin-top: 0.35rem; font-size: 0.78rem; color: var(--max360-text-muted); }
.mm-terms summary[b-apuilqmrr1] { cursor: pointer; }

/* a call with Max among the meetings: a dashed edge, so it is never read as a meeting */
.mm-tile--call[b-apuilqmrr1] { border-style: dashed; }

/* moving between days, or a period of up to 31 */
.mm-header-controls[b-apuilqmrr1] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; flex: 0 1 auto; justify-content: flex-end; }
.mm-daynav[b-apuilqmrr1] { display: inline-flex; align-items: center; gap: 0.15rem; border: 1px solid var(--max360-border);
             border-radius: 10px; padding: 0.1rem 0.2rem; background: var(--max360-surface); }
.mm-daynav-day[b-apuilqmrr1] { position: relative; margin: 0; padding: 0.2rem 0.6rem; min-width: 7.5rem; text-align: center;
                 font-weight: 600; font-size: 0.9rem; color: var(--max360-text); cursor: pointer; white-space: nowrap;
                 font-variant-numeric: tabular-nums; }
.mm-daynav-day:focus-within[b-apuilqmrr1] { outline: 2px solid var(--max360-link); outline-offset: 1px; border-radius: 6px; }
/* the native picker sits over the label, so a tap or click opens it on every browser, a phone's own included */
.mm-daynav-picker[b-apuilqmrr1] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
.mm-columns--single[b-apuilqmrr1] { grid-template-columns: minmax(0, 760px); }
.mm-daynav-step[b-apuilqmrr1] { flex: none; }

/* ticking picks meetings for Play these, Summarize these and Ask Max */
.mm-tick[b-apuilqmrr1] { width: 1rem; height: 1rem; margin: 0 0.45rem 0 0; vertical-align: -2px; accent-color: var(--max360-link); cursor: pointer; }
.mm-tile.is-ticked[b-apuilqmrr1] { box-shadow: 0 0 0 2px var(--max360-link); }
.mm-ask-scope[b-apuilqmrr1] { padding: 0.6rem 0.85rem 0.7rem; border-bottom: 1px solid var(--max360-border); flex: none; }
.mm-ask-label[b-apuilqmrr1] { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--max360-text-muted); margin-bottom: 0.35rem; }
.mm-ask-seg[b-apuilqmrr1] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.mm-ask-which[b-apuilqmrr1] { font-size: 0.8rem; color: var(--max360-text-muted); margin-top: 0.4rem; overflow-wrap: anywhere; }
/* shows while anything is ticked, at the foot of the page as it scrolls */
.mm-tickbar[b-apuilqmrr1] { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 0.75rem;
              max-width: 1280px; margin-top: 1rem; padding: 0.6rem 0.9rem; border: 1px solid var(--max360-link); border-radius: 10px;
              background: var(--max360-surface); color: var(--max360-text); box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);
              margin-right: 5.5rem; /* clear of the Max button in the corner */ }
.mm-tickbar-count[b-apuilqmrr1] { font-weight: 600; flex: 1 1 auto; }
.mm-tickbar-actions[b-apuilqmrr1] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }

.mm-people[b-apuilqmrr1]::before { content: "\00B7\00A0"; }

@media (max-width: 700px) {
    /* no time rail: each tile already says its times, and the rail cost a sixth of the width */
    .mm-rail[b-apuilqmrr1] { display: block; }
    .mm-rail > .mm-rail-time[b-apuilqmrr1], .mm-rail > .mm-rail-line[b-apuilqmrr1] { display: none; }
    .mm-rail--now[b-apuilqmrr1] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; }
    .mm-rail--now > .mm-rail-time[b-apuilqmrr1] { display: block; padding: 0; }
    .mm-rail--now > .mm-rail-line[b-apuilqmrr1] { display: block; flex: 1 1 auto; height: 2px; background: var(--mm-hue); }
    .mm-rail--now > .mm-rail-line[b-apuilqmrr1]::before, .mm-rail--now > .mm-rail-line[b-apuilqmrr1]::after { content: none; }

    .mm-tile[b-apuilqmrr1] { padding: 0.65rem 0.75rem; }
    .mm-people[b-apuilqmrr1] { flex-basis: 100%; }
    .mm-people[b-apuilqmrr1]::before { content: none; }

    /* two rows: the title with Ask Max and the calendar, then the day picker; the sentence
       under the title repeats the column headings */
    .mm-header[b-apuilqmrr1] { align-items: center; gap: 0.4rem 0.25rem; margin-bottom: 0.75rem; }
    .mm-header h1[b-apuilqmrr1] { font-size: 1.35rem; margin: 0; }
    .mm-header > div:first-child[b-apuilqmrr1] { flex: 1 1 auto; }
    .mm-header > div:first-child > p[b-apuilqmrr1] { display: none; }
    .mm-header-controls[b-apuilqmrr1] { display: contents; }
    .mm-ctl[b-apuilqmrr1] { order: 1; flex: none; }
    .mm-daynav[b-apuilqmrr1] { order: 2; flex: 1 1 auto; min-width: 0; justify-content: space-between; }
    .mm-today[b-apuilqmrr1] { order: 3; flex: none; }
    .mm-daynav-day[b-apuilqmrr1] { min-width: 0; padding: 0.2rem 0.4rem; overflow: hidden; text-overflow: ellipsis; }

    .mm-column-head[b-apuilqmrr1] { padding: 0.35rem 0.5rem 0.35rem 0.7rem; }
    .mm-column-head h2[b-apuilqmrr1] { font-size: 0.98rem; }
    .mm-day[b-apuilqmrr1] { margin-top: 0.75rem; }

    /* the tick bar steps aside while the Talk panel is open, rather than covering its input */
    .mm-shell:has(.tt-bar:not([hidden])) .mm-tickbar[b-apuilqmrr1] { display: none; }
    /* above the bar along the bottom, full width */
    .mm-tickbar[b-apuilqmrr1] { position: fixed; left: 0; right: 0; z-index: 1031; margin: 0; border-radius: 0; border-width: 1px 0 0;
                  bottom: calc(58px + env(safe-area-inset-bottom, 0px)); padding: 0.55rem 5rem 0.55rem 1rem; /* clear of the Max button */ }
    .mm-tickbar-count[b-apuilqmrr1] { flex-basis: 100%; font-size: 0.85rem; }
    /* so the last tile can scroll clear of the fixed bar */
    .mm-page.has-tickbar[b-apuilqmrr1] { padding-bottom: 7rem; }
}
/* /Components/Pages/Meetings/MeetingSubjectBox.razor.rz.scp.css */
.mm-subject[b-gwhrbwip5v] { margin-top: 0.6rem; border: 1.5px solid var(--max360-link); border-radius: 8px;
              background: var(--max360-info-soft); color: var(--max360-info-ink); padding: 0.6rem 0.7rem; }
.mm-subject-title[b-gwhrbwip5v] { font-weight: 600; font-size: 0.88rem; }
.mm-subject-body[b-gwhrbwip5v] { font-size: 0.82rem; margin: 0.1rem 0 0.5rem; }
.mm-subject-row[b-gwhrbwip5v] { display: flex; gap: 0.4rem; flex-wrap: wrap; align-items: center; }
.mm-subject-input[b-gwhrbwip5v] { flex: 1 1 14rem; min-width: 0; }
.mm-subject-error[b-gwhrbwip5v] { margin-top: 0.35rem; font-size: 0.8rem; color: var(--max360-danger-ink); }
.mm-subject-shared[b-gwhrbwip5v] { margin-top: 0.35rem; font-size: 0.76rem; color: var(--max360-text-muted); }
/* /Components/Pages/Meetings/ReadMoreToggle.razor.rz.scp.css */
.mm-read-more[b-3yr11w4d5c] { display: inline-block; margin: 0.3rem 1rem 0 0; background: none; border: 0; padding: 0; font: inherit;
                font-size: 0.8rem; font-weight: 600; color: var(--max360-link); cursor: pointer; }
.mm-read-more:hover[b-3yr11w4d5c] { text-decoration: underline; }
.mm-read-more:focus-visible[b-3yr11w4d5c] { outline: 2px solid var(--max360-link); outline-offset: 2px; border-radius: 2px; }
/* /Components/Pages/MissionControl.razor.rz.scp.css */
.mc-page[b-c8nlzckwc5] { max-width: 960px; }
.mc-lead[b-c8nlzckwc5] { color: var(--max360-text-muted); }
.mc-tabs[b-c8nlzckwc5] { display: flex; gap: .25rem; flex-wrap: wrap; margin: 1rem 0; }
.mc-empty[b-c8nlzckwc5] { color: var(--max360-text-muted); }
.mc-card[b-c8nlzckwc5] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .75rem 1rem; margin-bottom: .75rem; }
.mc-card-head[b-c8nlzckwc5] { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.mc-when[b-c8nlzckwc5], .mc-action-small[b-c8nlzckwc5], .mc-day-small[b-c8nlzckwc5] { color: var(--max360-text-muted); font-size: .875rem; }
.mc-sentence[b-c8nlzckwc5] { margin: .5rem 0; }
.mc-note[b-c8nlzckwc5] { margin: .25rem 0 .5rem; }
.mc-marks[b-c8nlzckwc5] { display: flex; gap: .5rem; flex-wrap: wrap; }
.mc-days[b-c8nlzckwc5] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .5rem; margin-bottom: 1rem; }
.mc-day[b-c8nlzckwc5] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .5rem .75rem; }
.mc-day-total[b-c8nlzckwc5] { font-size: 1.5rem; font-weight: 600; }
.mc-actions[b-c8nlzckwc5] { list-style: none; padding: 0; margin: 0; }
.mc-action[b-c8nlzckwc5] { border-bottom: 1px solid var(--max360-border); padding: .5rem 0; overflow-wrap: anywhere; }
.mc-outcome[b-c8nlzckwc5] { font-size: .8rem; border-radius: 4px; padding: 0 .35rem; background: var(--max360-surface); color: var(--max360-text); }
.mc-outcome-refused[b-c8nlzckwc5], .mc-outcome-failed[b-c8nlzckwc5] { background: var(--max360-danger-soft); color: var(--max360-danger-ink); }
.mc-outcome-held-for-a-yes[b-c8nlzckwc5] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mc-status[b-c8nlzckwc5] { margin-top: 1rem; }
.mc-subhead[b-c8nlzckwc5] { margin-top: 1.5rem; font-size: 1.1rem; }
.mc-switch .max360-action[b-c8nlzckwc5] { margin-top: .35rem; }
.mc-off[b-c8nlzckwc5] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); }
.mc-stale[b-c8nlzckwc5] { background: var(--max360-warning-soft); color: var(--max360-warning-ink); border-radius: 6px; padding: .5rem .75rem; }

@media (max-width: 700px) {
    .mc-days[b-c8nlzckwc5] { grid-template-columns: repeat(2, 1fr); }
    .mc-card[b-c8nlzckwc5] { padding: .6rem .75rem; }
}
/* /Components/Pages/MyDataSources.razor.rz.scp.css */
.mds-page[b-6d9vn67oi7] { max-width: 52rem; }

.mds-banner[b-6d9vn67oi7] { margin-bottom: 1rem; }

.mds-group-title[b-6d9vn67oi7] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--max360-text-muted);
    margin: 0 0 0.5rem;
}

/* drawers: summary carries the title and one line of state */
.mds-drawer > summary[b-6d9vn67oi7] { min-height: 44px; }
.mds-drawer-head[b-6d9vn67oi7] { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; flex: 1 1 auto; }
.mds-drawer-title[b-6d9vn67oi7] { font-size: 1rem; }
.mds-drawer-why[b-6d9vn67oi7] {
    font-weight: 400;
    font-size: 0.8125rem;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}
.mds-state[b-6d9vn67oi7] { flex: 0 0 auto; white-space: nowrap; }

.mds-lead[b-6d9vn67oi7] { margin: 0 0 1rem; max-width: 65ch; }

.mds-sub[b-6d9vn67oi7] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--max360-border);
}

.mds-sub-inner[b-6d9vn67oi7] { margin-top: 1.25rem; }

.mds-sub-title[b-6d9vn67oi7] { font-size: 1rem; font-weight: 600; margin: 0 0 0.375rem; }

.mds-status[b-6d9vn67oi7] { font-weight: 600; margin: 0 0 0.375rem; }
.mds-ok[b-6d9vn67oi7] { color: var(--max360-success-ink); }
.mds-warn[b-6d9vn67oi7] { color: var(--max360-warning-ink); }
.mds-small[b-6d9vn67oi7] { font-size: 0.875rem; margin: 0.25rem 0 0.5rem; }
.mds-note[b-6d9vn67oi7] { display: block; font-size: 0.8125rem; color: var(--max360-text-muted); margin: 0.25rem 0 0; max-width: 65ch; }
.mds-label[b-6d9vn67oi7] { display: block; font-size: 0.875rem; margin-bottom: 0.25rem; }
.mds-wrap[b-6d9vn67oi7] { overflow-wrap: anywhere; }
.mds-gap-above[b-6d9vn67oi7] { margin-top: 0.75rem; }
.mds-gap-below[b-6d9vn67oi7] { margin-bottom: 0.75rem; }
.mds-check[b-6d9vn67oi7] { margin: 0.375rem 0; }
.mds-textarea[b-6d9vn67oi7] { width: 100%; box-sizing: border-box; min-height: 5rem; resize: vertical; }
.mds-form-actions[b-6d9vn67oi7] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: 0.75rem; }
.mds-inline-panel[b-6d9vn67oi7] { margin-top: 0.5rem; display: grid; gap: 0.5rem; max-width: 28rem; }
.mds-select[b-6d9vn67oi7] { max-width: 28rem; }
.mds-select-inline[b-6d9vn67oi7] { display: inline-block; width: auto; margin-left: 0.375rem; }

.mds-notice[b-6d9vn67oi7] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.75rem; }

/* technical detail most people never need, one tap away */
.mds-tech[b-6d9vn67oi7] { margin-top: 1.25rem; }
.mds-tech > summary[b-6d9vn67oi7] {
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
    min-height: 44px;
    display: flex;
    align-items: center;
}
.mds-tech > summary:hover[b-6d9vn67oi7] { color: var(--max360-primary); }
.mds-scopes[b-6d9vn67oi7] { overflow-wrap: anywhere; font-size: 0.8125rem; }

/* destructive actions sit last in their drawer, below a rule */
.mds-danger-zone[b-6d9vn67oi7] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--max360-border);
}

/* child sections that draw their own card sit flat inside a drawer */
.mds-flatten[b-6d9vn67oi7]  > .max360-card {
    border: 0;
    padding: 0;
    margin: 0 !important;
    box-shadow: none;
    background: transparent;
    max-width: none !important;
}
.mds-flatten[b-6d9vn67oi7]  > .max360-card > h3:first-child {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.375rem;
}
.mds-flatten[b-6d9vn67oi7]  > .max360-card + .max360-card {
    border-top: 1px solid var(--max360-border);
    padding-top: 1.25rem;
    margin-top: 1.25rem !important;
}


@media (max-width: 520px) {
    .mds-drawer > summary[b-6d9vn67oi7] { padding: 0.875rem 1rem; }
    .mds-drawer .max360-disclosure-body[b-6d9vn67oi7] { padding: 1rem; }
}
/* /Components/Pages/MyPageUsage.razor.rz.scp.css */
.my-usage-window[b-wfdt8gon74] { margin-bottom: 1rem; }
.my-usage-pages[b-wfdt8gon74] { margin: 1.5rem 0 .25rem; font-size: 1.15rem; }
/* /Components/Pages/OutsideWalkthrough.razor.rz.scp.css */
/* the cover before the code: the walkthrough's own dark ground, one column, nothing sized to the full screen height */
.owt[b-n4gusr1lth] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: #080A0B;
    color: #E9ECF2;
    color-scheme: dark;
}

.owt-card[b-n4gusr1lth] {
    width: 100%;
    max-width: 28rem;
}

.owt-wm[b-n4gusr1lth] {
    font-family: 'Spectral', Georgia, serif;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    margin-bottom: 2rem;
    color: #9BA7B2;
}

.owt-wm-dot[b-n4gusr1lth] { color: #F2B53C; }

.owt-title[b-n4gusr1lth] {
    font-family: 'Spectral', Georgia, serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 1rem;
}

.owt-lead[b-n4gusr1lth] {
    font-size: 1.05rem;
    line-height: 1.55;
    color: #E9ECF2;
    margin: 0 0 1.5rem;
}

.owt-line[b-n4gusr1lth] {
    color: #F2B53C;
    margin: 0 0 1rem;
}

.owt-code-row[b-n4gusr1lth] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1.2rem;
}

.owt-code[b-n4gusr1lth] {
    flex: 1;
    min-width: 0;
    font-size: 1.3rem;
    letter-spacing: 0.3em;
    padding: 0.55rem 0.8rem;
    border-radius: 10px;
    border: 1px solid #25303A;
    background: #0C1319;
    color: #E9ECF2;
}

.owt-again[b-n4gusr1lth] {
    color: #9BA7B2;
    font-size: 0.95rem;
}

/* /Components/Pages/Panorama.razor.rz.scp.css */
.pp[b-rbi2nb0o76] { max-width: 60rem; }
.pp-own[b-rbi2nb0o76] { margin: 0 0 0.5rem; }
.pp-own a[b-rbi2nb0o76] { display: inline-block; padding: 12px 0; margin: -10px 0; }
.pp-muted[b-rbi2nb0o76] { color: var(--max360-text-muted); font-size: 0.9rem; overflow-wrap: anywhere; }
.pp-explorer[b-rbi2nb0o76] { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--max360-border); }
.pp-h2[b-rbi2nb0o76] { font-size: 1.1rem; margin: 0 0 0.5rem; }
.pp-h3[b-rbi2nb0o76] { font-size: 1rem; margin: 0.75rem 0 0.25rem; }
.pp-filters[b-rbi2nb0o76] { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin: 0.5rem 0 0.75rem; }
.pp-filters label[b-rbi2nb0o76] { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.85rem; font-weight: 600; min-width: 0; flex: 1 1 12rem; }
.pp-input[b-rbi2nb0o76] { width: 100%; min-width: 0; font-size: 1rem; padding: 0.35rem 0.5rem; border: 1px solid var(--max360-border); border-radius: 0.35rem; background: var(--max360-bg); color: var(--max360-text); }
.pp-frame[b-rbi2nb0o76] { padding: 0.25rem 0; }
.pp-lines[b-rbi2nb0o76] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.pp-lines li[b-rbi2nb0o76] { padding: 0.4rem 0; border-top: 1px solid var(--max360-border); overflow-wrap: anywhere; line-height: 1.4; }
.pp-kind[b-rbi2nb0o76] { display: inline-block; margin-right: 0.35rem; padding: 0 0.45rem; border-radius: 999px; font-size: 0.75rem; background: var(--max360-surface); color: var(--max360-text-muted); }
.pp-inputs[b-rbi2nb0o76] { margin-top: 0.75rem; }
.pp-inputs summary[b-rbi2nb0o76] { cursor: pointer; padding: 0.5rem 0; min-height: 44px; box-sizing: border-box; }
.pp-filters-top[b-rbi2nb0o76] { margin: 0 0 1rem; padding: 0.5rem 0 0.75rem; border-bottom: 1px solid var(--max360-border); }
.pp-summary[b-rbi2nb0o76] { margin: 0.25rem 0 0.5rem; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 700px) {
    .pp-filters-top[b-rbi2nb0o76] { display: grid; grid-template-columns: 1fr 1fr; }
    .pp-filters-top label:first-child[b-rbi2nb0o76] { grid-column: 1 / -1; }
}
/* /Components/Pages/PanoramaLineSource.razor.rz.scp.css */
.pls[b-vsaesnxas2] { max-width: 760px; min-width: 0; }
.pls-h1[b-vsaesnxas2] { font-size: 1.3rem; margin: 0 0 6px; }
/* /Components/Pages/Research/ResearchList.razor.rz.scp.css */
.rlist[b-gp33kopdv3] { max-width: 46rem; margin: 0 auto; padding: 1rem 1rem 2rem; min-width: 0; }
.rlist-head h1[b-gp33kopdv3] { margin: 0 0 0.35rem; font-size: 1.5rem; }
.rlist-lede[b-gp33kopdv3] { margin: 0 0 1rem; color: var(--max360-text-muted); }
.rlist-banner[b-gp33kopdv3] { margin: 0 0 1rem; padding: 0.5rem 0.8rem; border-radius: 10px; background: var(--max360-info-soft); color: var(--max360-info-ink); }
.rlist-section[b-gp33kopdv3] { margin-top: 1.25rem; }
.rlist-section h2[b-gp33kopdv3] { margin: 0 0 0.6rem; font-size: 1.1rem; }
.rlist-empty[b-gp33kopdv3] { margin: 0; color: var(--max360-text-muted); }
.rlist-items[b-gp33kopdv3] { list-style: none; margin: 0; padding: 0; }
.rlist-item[b-gp33kopdv3] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; padding: 0.65rem 0.8rem; margin: 0 0 0.5rem;
              border: 1px solid var(--max360-border); border-radius: 10px; background: var(--max360-surface); }
.rlist-item a[b-gp33kopdv3] { font-weight: 600; overflow-wrap: anywhere; }
.rlist-meta[b-gp33kopdv3] { font-size: 0.85rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.rlist bdi[b-gp33kopdv3] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .rlist[b-gp33kopdv3] { padding: 0.75rem 0.75rem 1.5rem; }
    .rlist-item[b-gp33kopdv3] { padding: 0.6rem 0.7rem; }
}
/* /Components/Pages/Research/ResearchRun.razor.rz.scp.css */
.rrun[b-3gp27u4i3q] { max-width: 46rem; margin: 0 auto; padding: 1rem 1rem 2rem; min-width: 0; }
.rrun-head h1[b-3gp27u4i3q] { margin: 0 0 0.35rem; font-size: 1.35rem; overflow-wrap: anywhere; }
.rrun-crumb[b-3gp27u4i3q] { margin: 0 0 0.35rem; font-size: 0.85rem; overflow-wrap: anywhere; }
.rrun-muted[b-3gp27u4i3q] { margin: 0 0 0.75rem; color: var(--max360-text-muted); }
.rrun-message[b-3gp27u4i3q] { margin: 0 0 0.75rem; padding: 0.5rem 0.8rem; border-radius: 10px; font-size: 0.9rem; overflow-wrap: anywhere;
                background: var(--max360-info-soft); color: var(--max360-info-ink); }
.rrun-actions[b-3gp27u4i3q] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1rem; }
.rrun-confirm[b-3gp27u4i3q] { flex: 1 1 100%; padding: 0.6rem 0.8rem; border-radius: 10px; border: 1px solid var(--max360-border); background: var(--max360-surface); }
.rrun-confirm p[b-3gp27u4i3q] { margin: 0 0 0.5rem; }
.rrun-buttons[b-3gp27u4i3q] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rrun-section[b-3gp27u4i3q] { margin-top: 1.25rem; min-width: 0; }
.rrun-section h2[b-3gp27u4i3q] { margin: 0 0 0.6rem; font-size: 1.1rem; }
.rrun-company[b-3gp27u4i3q] { margin: 0 0 0.9rem; padding: 0.8rem 0.9rem; border-radius: 10px; border: 1px solid var(--max360-border);
                background: var(--max360-surface); min-width: 0; }
.rrun-company h3[b-3gp27u4i3q] { margin: 0 0 0.5rem; font-size: 1.05rem; overflow-wrap: anywhere; }
.rrun-finding[b-3gp27u4i3q] { min-width: 0; padding: 0.5rem 0; border-top: 1px solid var(--max360-border); }
.rrun-company .rrun-finding:first-of-type[b-3gp27u4i3q] { border-top: 0; padding-top: 0; }
.rrun-what[b-3gp27u4i3q] { margin: 0; overflow-wrap: anywhere; }
.rrun-meta[b-3gp27u4i3q] { margin: 0.15rem 0 0; font-size: 0.85rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.rrun-join[b-3gp27u4i3q] { margin: 0.35rem 0 0; font-size: 0.9rem; overflow-wrap: anywhere; }
.rrun-suggest[b-3gp27u4i3q] { margin-top: 0.45rem; padding: 0.45rem 0.6rem; border-left: 3px solid var(--max360-border); font-size: 0.9rem; min-width: 0; }
.rrun-suggest p[b-3gp27u4i3q] { margin: 0 0 0.25rem; overflow-wrap: anywhere; }
.rrun-suggest-label[b-3gp27u4i3q] { font-size: 0.8rem; font-weight: 600; color: var(--max360-text-muted); }
.rrun-notsure[b-3gp27u4i3q] { margin: 1rem 0; padding: 0.8rem 0.9rem; border-radius: 10px; border: 1px dashed var(--max360-border); min-width: 0; }
.rrun-nothing[b-3gp27u4i3q] { margin: 0.75rem 0 0; overflow-wrap: anywhere; }
.rrun-label[b-3gp27u4i3q] { margin: 0 0 0.25rem; font-weight: 600; color: var(--max360-text-muted); font-size: 0.9rem; }
.rrun-sent[b-3gp27u4i3q] { margin: 0 0 0.5rem; padding: 0.6rem 0.75rem; border-radius: 8px; background: var(--max360-surface); border: 1px solid var(--max360-border);
             white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.85rem; max-width: 100%; }
.rrun-details p[b-3gp27u4i3q] { overflow-wrap: anywhere; }
.rrun-facts[b-3gp27u4i3q] { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.25rem 0.75rem; font-size: 0.9rem; }
.rrun-facts dt[b-3gp27u4i3q] { font-weight: 600; color: var(--max360-text-muted); }
.rrun-facts dd[b-3gp27u4i3q] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.rrun-deliveries[b-3gp27u4i3q] { margin: 0; padding-left: 1.1rem; font-size: 0.9rem; }
.rrun bdi[b-3gp27u4i3q] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .rrun[b-3gp27u4i3q] { padding: 0.75rem 0.75rem 1.5rem; }
    .rrun-facts[b-3gp27u4i3q] { grid-template-columns: minmax(0, 1fr); }
    .rrun-facts dd[b-3gp27u4i3q] { margin-bottom: 0.35rem; }
    .rrun-button[b-3gp27u4i3q] { flex: 1 1 0; }
    .rrun-company[b-3gp27u4i3q] { padding: 0.7rem; }
}
/* /Components/Pages/Research/ResearchSheet.razor.rz.scp.css */
.rsheet[b-vodl5ma5bu] { max-width: 46rem; margin: 0 auto; padding: 1rem 1rem 2rem; min-width: 0; }
.rsheet-head h1[b-vodl5ma5bu] { margin: 0 0 0.35rem; font-size: 1.4rem; overflow-wrap: anywhere; }
.rsheet-crumb[b-vodl5ma5bu] { margin: 0 0 0.35rem; font-size: 0.85rem; }
.rsheet-muted[b-vodl5ma5bu] { margin: 0 0 0.75rem; color: var(--max360-text-muted); overflow-wrap: anywhere; }
.rsheet-message[b-vodl5ma5bu] { margin: 0 0 0.75rem; padding: 0.5rem 0.8rem; border-radius: 10px; font-size: 0.9rem; overflow-wrap: anywhere;
                  background: var(--max360-info-soft); color: var(--max360-info-ink); }
.rsheet-section[b-vodl5ma5bu] { margin-top: 1.25rem; min-width: 0; }
.rsheet-section h2[b-vodl5ma5bu] { margin: 0 0 0.6rem; font-size: 1.1rem; }
.rsheet-section p[b-vodl5ma5bu] { overflow-wrap: anywhere; }
.rsheet-changed[b-vodl5ma5bu] { padding: 0.8rem 0.9rem; border-radius: 10px; border: 1px dashed var(--max360-border); }
.rsheet-confirm[b-vodl5ma5bu] { padding: 0.6rem 0.8rem; border-radius: 10px; border: 1px solid var(--max360-border); background: var(--max360-surface); margin-top: 0.5rem; }
.rsheet-confirm p[b-vodl5ma5bu] { margin: 0 0 0.5rem; }
.rsheet-buttons[b-vodl5ma5bu] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; }
.rsheet-label[b-vodl5ma5bu] { display: block; margin: 0 0 0.3rem; font-weight: 600; font-size: 0.9rem; }
.rsheet-words[b-vodl5ma5bu] { width: 100%; max-width: 100%; box-sizing: border-box; font: inherit; padding: 0.5rem; border-radius: 8px;
                border: 1px solid var(--max360-border); background: var(--max360-surface); color: var(--max360-text); }
.rsheet-pick[b-vodl5ma5bu] { list-style: none; margin: 0 0 0.9rem; padding: 0; }
.rsheet-pick li[b-vodl5ma5bu] { margin: 0 0 0.35rem; overflow-wrap: anywhere; }
.rsheet-pick label[b-vodl5ma5bu] { display: flex; align-items: flex-start; gap: 0.5rem; cursor: pointer; }
.rsheet-pick input[b-vodl5ma5bu] { margin: 0.25rem 0 0; flex: 0 0 auto; }
.rsheet-new[b-vodl5ma5bu] { font-size: 0.85rem; color: var(--max360-text-muted); }
.rsheet-add[b-vodl5ma5bu] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1rem; }
.rsheet-add input[b-vodl5ma5bu] { flex: 1 1 14rem; min-width: 0; box-sizing: border-box; font: inherit; padding: 0.5rem; border-radius: 8px;
                    border: 1px solid var(--max360-border); background: var(--max360-surface); color: var(--max360-text); }
.rsheet-switch[b-vodl5ma5bu] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-top: 0.75rem; }
.rsheet bdi[b-vodl5ma5bu] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .rsheet[b-vodl5ma5bu] { padding: 0.75rem 0.75rem 1.5rem; }
    .rsheet-button[b-vodl5ma5bu] { flex: 1 1 0; }
    .rsheet-changed[b-vodl5ma5bu] { padding: 0.7rem; }
    .rsheet-add input[b-vodl5ma5bu] { flex: 1 1 100%; }
}
/* /Components/Pages/Research/ResearchSources.razor.rz.scp.css */
.rsrc[b-mndnudrme0] { margin: 0.25rem 0 0; font-size: 0.85rem; display: flex; flex-wrap: wrap; gap: 0.25rem 0.6rem; min-width: 0; }
.rsrc-label[b-mndnudrme0] { color: var(--max360-text-muted); }
.rsrc-link[b-mndnudrme0] { overflow-wrap: anywhere; min-width: 0; }
.rsrc bdi[b-mndnudrme0] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .rsrc[b-mndnudrme0] { gap: 0.3rem 0.5rem; }
}
/* /Components/Pages/Research/SheetText.razor.rz.scp.css */
.stext[b-4vk55heuwm] { min-width: 0; padding: 0.8rem 0.9rem; border-radius: 10px; border: 1px solid var(--max360-border); background: var(--max360-surface); }
.stext-label[b-4vk55heuwm] { margin: 0.6rem 0 0.2rem; font-size: 0.85rem; font-weight: 600; color: var(--max360-text-muted); }
.stext-label:first-child[b-4vk55heuwm] { margin-top: 0; }
.stext-sentence[b-4vk55heuwm] { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.stext-names[b-4vk55heuwm] { margin: 0; padding-left: 1.1rem; }
.stext-names li[b-4vk55heuwm] { overflow-wrap: anywhere; }
.stext-site[b-4vk55heuwm] { margin-left: 0.4rem; font-size: 0.85rem; color: var(--max360-text-muted); }
.stext-facts[b-4vk55heuwm] { margin: 0.6rem 0 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.2rem 0.75rem; font-size: 0.9rem; }
.stext-facts dt[b-4vk55heuwm] { font-weight: 600; color: var(--max360-text-muted); }
.stext-facts dd[b-4vk55heuwm] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.stext-leaves[b-4vk55heuwm] { margin: 0.75rem 0 0; font-weight: 600; overflow-wrap: anywhere; }
.stext-also[b-4vk55heuwm] { margin: 0.5rem 0 0; overflow-wrap: anywhere; }
.stext-fixed[b-4vk55heuwm] { margin-top: 0.75rem; font-size: 0.9rem; }
.stext-fixed summary[b-4vk55heuwm] { cursor: pointer; font-weight: 600; padding: 0.35rem 0; }
.stext-fixed p[b-4vk55heuwm] { margin: 0 0 0.4rem; overflow-wrap: anywhere; }
.stext bdi[b-4vk55heuwm] { unicode-bidi: isolate; }

@media (max-width: 700px) {
    .stext[b-4vk55heuwm] { padding: 0.7rem; }
    .stext-facts[b-4vk55heuwm] { grid-template-columns: minmax(0, 1fr); }
    .stext-site[b-4vk55heuwm] { display: block; margin-left: 0; }
}
/* /Components/Pages/Settings/AdoptionIdeasList.razor.rz.scp.css */
.adopt-ideas[b-1n6zajm4kj] {
    margin-top: 1.25rem;
}

.adopt-ideas h2[b-1n6zajm4kj] {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    font-weight: 700;
    margin: 0 0 .5rem;
}


.adopt-ideas-note[b-1n6zajm4kj] {
    color: var(--max360-text-muted);
    font-size: .9rem;
    margin: 0 0 .5rem;
}

.adopt-ideas-list[b-1n6zajm4kj] {
    margin: 0;
    padding-left: 1.25rem;
}

.adopt-ideas-list li[b-1n6zajm4kj] {
    margin-bottom: .75rem;
    overflow-wrap: anywhere;
}

.adopt-ideas-list li > *[b-1n6zajm4kj] {
    display: block;
}

.adopt-ideas-list a[b-1n6zajm4kj] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.adopt-ideas-because[b-1n6zajm4kj] {
    color: var(--max360-text-muted);
    font-size: .9rem;
}
/* /Components/Pages/Settings/AdoptionKindRows.razor.rz.scp.css */
.adopt-area h3[b-wkdj13kqkq] {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    font-weight: 700;
    margin: 1rem 0 .35rem;
}

.adopt-rows[b-wkdj13kqkq] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--max360-border);
    border-radius: .5rem;
    background: var(--max360-surface);
}

.adopt-row[b-wkdj13kqkq] {
    padding: .65rem .9rem;
    min-width: 0;
}

.adopt-row + .adopt-row[b-wkdj13kqkq] {
    border-top: 1px solid var(--max360-border);
}

.adopt-head[b-wkdj13kqkq],
.adopt-item-head[b-wkdj13kqkq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .25rem .75rem;
    align-items: baseline;
}

.adopt-name[b-wkdj13kqkq] {
    font-weight: 600;
}

.adopt-figure[b-wkdj13kqkq] {
    color: var(--max360-text);
    font-variant-numeric: tabular-nums;
}

.adopt-figure.zero[b-wkdj13kqkq] {
    color: var(--max360-text-muted);
}

.adopt-sentence[b-wkdj13kqkq],
.adopt-examples[b-wkdj13kqkq],
.adopt-grades[b-wkdj13kqkq],
.adopt-people[b-wkdj13kqkq],
.adopt-who[b-wkdj13kqkq],
.adopt-reason[b-wkdj13kqkq],
.adopt-advice[b-wkdj13kqkq] {
    margin: .25rem 0 0;
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.adopt-sentence[b-wkdj13kqkq],
.adopt-who[b-wkdj13kqkq],
.adopt-people[b-wkdj13kqkq] {
    color: var(--max360-text-muted);
}

.adopt-facts[b-wkdj13kqkq] {
    margin: .25rem 0 0;
    padding-left: 1.1rem;
    font-size: .9rem;
    color: var(--max360-text-muted);
}

.adopt-items[b-wkdj13kqkq],
.adopt-without[b-wkdj13kqkq] {
    margin-top: .4rem;
}

.adopt-items summary[b-wkdj13kqkq],
.adopt-without summary[b-wkdj13kqkq] {
    cursor: pointer;
    color: var(--max360-link);
    font-size: .9rem;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.adopt-items ul[b-wkdj13kqkq],
.adopt-without ul[b-wkdj13kqkq] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.adopt-without li[b-wkdj13kqkq] {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.adopt-item[b-wkdj13kqkq] {
    padding: .5rem 0;
    border-top: 1px dashed var(--max360-border);
}

.adopt-grade[b-wkdj13kqkq] {
    font-size: .8rem;
    font-weight: 600;
    padding: .05rem .5rem;
    border-radius: 1rem;
    border: 1px solid var(--max360-border);
}

.adopt-grade.grade-strong[b-wkdj13kqkq] {
    color: var(--max360-success-ink);
}

.adopt-grade.grade-weak[b-wkdj13kqkq] {
    color: var(--max360-danger-ink, #b42318);
}

.adopt-advice[b-wkdj13kqkq] {
    padding: .5rem .65rem;
    border-left: 3px solid var(--max360-link);
    background: var(--max360-bg);
}


.adopt-link[b-wkdj13kqkq] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: .9rem;
}

.adopt-without li a[b-wkdj13kqkq] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
/* /Components/Pages/Settings/AdoptionSection.razor.rz.scp.css */
.adopt-section[b-0fq265yvkl] {
    margin-top: 1.5rem;
    max-width: 56rem;
    min-width: 0;
}

.adopt-section h2[b-0fq265yvkl] {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    font-weight: 700;
    margin: 0 0 .35rem;
}

.adopt-note[b-0fq265yvkl] {
    color: var(--max360-text-muted);
    font-size: .9rem;
    margin: 0 0 .5rem;
}
/* /Components/Pages/Settings/UserSetup.razor.rz.scp.css */
.my-setup[b-340wnqpj9t] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 56rem;
}

.my-setup-group h2[b-340wnqpj9t] {
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--max360-text-muted);
    font-weight: 700;
    margin: 0 0 .35rem;
}

.my-setup-rows[b-340wnqpj9t] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--max360-border);
    border-radius: .5rem;
    background: var(--max360-surface);
    overflow: hidden;
}

.my-setup-rows li + li[b-340wnqpj9t] {
    border-top: 1px solid var(--max360-border);
}

.my-setup-row[b-340wnqpj9t] {
    display: grid;
    grid-template-columns: 1.25rem minmax(10rem, 13rem) 1fr auto;
    gap: .75rem;
    align-items: baseline;
    padding: .6rem .9rem;
    color: inherit;
    text-decoration: none;
}

.my-setup-row:hover[b-340wnqpj9t],
.my-setup-row:focus-visible[b-340wnqpj9t] {
    background: var(--max360-bg);
}

.my-setup-row:hover .my-setup-name[b-340wnqpj9t],
.my-setup-row:focus-visible .my-setup-name[b-340wnqpj9t] {
    text-decoration: underline;
}

.my-setup-row i[b-340wnqpj9t] {
    color: var(--max360-text-muted);
}

.my-setup-name[b-340wnqpj9t] {
    color: var(--max360-link);
    font-weight: 600;
}

.my-setup-blurb[b-340wnqpj9t] {
    color: var(--max360-text-muted);
    font-size: .9rem;
}

.my-setup-status[b-340wnqpj9t] {
    color: var(--max360-text-muted);
    font-size: .8rem;
    white-space: nowrap;
}

.my-setup-status.on[b-340wnqpj9t] {
    color: var(--max360-success-ink);
}

.my-setup-picker[b-340wnqpj9t] {
    margin-top: 1.5rem;
    max-width: 56rem;
}

.my-setup-picker p[b-340wnqpj9t] {
    color: var(--max360-text-muted);
    margin: 0 0 .5rem;
}

.my-setup-picker input[b-340wnqpj9t] {
    width: min(100%, 24rem);
    padding: .4rem .6rem;
    border: 1px solid var(--max360-border);
    border-radius: .375rem;
    background: var(--max360-surface);
    color: var(--max360-text);
}

@media (max-width: 640px) {
    .my-setup-row[b-340wnqpj9t] {
        grid-template-columns: 1.25rem 1fr;
    }

    .my-setup-blurb[b-340wnqpj9t],
    .my-setup-status[b-340wnqpj9t] {
        grid-column: 2;
    }
}
/* /Components/Pages/Settings/UserSetupSection.razor.rz.scp.css */
.user-setup-section[b-oj1fkih035] {
    max-width: 48rem;
    margin: 0 0 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--max360-border);
    border-radius: .5rem;
    background: var(--max360-surface);
}

.user-setup-section__head h2[b-oj1fkih035] {
    font-size: 1.1rem;
    margin: 0 0 .25rem;
}

.user-setup-section__desc[b-oj1fkih035] {
    color: var(--max360-text-muted);
    margin: 0 0 .75rem;
}

.user-setup-section[b-oj1fkih035]  .user-setup-field {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin: 0 0 .85rem;
}

.user-setup-section[b-oj1fkih035]  .user-setup-field textarea,
.user-setup-section[b-oj1fkih035]  .user-setup-field select {
    width: 100%;
    max-width: 40rem;
    padding: .4rem .55rem;
    border: 1px solid var(--max360-border);
    border-radius: .375rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    font: inherit;
}

.user-setup-section[b-oj1fkih035]  .user-setup-field select {
    width: auto;
}

.user-setup-section[b-oj1fkih035]  .user-setup-field .max360-action {
    align-self: flex-start;
}

.user-setup-section__actions[b-oj1fkih035] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.user-setup-section[b-oj1fkih035]  .user-setup-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}
/* /Components/Pages/Skills/MySkills.razor.rz.scp.css */
.my-skills-actions[b-p3sitgdgy6] { text-align: right; white-space: nowrap; }

/* under 700px each skill and draft becomes a card of labelled lines, so the table never runs off the screen */
@media (max-width: 700px) {
    .my-skills-cards thead[b-p3sitgdgy6] { display: none; }
    .my-skills-cards[b-p3sitgdgy6], .my-skills-cards tbody[b-p3sitgdgy6], .my-skills-cards tr[b-p3sitgdgy6] { display: block; width: 100%; }
    .my-skills-cards tr[b-p3sitgdgy6] { border: 1px solid var(--max360-border); border-radius: 8px; padding: .5rem .75rem; margin-bottom: .75rem; }
    .my-skills-cards td[b-p3sitgdgy6] { display: block; border: 0; padding: .2rem 0; overflow-wrap: anywhere; }
    .my-skills-cards td[data-label][b-p3sitgdgy6]::before { content: attr(data-label); display: block; font-size: .8rem; color: var(--max360-text-muted); }
    .my-skills-cards td:empty[b-p3sitgdgy6] { display: none; }
    .my-skills-cards .my-skills-name[b-p3sitgdgy6] { font-weight: 600; }
    .my-skills-cards .my-skills-actions[b-p3sitgdgy6] { text-align: left; white-space: normal; display: flex; flex-wrap: wrap; gap: .5rem; padding-top: .5rem; }
}
/* /Components/Pages/Sources/MailboxWipeSection.razor.rz.scp.css */
.mailbox-wipe[b-u3vhbvrio4] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--max360-border);
}

.mailbox-wipe-heading[b-u3vhbvrio4] {
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
}

.mailbox-wipe-address[b-u3vhbvrio4] {
    overflow-wrap: anywhere;
}

.mailbox-wipe h3[b-u3vhbvrio4] {
    overflow-wrap: anywhere;
}

.mailbox-wipe-input[b-u3vhbvrio4] {
    width: 100%;
    box-sizing: border-box;
    margin: 0.25rem 0 0.75rem;
}

.mailbox-wipe-actions[b-u3vhbvrio4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

@media (max-width: 700px) {
    .mailbox-wipe-actions[b-u3vhbvrio4] {
        flex-direction: column;
    }

    .mailbox-wipe-actions > button[b-u3vhbvrio4] {
        width: 100%;
        min-height: 2.75rem;
    }
}
/* /Components/Pages/Sources/MailSendersList.razor.rz.scp.css */
.mail-senders[b-oe0wg2xuqu] {
    margin-bottom: 2rem;
}

.mail-senders-title[b-oe0wg2xuqu] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.mail-senders-window[b-oe0wg2xuqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.mail-senders-rows[b-oe0wg2xuqu] {
    list-style: none;
    margin: 0.75rem 0;
    padding: 0;
}

.mail-senders-row[b-oe0wg2xuqu] {
    padding: 0.75rem 0;
    border-top: 1px solid var(--max360-border);
}

.mail-senders-who[b-oe0wg2xuqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
}

.mail-senders-address[b-oe0wg2xuqu] {
    font-weight: 600;
    overflow-wrap: anywhere;
    min-width: 0;
}

.mail-senders-did[b-oe0wg2xuqu] {
    margin-top: 0.125rem;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.mail-senders-open[b-oe0wg2xuqu] {
    margin-top: 0.375rem;
}

.mail-senders-choices[b-oe0wg2xuqu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
    margin-top: 0.5rem;
}

.mail-senders-choice[b-oe0wg2xuqu] {
    padding: 0.75rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
}

.mail-senders-choice p[b-oe0wg2xuqu] {
    margin: 0.25rem 0 0.5rem;
}

.mail-senders-reach label[b-oe0wg2xuqu],
.mail-senders-delete[b-oe0wg2xuqu] {
    display: block;
    margin: 0.25rem 0;
    overflow-wrap: anywhere;
}

.mail-senders-note[b-oe0wg2xuqu] {
    font-size: 0.875rem;
}
/* /Components/Pages/Sources/WhatMaxIsReading.razor.rz.scp.css */
.mdr-block[b-r67z8cp5vg] {
    background: var(--max360-surface);
    border: 1px solid color-mix(in srgb, var(--max360-border) 80%, var(--max360-text) 20%);
    border-radius: 0.5rem;
    padding: 1.25rem 1.25rem 1rem;
    margin-bottom: 2rem;
}

.mdr-title[b-r67z8cp5vg] { font-size: 1.25rem; font-weight: 600; margin: 0 0 0.25rem; }
.mdr-lede[b-r67z8cp5vg] { color: var(--max360-text-muted); margin: 0 0 0.75rem; }

.mdr-left[b-r67z8cp5vg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    background: var(--max360-warning-soft);
    color: var(--max360-warning-ink);
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
    margin: 0.5rem 0 0.75rem;
}

.mdr-result[b-r67z8cp5vg] { margin: 0.5rem 0 0.75rem; }

.mdr-rows[b-r67z8cp5vg] { list-style: none; margin: 0; padding: 0; }

.mdr-row[b-r67z8cp5vg] {
    display: grid;
    grid-template-columns: 9.5rem 10.5rem minmax(0, 1fr) auto;
    column-gap: 0.875rem;
    align-items: baseline;
    padding: 0.75rem 0;
    border-top: 1px solid var(--max360-border);
}

.mdr-name[b-r67z8cp5vg] { font-weight: 600; }
.mdr-optional[b-r67z8cp5vg] { display: block; font-weight: 400; font-size: 0.8125rem; color: var(--max360-text-muted); }
.mdr-badge[b-r67z8cp5vg] { min-width: 0; }
.mdr-body[b-r67z8cp5vg] { min-width: 0; overflow-wrap: anywhere; font-size: 0.9375rem; }
.mdr-note[b-r67z8cp5vg] {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.875rem;
    color: var(--max360-text-muted);
    font-variant-numeric: tabular-nums;
}
.mdr-action[b-r67z8cp5vg] { justify-self: end; }

.mdr-lines[b-r67z8cp5vg] {
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
    font-size: 0.875rem;
    max-width: 65ch;
}
.mdr-lines p[b-r67z8cp5vg] { margin: 0 0 0.25rem; }

@media (max-width: 700px) {
    .mdr-block[b-r67z8cp5vg] { padding: 1rem 1rem 0.5rem; }
    .mdr-row[b-r67z8cp5vg] { grid-template-columns: minmax(0, 1fr) auto; row-gap: 0.25rem; }
    .mdr-body[b-r67z8cp5vg], .mdr-action[b-r67z8cp5vg] { grid-column: 1 / -1; }
    .mdr-action[b-r67z8cp5vg] { justify-self: start; }
}
/* /Components/Pages/TalkPanelBase.razor.rz.scp.css */
/* The Talk panel's inside, which every page's panel shares, and the panel itself where it floats behind the round
   Max button. It reads the --t-* names of the page around it; the floating panel sets them for a page with none. */

.tt-note[b-pnahjwkf5n] {
    margin: 10px 0 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--t-ink-dim);
}
.tt-note-bad[b-pnahjwkf5n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    color: var(--max360-danger-ink, var(--t-ink));
}
/* the Talk panel floats in the bottom-right corner over the page, opened by the Max button; on a phone it rises from
   the bottom bar. It is drawn over Help and Feedback while open. */
.tt-bar[hidden][b-pnahjwkf5n] { display: none; }
.tt-bar[b-pnahjwkf5n] {
    --t-paper: var(--bg);
    --t-ink: var(--ink);
    --t-ink-dim: var(--ink-dim);
    --t-rule: var(--rule);
    --t-accent: var(--accent);
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1043;
    width: min(460px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 14px 16px 14px;
    background: var(--t-paper);
    border: 1px solid var(--t-rule);
    border-radius: 16px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
}
.tt-sheet-scrim[b-pnahjwkf5n] {
    position: fixed;
    inset: 0;
    z-index: 1042;
    background: transparent;
}
.tt-bar-col[b-pnahjwkf5n] {
    --sp-gap: 20px;
    position: relative;
    max-width: 560px;
    margin: 0 auto;
}
.tt-bar-col > .tt-note:first-child[b-pnahjwkf5n],
.tt-bar-col > .tt-answer:first-child[b-pnahjwkf5n] { margin-top: 0; }
.tt-dock[b-pnahjwkf5n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "type sound pill";
    align-items: center;
    gap: 8px 10px;
    margin-top: 10px;
}
.tt-bar-col > .tt-dock:first-child[b-pnahjwkf5n] { margin-top: 0; }
/* questions to start with, under the controls: as long as their words, wrapping at a desk and one row that scrolls on a phone */
.tt-starters[b-pnahjwkf5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}
.tt-examples[b-pnahjwkf5n] {
    margin-top: 10px;
}
.tt-starter[b-pnahjwkf5n] {
    max-width: 100%;
    min-height: 44px;
    padding: 0 14px;
    overflow: hidden;
    border: 1px solid var(--t-rule);
    border-radius: 0.5rem;
    background: var(--surface-2);
    color: var(--t-ink);
    font-size: 0.875rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease-out, transform 120ms ease-out;
}
.tt-starter:focus-visible[b-pnahjwkf5n] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
@media (hover: hover) {
    .tt-starter:hover[b-pnahjwkf5n] { background: color-mix(in srgb, var(--t-ink) 10%, var(--surface-2)); }
}
/* every control in the row shares one height and a 0.5rem corner, and the arrow inside the typing box a smaller one */
.tt-go[b-pnahjwkf5n] {
    grid-area: pill;
    display: flex;
    gap: 8px;
    min-width: 0;
    align-items: center;
}
/* the microphone's mute, beside the pill while he listens: drawn filled in the ink color while muted */
.tt-mic[b-pnahjwkf5n] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: var(--surface-2);
    color: var(--t-ink);
    font-size: 1.15rem;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, transform 120ms ease-out;
}
.tt-mic.is-muted[b-pnahjwkf5n] {
    background: var(--t-ink);
    color: var(--t-paper);
}
.tt-mic:focus-visible[b-pnahjwkf5n],
.tt-spk-out:focus-visible[b-pnahjwkf5n] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
/* the microphone's mute while he listens, the speaker's mute, and the arrow that opens the Sound panel, in one shape */
.tt-spk[b-pnahjwkf5n] {
    grid-area: sound;
    display: inline-flex;
    align-items: stretch;
    border-radius: 0.5rem;
    background: var(--surface-2);
    transition: transform 120ms ease-out;
}
.tt-spk-out[b-pnahjwkf5n] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    margin: 0;
    padding: 0 4px 0 0;
    border: 0;
    border-left: 1px solid var(--t-rule);
    border-radius: 0 0.5rem 0.5rem 0;
    background: none;
    color: var(--ink);
    cursor: pointer;
}
/* drawn as a speaker, Max answers out loud; drawn muted, he answers in writing */
.tt-aloud[b-pnahjwkf5n] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    background: none;
    color: var(--ink);
    cursor: pointer;
}
.tt-spk > .tt-aloud[b-pnahjwkf5n] {
    padding-left: 4px;
    border-radius: 0.5rem 0 0 0.5rem;
}
.tt-aloud:focus-visible[b-pnahjwkf5n] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
.tt-aloud.is-off[b-pnahjwkf5n] { color: var(--ink-dim); }
.tt-spk > .tt-mic[b-pnahjwkf5n] {
    background: none;
    border-radius: 0.5rem 0 0 0.5rem;
}
.tt-spk > .tt-mic.is-muted[b-pnahjwkf5n] { background: var(--t-ink); }
.tt-spk > .tt-mic + .tt-aloud[b-pnahjwkf5n] {
    padding-left: 0;
    border-left: 1px solid var(--t-rule);
    border-radius: 0;
}
.tt-aloud-icon[b-pnahjwkf5n] { font-size: 1.35rem; line-height: 1; }
/* a phone keeps :hover on the last thing tapped, which would leave a gray box behind the speaker */
@media (hover: hover) {
    .tt-aloud:hover[b-pnahjwkf5n],
    .tt-spk-out:hover[b-pnahjwkf5n],
    .tt-mic:not(.is-muted):hover[b-pnahjwkf5n] { background: color-mix(in srgb, var(--t-ink) 8%, transparent); }
}
.tt-key[b-pnahjwkf5n] {
    grid-area: key;
    display: none;
    border-radius: 0.5rem;
    background: var(--surface-2);
    color: var(--t-ink);
    font-size: 1.15rem;
    transition: transform 120ms ease-out;
}
/* the outline belongs to the form, not the text area, so Send sits inside the box at its bottom right */
.tt-type[b-pnahjwkf5n] {
    grid-area: type;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    min-width: 0;
    padding: 4px;
    border: 1px solid var(--t-rule);
    border-radius: 0.5rem;
    background: var(--t-paper);
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}
.tt-type:focus-within[b-pnahjwkf5n] {
    border-color: var(--t-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent) 22%, transparent);
}
.tt-type-box[b-pnahjwkf5n] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 34px;
    max-height: 30vh;
    padding: 6px 6px 6px 12px;
    font: inherit;
    font-size: 16px;
    line-height: 22px;
    color: var(--t-ink);
    background: transparent;
    border: 0;
    border-radius: 0;
    outline: none;
    resize: none;
    field-sizing: content;
}
/* the suggestion stays on one line and ends in an ellipsis, or a narrow box wraps it and shows a scrollbar */
.tt-type-box:placeholder-shown[b-pnahjwkf5n] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* forced colors drop the focus shadow and repaint the border, so the box needs an outline of its own there */
@media (forced-colors: active) {
    .tt-type:focus-within[b-pnahjwkf5n] { outline: 2px solid Highlight; }
}
.tt-type-box[b-pnahjwkf5n]::placeholder {
    color: var(--t-ink-dim);
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* drawn at 34px inside the box, its corner following the box's; the hit area reaches out to 44px */
.tt-send[b-pnahjwkf5n] {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 0.3rem;
    transition: background-color 150ms ease-out, color 150ms ease-out, transform 120ms ease-out;
}
.tt-send .max360-send-word[b-pnahjwkf5n] { display: none; }
.tt-send .max360-send-arrow[b-pnahjwkf5n] {
    display: inline;
    font-size: 16px;
    -webkit-text-stroke: 0.6px currentColor;
}
.tt-send[b-pnahjwkf5n]::after {
    content: "";
    position: absolute;
    inset: -5px;
}
.tt-send:disabled[b-pnahjwkf5n] {
    background: transparent;
    color: var(--t-ink-dim);
    opacity: 1;
}
/* an empty box whose suggestion one tap asks: the arrow in color with no fill, which fills once there are typed words */
.tt-send.is-hint[b-pnahjwkf5n] {
    background: transparent;
    color: var(--t-accent);
}
@media (hover: hover) {
    .tt-send.is-hint:hover[b-pnahjwkf5n] { background: color-mix(in srgb, var(--t-accent) 14%, transparent); opacity: 1; }
}
.tt-starter:active[b-pnahjwkf5n],
.tt-mic:active[b-pnahjwkf5n],
.tt-spk:active[b-pnahjwkf5n],
.tt-key:active[b-pnahjwkf5n],
.tt-send:active:not(:disabled)[b-pnahjwkf5n] { transform: scale(0.96); }
.tt-answer[b-pnahjwkf5n] {
    margin: 0 0 4px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--t-ink);
}
.tt-answer-text[b-pnahjwkf5n] {
    margin: 0;
    max-height: 30vh;
    overflow-y: auto;
}
/* folded, the answer is three lines and the rest is a press away */
.tt-answer.is-folded .tt-answer-text[b-pnahjwkf5n] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}
.tt-answer-more[b-pnahjwkf5n] {
    min-height: 44px;
    padding: 0 0.25rem;
    border: 0;
    background: none;
    color: var(--max360-primary-ink, var(--t-accent));
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.tt-answer-more:focus-visible[b-pnahjwkf5n] { outline: 2px solid var(--t-accent); outline-offset: 2px; }
.tt-convo[b-pnahjwkf5n] {
    display: flex;
    flex-direction: column-reverse;
    max-height: 45vh;
    overflow-y: auto;
    margin: 0 0 6px;
}
.tt-convo-lines[b-pnahjwkf5n] { display: flex; flex-direction: column; gap: 10px; }
.tt-convo-line[b-pnahjwkf5n] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--t-ink);
}
.tt-convo-line.is-you[b-pnahjwkf5n] { color: var(--t-ink-dim); }
.tt-answer-who[b-pnahjwkf5n] {
    margin-right: 6px;
    font-weight: 600;
    color: var(--max360-brand-accent, var(--t-accent));
}

/* the Sound panel sits in the panel above the controls, since the panel scrolls and would cut off anything drawn
   above it; a tap outside the panel is caught by a scrim drawn outside it */
.tt-sound-host[b-pnahjwkf5n]  .sp {
    position: static;
    width: auto;
    max-height: none;
    margin: 0 0 10px;
    box-shadow: none;
}
.tt-sound-scrim[b-pnahjwkf5n] {
    position: fixed;
    inset: 0;
    z-index: 1042;
}

@media (min-width: 701px) {
    .tt-aloud[b-pnahjwkf5n] { min-width: 36px; min-height: 36px; }
    .tt-mic[b-pnahjwkf5n] { min-width: 36px; min-height: 36px; }
    /* a size below the controls, so the questions read as suggestions rather than buttons */
    .tt-starter[b-pnahjwkf5n] {
        min-height: 30px;
        padding: 0 10px;
        font-size: 0.8rem;
    }
    .tt-spk-out[b-pnahjwkf5n] { width: 30px; }
    .tt-type[b-pnahjwkf5n] {
        padding: 3px;
        border-radius: 0.5rem;
    }
    .tt-type-box[b-pnahjwkf5n] {
        min-height: 28px;
        padding: 3px 6px 3px 12px;
    }
    .tt-send[b-pnahjwkf5n] {
        width: 28px;
        height: 28px;
    }
    .tt-send .max360-send-arrow[b-pnahjwkf5n] { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .tt-starter:active[b-pnahjwkf5n],
    .tt-mic:active[b-pnahjwkf5n],
    .tt-spk:active[b-pnahjwkf5n],
    .tt-key:active[b-pnahjwkf5n],
    .tt-send:active:not(:disabled)[b-pnahjwkf5n] { transform: none; }
}

/* a phone: the app's main pads 1rem by 1.5rem, and the bottom bar sits below it. The typing box opens above the
   Talk control while it has focus, which the keyboard button gives it, and closes a moment after it loses focus,
   so a tap on Send lands before it goes */
@media (max-width: 700px) {
    .tt-bar[b-pnahjwkf5n] {
        left: 0;
        right: 0;
        width: auto;
        bottom: calc(var(--max360-phonebar-height) + env(safe-area-inset-bottom, 0px));
        max-height: calc(100vh - var(--max360-phonebar-height) - 60px);
        border-radius: 16px 16px 0 0;
        padding: 12px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px));
    }
    /* the keyboard sits left of the Max mark, as on Max Live, so the mark takes the middle under the thumb */
    .tt-dock[b-pnahjwkf5n] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas: "type type type" "key pill sound";
        gap: 0 6px;
    }
    /* a row of its own, or it widens the keyboard's column to its own width and pushes the speaker off the right edge */
    .tt-dock[b-pnahjwkf5n]  .mlm-modes { grid-column: 1 / -1; justify-self: start; margin-bottom: 6px; }
    .tt-key[b-pnahjwkf5n] { display: inline-flex; }
    .tt-bar-col[b-pnahjwkf5n] { --sp-gap: 14px; }
    .tt-convo[b-pnahjwkf5n] { max-height: 35vh; }
    /* one row that scrolls under the thumb, so the questions never push the controls up */
    .tt-starters[b-pnahjwkf5n] {
        flex-wrap: nowrap;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
        overflow-x: auto;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }
    .tt-starters[b-pnahjwkf5n]::-webkit-scrollbar { display: none; }
    .tt-go[b-pnahjwkf5n] { justify-content: center; }
    /* drawn a size below the controls, as at a desk; the row's padding holds a 44px tap area round each one */
    .tt-starters[b-pnahjwkf5n] {
        margin-top: 2px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    /* the row scrolls, so nothing is cut short, and the tap area may reach past the edge */
    .tt-starter[b-pnahjwkf5n] {
        position: relative;
        flex: 0 0 auto;
        min-height: 32px;
        padding: 0 10px;
        overflow: visible;
        font-size: 0.8rem;
    }
    .tt-starter[b-pnahjwkf5n]::after {
        content: "";
        position: absolute;
        inset: -7px 0;
    }
    .tt-go[b-pnahjwkf5n] { gap: 6px; }
    .tt-type[b-pnahjwkf5n] {
        max-height: 0;
        padding: 0;
        border-width: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0s linear 300ms, opacity 0s linear 300ms, margin-bottom 0s linear 300ms,
            padding 0s linear 300ms, border-width 0s linear 300ms, border-color 150ms ease-out, box-shadow 150ms ease-out;
    }
    .tt-type:focus-within[b-pnahjwkf5n] {
        max-height: 40vh;
        padding: 4px;
        border-width: 1px;
        overflow: visible;
        opacity: 1;
        margin-bottom: 8px;
        transition: none;
    }
}
/* /Components/Pages/Threads/ThreadCard.razor.rz.scp.css */
.tcard[b-20fd3ge3zs] {
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    max-width: 100%;
}

.tcard.is-compact[b-20fd3ge3zs] {
    padding: 0.5rem 0.75rem;
}

.tcard.is-retired[b-20fd3ge3zs] {
    opacity: 0.75;
}

/* the title wraps inside its own space; the pin and the menu stay on its first line at the right */
.tcard-head[b-20fd3ge3zs] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.5rem;
}

.tcard-title[b-20fd3ge3zs] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--max360-text);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.tcard-title:hover[b-20fd3ge3zs] {
    text-decoration: underline;
}

.tcard-pin[b-20fd3ge3zs] {
    flex: none;
    margin-top: 0.2rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: var(--max360-primary);
    color: var(--max360-on-primary);
    font-size: 0.75rem;
}

/* the counts sit under the title; on a phone they are the second line, never a right-hand column */
.tcard-counts[b-20fd3ge3zs] {
    margin-top: 0.2rem;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
}

.tcard-why[b-20fd3ge3zs] {
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
}

/* Edit, Pin and Retire sit in a menu at the card's top right */
/* the menu button keeps its full tap area but takes no height from the title row */
.tcard-menu-host[b-20fd3ge3zs] { position: relative; flex: none; margin: -0.35rem -0.4rem -0.6rem auto; display: inline-flex; }
.tcard-menu-backdrop[b-20fd3ge3zs] { position: fixed; inset: 0; z-index: 1040; }
.tcard-menu[b-20fd3ge3zs] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1041;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 10rem;
    padding: 6px;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    background: var(--max360-surface);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.tcard-summary[b-20fd3ge3zs] {
    margin: 0.15rem 0 0;
    color: var(--max360-text-muted);
    font-size: 0.9rem;
}

/* a finger needs the whole 44px; a mouse does not, so desktop keeps the tighter row */
@media (max-width: 700px) {
    .tcard-title[b-20fd3ge3zs] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}
/* /Components/Pages/Threads/ThreadCardDeck.razor.rz.scp.css */
/* under each thread card: the companies, the next move and to-dos, then the latest items */
.dt-outline[b-0bgv4dy1of] { margin-top: 0.5rem; }
.dt-move[b-0bgv4dy1of] { margin: 0; font-size: 0.95rem; line-height: 1.45; overflow-wrap: anywhere; }
.dt-companies[b-0bgv4dy1of] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 0.4rem; }
.dt-label[b-0bgv4dy1of] {
    margin: 0.5rem 0 0.15rem;
    font-family: var(--t-mono, var(--max360-font-label));
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-ink-dim, var(--max360-text-muted));
}
.dt-list[b-0bgv4dy1of] { margin: 0; padding-left: 18px; font-size: 0.9rem; }
.dt-list li[b-0bgv4dy1of] { margin: 2px 0; overflow-wrap: anywhere; }
.dt-meta[b-0bgv4dy1of] { color: var(--t-ink-dim, var(--max360-text-muted)); }
.dt-meta.is-overdue[b-0bgv4dy1of] { color: var(--max360-danger-ink, var(--max360-danger)); }
.dt-none[b-0bgv4dy1of] { font-size: 0.9rem; color: var(--t-ink-dim, var(--max360-text-muted)); font-style: italic; }
/* /Components/Pages/Threads/ThreadDetail.razor.rz.scp.css */
.td-back[b-sa31uhkydo] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 0.9rem;
}

.td-header[b-sa31uhkydo] {
    margin-bottom: 1rem;
}

.td-title-row[b-sa31uhkydo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.td-title[b-sa31uhkydo] {
    margin: 0;
    overflow-wrap: anywhere;
}

.td-pin[b-sa31uhkydo],
.td-status[b-sa31uhkydo] {
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
}

.td-pin[b-sa31uhkydo] {
    background: var(--max360-primary);
    color: var(--max360-on-primary);
}

.td-status[b-sa31uhkydo] {
    border: 1px solid var(--max360-border);
    color: var(--max360-text-muted);
}

.td-why[b-sa31uhkydo] {
    margin: 0.5rem 0 0;
}

.td-pinned-note[b-sa31uhkydo] {
    margin: 0.35rem 0 0;
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.td-meta[b-sa31uhkydo] {
    margin: 0.5rem 0 0;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.td-actions[b-sa31uhkydo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.5rem;
}

.td-message[b-sa31uhkydo] {
    margin-top: 0.5rem;
}

.td-section[b-sa31uhkydo] {
    margin-bottom: 1rem;
}

.td-section-head[b-sa31uhkydo] {
    font-size: 1.05rem;
    margin: 0 0 0.5rem;
}

.td-count[b-sa31uhkydo] {
    margin-left: 0.4rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--max360-border);
    color: var(--max360-text-muted);
    font-size: 0.8rem;
}

.td-empty[b-sa31uhkydo] {
    color: var(--max360-text-muted);
}

.td-list[b-sa31uhkydo] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* one row per item; on a phone the aside wraps under the text instead of squeezing it */
.td-item[b-sa31uhkydo] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.6rem;
    padding: 0.45rem 0;
    border-top: 1px solid var(--max360-border);
}

.td-item:first-child[b-sa31uhkydo] {
    border-top: 0;
}

.td-item-main[b-sa31uhkydo] {
    flex: 1 1 14rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.td-item-note[b-sa31uhkydo] {
    display: block;
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.td-item-aside[b-sa31uhkydo] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: auto;
    gap: 0.5rem;
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.td-item.is-closed .td-item-main > a[b-sa31uhkydo],
.td-item.is-closed .td-item-main > span:first-child[b-sa31uhkydo] {
    color: var(--max360-text-muted);
    text-decoration-color: var(--max360-border);
}

.td-item-note.is-overdue[b-sa31uhkydo] {
    color: var(--max360-danger);
}

.td-next-label[b-sa31uhkydo] {
    color: var(--max360-text-muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.td-next-written[b-sa31uhkydo],
.td-next-update[b-sa31uhkydo] {
    text-transform: none;
    letter-spacing: 0;
}

.td-next-text[b-sa31uhkydo] {
    margin: 0.35rem 0 0;
    font-size: 1.05rem;
}

.td-next-from[b-sa31uhkydo] {
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.td-next-none[b-sa31uhkydo] {
    margin: 0.35rem 0 0;
    color: var(--max360-text-muted);
}

.td-filter[b-sa31uhkydo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 1rem;
}

.td-filter-n[b-sa31uhkydo] {
    margin-left: 0.25rem;
    opacity: 0.75;
}

.td-section-bar[b-sa31uhkydo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.td-section-bar .td-section-head[b-sa31uhkydo] {
    margin: 0;
}

.td-sort[b-sa31uhkydo] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.td-more[b-sa31uhkydo] {
    margin-top: 0.4rem;
}

.td-closed-toggle[b-sa31uhkydo] {
    display: block;
}

/* on a phone the title takes the line, and the date and the actions menu sit at its right end */
@media (max-width: 700px) {
    .max360-page-header[b-sa31uhkydo] { margin-bottom: 0.25rem; }
    .td-header[b-sa31uhkydo], .td-section[b-sa31uhkydo] { padding: 0.9rem 1rem; }
    .td-title[b-sa31uhkydo] { font-size: 1.5rem; }
    .td-item[b-sa31uhkydo] { flex-wrap: nowrap; align-items: flex-start; gap: 0.4rem; padding: 0.4rem 0; }
    .td-item-main[b-sa31uhkydo] { flex: 1 1 auto; }
    .td-item-aside[b-sa31uhkydo] { flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 0; }
    .td-sort[b-sa31uhkydo] { width: 100%; }
}

/* sharing with a team's briefs, on the owner's page, and the read-only view a member opens */
.td-share-copy[b-sa31uhkydo], .td-share-note[b-sa31uhkydo] { margin: 0 0 0.6rem; color: var(--max360-text-muted); }
.td-share-list[b-sa31uhkydo] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.td-share-row[b-sa31uhkydo] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; }
.td-share-pick[b-sa31uhkydo] { display: inline-flex; align-items: center; gap: 0.45rem; min-height: 44px; cursor: pointer; }
.td-share-pick input[b-sa31uhkydo] { width: 1.15rem; height: 1.15rem; }
.td-share-state[b-sa31uhkydo] { color: var(--max360-text-muted); font-size: 0.92em; }
.td-share-text[b-sa31uhkydo] { flex-basis: 100%; padding: 0.5rem 0.75rem; border-left: 3px solid var(--max360-border); }
.td-share-text p[b-sa31uhkydo] { margin: 0.2rem 0 0; overflow-wrap: anywhere; }
.td-shared-next[b-sa31uhkydo] { margin: 0.4rem 0 0; overflow-wrap: anywhere; }
.td-shared-next .td-next-label[b-sa31uhkydo] { margin-right: 0.35rem; }
.td-shared-note[b-sa31uhkydo] { margin: 0.6rem 0 0; color: var(--max360-text-muted); font-size: 0.92em; }
.td-shared + .td-shared[b-sa31uhkydo] { margin-top: 0.75rem; }
/* /Components/Pages/Threads/ThreadEditForm.razor.rz.scp.css */
.tedit[b-bi20w4eu8c] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
}

.tedit-label[b-bi20w4eu8c] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--max360-text-muted);
    margin-top: 0.25rem;
}

.tedit textarea[b-bi20w4eu8c] {
    resize: vertical;
    min-height: 4.5rem;
}

.tedit-hint[b-bi20w4eu8c] {
    font-size: 0.8rem;
    color: var(--max360-text-muted);
    margin: 0;
    max-width: 65ch;
}

.tedit-actions[b-bi20w4eu8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
/* /Components/Pages/Threads/ThreadGroupingRuleCard.razor.rz.scp.css */
.tgr[b-wuew2t53ll] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tgr-head[b-wuew2t53ll] {
    margin: 0;
    font-size: 1.05rem;
}

.tgr p[b-wuew2t53ll] {
    margin: 0;
}

/* the person's own words keep their line breaks */
.tgr-rule[b-wuew2t53ll] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tgr-box[b-wuew2t53ll] {
    width: 100%;
    font-size: 16px;
}

.tgr-note[b-wuew2t53ll],
.tgr-status[b-wuew2t53ll] {
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.tgr-suggestion[b-wuew2t53ll] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0.75rem;
    border: 1px dashed var(--max360-border);
    border-radius: 0.4rem;
}

.tgr-suggestion-lead[b-wuew2t53ll] {
    font-weight: 600;
}

.tgr-actions[b-wuew2t53ll] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    align-items: center;
}

/* /Components/Pages/Threads/ThreadRowMenu.razor.rz.scp.css */
.trm[b-vdiq7r5l9m] {
    position: relative;
    display: inline-flex;
}

/* a click anywhere outside the open menu closes it */
.trm-backdrop[b-vdiq7r5l9m] {
    position: fixed;
    inset: 0;
    z-index: 1039;
}

/* opens leftwards from the button, so it never runs off the right side of the page */
.trm-menu[b-vdiq7r5l9m] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 13rem;
    max-width: calc(100vw - 2rem);
    margin-top: 0.25rem;
    padding: 0.25rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.trm-sep[b-vdiq7r5l9m] {
    display: block;
    height: 1px;
    margin: 0.25rem 0.3rem;
    background: var(--max360-border);
}

.trm-sheet[b-vdiq7r5l9m] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10vh 1rem 1rem;
    background: rgba(0, 0, 0, 0.35);
}

.trm-panel[b-vdiq7r5l9m] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: min(30rem, 100%);
    max-height: 75vh;
    padding: 1rem;
    border-radius: 0.6rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.trm-panel-head[b-vdiq7r5l9m] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.trm-panel-title[b-vdiq7r5l9m] {
    font-weight: 600;
}

.trm-panel-item[b-vdiq7r5l9m] {
    color: var(--max360-text-muted);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.trm-targets[b-vdiq7r5l9m] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.trm-note[b-vdiq7r5l9m] {
    margin: 0;
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.trm-panel-foot[b-vdiq7r5l9m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

/* on a phone the panel rises from the bottom, above the bar, with the list scrolling inside it */
@media (max-width: 700px) {
    .trm-sheet[b-vdiq7r5l9m] {
        align-items: flex-end;
        padding: 0;
    }

    .trm-panel[b-vdiq7r5l9m] {
        width: 100%;
        max-height: 80vh;
        border-radius: 0.8rem 0.8rem 0 0;
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
}
/* /Components/Pages/Threads/ThreadsList.razor.rz.scp.css */
.tl-head[b-izg4pnsgxn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tl-sub[b-izg4pnsgxn] {
    margin: 0;
    color: var(--max360-text-muted);
}

.tl-message[b-izg4pnsgxn] {
    margin-bottom: 1rem;
}

.tl-rows[b-izg4pnsgxn] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* two or more columns in a browser window, one on a phone */
.tl-cards[b-izg4pnsgxn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
    gap: 0.75rem;
    align-items: start;
}

.tl-head-controls[b-izg4pnsgxn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.tl-config[b-izg4pnsgxn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tl-config-head[b-izg4pnsgxn] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.tl-config-head h2[b-izg4pnsgxn] {
    margin: 0;
    font-size: 1.15rem;
}

.tl-config .tl-cap[b-izg4pnsgxn] {
    margin-top: 0;
    padding-top: 0.75rem;
    border-top: 1px solid var(--max360-border);
}

.tl-config .tl-cap h3[b-izg4pnsgxn] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.tl-config-note[b-izg4pnsgxn] {
    margin: 0 0 0.75rem;
    color: var(--max360-text-muted);
    font-size: 0.9rem;
}

.tl-rows[b-izg4pnsgxn] {
    gap: 0.35rem;
}

.tl-empty[b-izg4pnsgxn] {
    color: var(--max360-text-muted);
}

.tl-notfiled[b-izg4pnsgxn] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
    margin: 1rem 0 0.5rem;
    padding: 0.25rem 0.9rem;
    border: 1px dashed var(--max360-border);
    border-radius: 0.5rem;
    color: var(--max360-text-muted);
}

.tl-notfiled-links a[b-izg4pnsgxn] {
    display: inline-block;
    padding: 0.6rem 0;
}

.tl-notfiled-label[b-izg4pnsgxn] {
    color: var(--max360-text);
    font-weight: 600;
}

.tl-foot[b-izg4pnsgxn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    margin-top: 0.75rem;
    color: var(--max360-text-muted);
    font-size: 0.9rem;
}

.tl-charter[b-izg4pnsgxn] {
    margin: 0.75rem 0 0;
}

.tl-add[b-izg4pnsgxn],
.tl-cap[b-izg4pnsgxn] {
    margin-top: 1rem;
}

.tl-add-row[b-izg4pnsgxn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.tl-add-row input[type="text"][b-izg4pnsgxn] {
    flex: 1 1 14rem;
    min-width: 0;
}

.tl-cap-input[b-izg4pnsgxn] {
    width: 6rem;
}

.tl-refusal[b-izg4pnsgxn] {
    margin: 0.5rem 0 0;
    color: var(--max360-danger);
}

.tl-retired[b-izg4pnsgxn] {
    margin-top: 1.5rem;
}

.tl-retired-head[b-izg4pnsgxn] {
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
}

/* threads colleagues shared with your teams, and your own shares */
.tl-shared[b-izg4pnsgxn] { margin-top: 1.25rem; }
.tl-shared-head[b-izg4pnsgxn] { font-size: 1.05rem; margin: 0 0 0.5rem; }
.tl-shared-list[b-izg4pnsgxn] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.tl-shared-item[b-izg4pnsgxn] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.tl-shared-title[b-izg4pnsgxn] { font-weight: 600; overflow-wrap: anywhere; }
.tl-shared-meta[b-izg4pnsgxn] { color: var(--max360-text-muted); font-size: 0.9em; }
.tl-shared-summary[b-izg4pnsgxn] { overflow-wrap: anywhere; }
/* /Components/Pages/TodayCrossword.razor.rz.scp.css */
/* Today's mini crossword — same newspaper vocabulary as Today.razor.css.
   The --t-* tokens are declared on .today and inherit down; the fallbacks let the
   component render correctly if it is ever placed outside that page. */

.max360-crossword[b-5vz2x7obbe] {
    margin-top: 46px;
    padding-top: 26px;
    border-top: 3px double var(--t-ink, var(--ink));
}

.max360-crossword h3[b-5vz2x7obbe] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    letter-spacing: -0.02em;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--t-ink, var(--ink));
    font-variation-settings: 'opsz' 144;
    margin: 0;
}

.max360-crossword h3 strong[b-5vz2x7obbe] {
    font-style: italic;
    font-weight: 700;
    color: var(--t-brand-accent, var(--accent));
}

.sub[b-5vz2x7obbe] {
    margin-top: 8px;
    font-style: italic;
    font-size: 13px;
    color: var(--t-ink-dim, var(--ink-dim));
    line-height: 1.5;
}

.xw-body[b-5vz2x7obbe] {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 38px;
    align-items: flex-start;
}

/* ─── grid ──────────────────────────────────────────── */
.xw-grid[b-5vz2x7obbe] {
    display: grid;
    grid-template-columns: repeat(var(--xw-cols), 34px);
    gap: 0;
    flex: 0 0 auto;
}

.xw-sq[b-5vz2x7obbe] {
    position: relative;
    width: 34px;
    height: 34px;
}

.xw-sq:not(.xw-blank)[b-5vz2x7obbe] {
    border: 1px solid var(--t-ink, var(--ink));
    /* Collapse shared edges so the grid reads as one ruled block, not stacked boxes. */
    margin: -1px 0 0 -1px;
    background: var(--t-surface, var(--surface));
}

.xw-num[b-5vz2x7obbe] {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: var(--t-mono, ui-monospace, monospace);
    font-size: 8px;
    line-height: 1;
    color: var(--t-ink-dim, var(--ink-dim));
    pointer-events: none;
    z-index: 1;
}

.xw-cell[b-5vz2x7obbe] {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--t-ink, var(--ink));
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    caret-color: transparent;
}

.xw-cell:focus[b-5vz2x7obbe] {
    outline: 0;
    background: var(--t-accent, var(--accent));
    color: var(--t-paper, var(--bg));
}

.xw-cell.xw-lit:not(:focus)[b-5vz2x7obbe] {
    background: color-mix(in srgb, var(--t-accent, var(--accent)) 16%, transparent);
}

.xw-cell.xw-wrong[b-5vz2x7obbe] {
    color: var(--max360-danger, #dc2626);
    text-decoration: line-through;
}

.xw-cell.xw-revealed[b-5vz2x7obbe] {
    color: var(--t-ink-dim, var(--ink-dim));
}

/* ─── clues ─────────────────────────────────────────── */
.xw-clues[b-5vz2x7obbe] {
    flex: 1 1 260px;
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

.xw-list[b-5vz2x7obbe] {
    flex: 1 1 200px;
    min-width: 180px;
}

.xw-list h5[b-5vz2x7obbe] {
    margin: 0 0 8px;
    font-family: var(--t-mono, ui-monospace, monospace);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--t-ink-dim, var(--ink-dim));
    font-weight: 500;
    border-bottom: 1px solid var(--t-rule, var(--rule));
    padding-bottom: 6px;
}

.xw-list ol[b-5vz2x7obbe] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xw-clue[b-5vz2x7obbe] {
    display: flex;
    gap: 7px;
    align-items: baseline;
    padding: 4px 6px;
    margin: 0 -6px;
    font-size: 13px;
    line-height: 1.45;
    cursor: pointer;
    border-radius: 3px;
}

.xw-clue:hover[b-5vz2x7obbe] {
    background: var(--t-surface-2, var(--surface-2));
}

.xw-clue.xw-lit[b-5vz2x7obbe] {
    background: color-mix(in srgb, var(--t-accent, var(--accent)) 14%, transparent);
}

.xw-clue-num[b-5vz2x7obbe] {
    font-family: var(--t-mono, ui-monospace, monospace);
    font-size: 11px;
    color: var(--t-ink-dim, var(--ink-dim));
    min-width: 14px;
    text-align: right;
    flex: 0 0 auto;
}

.xw-clue-text[b-5vz2x7obbe] {
    color: var(--t-ink, var(--ink));
}

.xw-clue-len[b-5vz2x7obbe] {
    color: var(--t-ink-dim, var(--ink-dim));
    font-size: 11px;
    flex: 0 0 auto;
}

/* ─── actions ───────────────────────────────────────── */
.xw-actions[b-5vz2x7obbe] {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.xw-btn[b-5vz2x7obbe] {
    font-family: var(--t-mono, ui-monospace, monospace);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 7px 14px;
    background: transparent;
    color: var(--t-ink, var(--ink));
    border: 1px solid var(--t-ink, var(--ink));
    cursor: pointer;
}

.xw-btn:hover[b-5vz2x7obbe] {
    background: var(--t-ink, var(--ink));
    color: var(--t-paper, var(--bg));
}

.xw-note[b-5vz2x7obbe] {
    font-style: italic;
    font-size: 12px;
    color: var(--t-ink-dim, var(--ink-dim));
}

@media (max-width: 720px) {
    .xw-grid[b-5vz2x7obbe] { grid-template-columns: repeat(var(--xw-cols), 28px); }
    .xw-sq[b-5vz2x7obbe] { width: 28px; height: 28px; }
    .xw-cell[b-5vz2x7obbe] { font-size: 15px; }
}
/* /Components/Pages/TodayRewindPopover.razor.rz.scp.css */
/* Rewind control — scoped to THIS component so Blazor CSS isolation actually applies
   the rules to the elements it renders. These previously lived in Today.razor.css
   (the parent), where isolation silently dropped them: a parent's scoped styles don't
   reach a child component's markup without ::deep, so the button rendered unstyled and
   the SVG (dark currentColor on the dark masthead, unsized) showed as an empty box.

   Tokens: the local --t-* derivations are inherited from the .today ancestor; each keeps
   a global-token fallback (--ink-dim, --accent, --rule, --surface) so the control still
   themes correctly even if that inheritance ever breaks. */

.rewind-host[b-w8esqyuiw7] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    position: relative;
}

.rewind-label[b-w8esqyuiw7] {
    font-family: var(--t-mono, var(--max360-font-label));
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--t-ink-dim, var(--ink-dim));
}

.rewind-trigger[b-w8esqyuiw7] {
    background: none;
    border: 1px solid var(--t-rule, var(--rule, #e2dfd6));
    border-radius: 50%;
    width: 28px; height: 28px;
    padding: 0; line-height: 0;
    color: var(--t-ink-dim, var(--ink-dim));
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.rewind-trigger svg[b-w8esqyuiw7] { width: 15px; height: 15px; display: block; }
/* the circle stays 28px; the tap area around it is 44px */
.rewind-trigger[b-w8esqyuiw7] { position: relative; }
.rewind-trigger[b-w8esqyuiw7]::before { content: ""; position: absolute; inset: -8px; }
.rewind-trigger:hover[b-w8esqyuiw7] {
    color: var(--t-accent, var(--accent));
    border-color: var(--t-accent, var(--accent));
    background-color: color-mix(in srgb, var(--t-accent, var(--accent)) 8%, transparent);
}
.rewind-trigger:focus-visible[b-w8esqyuiw7] { outline: 2px solid var(--t-accent, var(--accent)); outline-offset: 2px; }

.rewind-backdrop[b-w8esqyuiw7] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.rewind-popover[b-w8esqyuiw7] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 1041;
    width: 280px;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--t-surface, var(--surface, #fff));
    border: 1px solid var(--t-rule, var(--rule, #e2dfd6));
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    color: var(--t-ink, var(--ink));
    font-family: var(--max360-font-body, system-ui, sans-serif);
    text-transform: none;
    letter-spacing: normal;
    text-align: left;
}
.rewind-title[b-w8esqyuiw7] {
    font-size: 14px;
    font-weight: 600;
}
.rewind-input[b-w8esqyuiw7] {
    width: 100%;
    box-sizing: border-box;
    min-height: 40px;
    padding: 6px 10px;
    font: inherit;
    font-size: 15px;
    color: var(--t-ink, var(--ink));
    background: var(--t-paper, var(--bg));
    border: 1px solid var(--t-rule, var(--rule));
    border-radius: 6px;
    color-scheme: light dark;
}
.rewind-input:focus-visible[b-w8esqyuiw7] { outline: 2px solid var(--t-accent, var(--accent)); outline-offset: 1px; }
.rewind-actions[b-w8esqyuiw7] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

@media (max-width: 700px) {
    .rewind-input[b-w8esqyuiw7] { font-size: 16px; }
    /* the phone shows its own clock; a rewound brief keeps its date, which is the point of it */
    .rewind-label.is-live[b-w8esqyuiw7] { display: none; }
}
/* /Components/Pages/TodayTalk.razor.rz.scp.css */
/* Today with Talk: the letter, the view that comes up in its place, and the Talk control pinned to the foot of the
   page. The page scrolls as one; the Talk control sticks to the bottom of the app's own scrolling main.
   Colors and faces come from the theme, through the same --t-* names the letter uses; the Talk controls take Max
   Live's own. */

.tt-page[b-oz1bkeiqg5] {
    --t-paper: var(--bg);
    --t-ink: var(--ink);
    --t-ink-dim: var(--ink-dim);
    --t-rule: var(--rule);
    --t-accent: var(--accent);
    --t-mono: var(--max360-font-label);
    position: relative;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

.tt-brief[hidden][b-oz1bkeiqg5] { display: none; }
.tt-brief:focus[b-oz1bkeiqg5] { outline: none; }

.tt-page[b-oz1bkeiqg5]  .tt-pane {
    position: relative;
    z-index: 1;
    flex: 1 0 auto;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 0 0 32px;
    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    animation: tt-rise-b-oz1bkeiqg5 220ms ease-out both;
}
.tt-page[b-oz1bkeiqg5]  .tt-pane.is-leaving {
    position: absolute;
    inset: 0 0 auto;
    max-height: 100%;
    overflow: hidden;
    pointer-events: none;
    animation: tt-sink-b-oz1bkeiqg5 220ms ease-in both;
}
.tt-page[b-oz1bkeiqg5]  .tt-runhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
}
.tt-page[b-oz1bkeiqg5]  .tt-back {
    gap: 4px;
    min-height: 44px;
    padding: 0 8px 0 0;
    color: var(--t-ink);
    font-size: 0.9rem;
    font-weight: 600;
}
/* the chevron says what it does, so it carries no accent underline */
.tt-page[b-oz1bkeiqg5]  .tt-back::after { display: none; }
.tt-page[b-oz1bkeiqg5]  .tt-back .bi { font-size: 1rem; }
.tt-page[b-oz1bkeiqg5]  .tt-kind {
    font-size: 0.9rem;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-headline {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 6px 0 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-variation-settings: 'opsz' 144;
    font-size: 44px;
    line-height: 1.08;
    color: var(--t-ink);
}
.tt-page[b-oz1bkeiqg5]  .tt-headline-text {
    min-width: 0;
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-count {
    flex: 0 0 auto;
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    font-size: 0.875rem;
    font-weight: 400;
    font-variation-settings: normal;
    letter-spacing: 0;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-headline .tt-count { font-size: 1.125rem; }
/* numbers and times: the mono face, figures of one width, no tracking; after .tt-count, which a count shares */
.tt-page[b-oz1bkeiqg5]  .tt-num {
    font-family: var(--t-mono);
    font-variant-numeric: tabular-nums;
    font-variation-settings: normal;
    letter-spacing: 0;
    word-spacing: -0.25em;
}
.tt-page[b-oz1bkeiqg5]  .tt-deck {
    margin: 10px 0 0;
    font-size: 1rem;
    line-height: 1.45;
    color: var(--t-ink-dim);
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-deck .tt-num { font-size: 0.9em; }
.tt-page[b-oz1bkeiqg5]  .tt-note {
    margin: 10px 0 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-note-bad {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    color: var(--max360-danger-ink, var(--t-ink));
}

.tt-page[b-oz1bkeiqg5]  .tt-rows {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    border-top: 1px solid var(--t-rule);
}
.tt-page[b-oz1bkeiqg5]  .tt-row {
    position: relative;
    border-bottom: 1px solid var(--t-rule);
}
.tt-page[b-oz1bkeiqg5]  .tt-row-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    align-content: center;
    gap: 2px 16px;
    min-height: 48px;
    padding: 10px 0;
    color: var(--t-ink);
    text-decoration: none;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-title {
    grid-column: 1;
    grid-row: 1;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-when {
    grid-column: 2;
    grid-row: 1;
    max-width: 11rem;
    text-align: right;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-row-sub {
    grid-column: 1 / -1;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--t-ink-dim);
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-link:hover .tt-row-title,
.tt-page[b-oz1bkeiqg5]  .tt-row-link:focus-visible .tt-row-title { text-decoration: underline; }
.tt-page[b-oz1bkeiqg5]  .tt-row-link:focus-visible {
    outline: 2px solid var(--t-accent);
    outline-offset: 2px;
    border-radius: 2px;
}
/* the row Max points at: a mark in the margin, and a wash that fades once */
.tt-page[b-oz1bkeiqg5]  .tt-row.is-focused::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: -12px;
    width: 3px;
    border-radius: 2px;
    background: var(--t-accent);
}
.tt-page[b-oz1bkeiqg5]  .tt-row.is-focused::after {
    content: "";
    position: absolute;
    inset: 0 -12px;
    z-index: -1;
    border-radius: 6px;
    background: color-mix(in srgb, var(--t-accent) 16%, transparent);
    opacity: 0;
    pointer-events: none;
    animation: tt-wash-b-oz1bkeiqg5 600ms ease-out;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-flagged {
    margin: -4px 0 10px;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--max360-danger-ink, var(--t-ink));
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-detail {
    margin: 0 0 6px;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--t-ink);
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-why {
    margin: 0 0 2px;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--t-ink-dim);
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-row-open { margin: 0 0 6px; }
/* a phone tap target: the line is 44px tall */
.tt-page[b-oz1bkeiqg5]  .tt-mail-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1.25rem; min-height: 44px; margin: 4px 0; }

.tt-page[b-oz1bkeiqg5]  .tt-section { margin-top: 28px; }
.tt-page[b-oz1bkeiqg5]  .tt-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--t-rule);
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-size: 1.1rem;
    line-height: 1.25;
    color: var(--t-ink);
}
.tt-page[b-oz1bkeiqg5]  .tt-section .tt-rows {
    margin-top: 0;
    border-top: 0;
}
.tt-page[b-oz1bkeiqg5]  .tt-section-empty {
    margin: 10px 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-section-more {
    margin: 8px 0 0;
    font-size: 0.8rem;
    color: var(--t-ink-dim);
}

.tt-page[b-oz1bkeiqg5]  .tt-item-detail {
    margin: 16px 0 0;
    font-size: 1rem;
    line-height: 1.55;
    color: var(--t-ink);
    overflow-wrap: anywhere;
}
.tt-page[b-oz1bkeiqg5]  .tt-facts {
    display: grid;
    grid-template-columns: fit-content(7.5rem) minmax(0, 1fr);
    align-items: baseline;
    column-gap: 16px;
    margin: 18px 0 0;
}
.tt-page[b-oz1bkeiqg5]  .tt-fact { display: contents; }
.tt-page[b-oz1bkeiqg5]  .tt-fact dt {
    padding: 7px 0;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--t-ink-dim);
}
.tt-page[b-oz1bkeiqg5]  .tt-fact dd {
    margin: 0;
    padding: 7px 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--t-ink);
    overflow-wrap: anywhere;
}
/* inline, so its first line sits on the label's baseline; the padding makes a 44px target without spacing the facts apart */
.tt-page[b-oz1bkeiqg5]  .tt-fact a {
    padding: 14px 0;
    color: var(--t-accent);
}
.tt-page[b-oz1bkeiqg5]  .tt-open-full { margin-top: 24px; }

@keyframes tt-rise-b-oz1bkeiqg5 {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: none; }
}
@keyframes tt-sink-b-oz1bkeiqg5 {
    from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateY(24px); visibility: hidden; }
}
@keyframes tt-wash-b-oz1bkeiqg5 {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* the letter fades under a view coming up, out of the flow so the view takes its place at once. Bootstrap hides
   every [hidden] with !important, so drawing it for the fade needs the same. A transition rather than an animation,
   so where neither runs the letter still ends up hidden */

@media (prefers-reduced-motion: no-preference) {
    .tt-brief[b-oz1bkeiqg5] { transition: opacity 220ms ease-out, visibility 0s; }
    .tt-brief[hidden][b-oz1bkeiqg5] {
        display: block !important;
        position: absolute;
        inset: 0 0 auto;
        max-height: 100%;
        overflow: hidden;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 220ms ease-out, visibility 0s linear 220ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tt-page[b-oz1bkeiqg5]  .tt-pane { animation: none; }
    .tt-page[b-oz1bkeiqg5]  .tt-pane.is-leaving { display: none; }
    .tt-page[b-oz1bkeiqg5]  .tt-row.is-focused::after { animation: none; }
}

@media (max-width: 700px) {
    .tt-page[b-oz1bkeiqg5]  .tt-headline { font-size: 32px; }
}
/* /Components/Pages/Visitors/VisitPage.razor.rz.scp.css */
.visit-page[b-38ss9bnc4l] {
    max-width: 40rem;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 3rem;
    color: var(--max360-text);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    line-height: 1.55;
}

.visit-page h1[b-38ss9bnc4l],
.visit-page h2[b-38ss9bnc4l] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: var(--max360-heading-weight, 500);
    letter-spacing: var(--max360-heading-tracking, normal);
}

.visit-page h1[b-38ss9bnc4l] { font-size: 2.25rem; margin-bottom: 0.5rem; }
.visit-page h2[b-38ss9bnc4l] { font-size: 1.25rem; margin-top: 1.75rem; }

.visit-refusal[b-38ss9bnc4l] {
    padding: 0.75rem 1rem;
    background: var(--max360-info-soft);
    color: var(--max360-info-ink, var(--max360-text));
    border-radius: 6px;
}

.visit-keep[b-38ss9bnc4l] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 6px;
}

.visit-keep h2[b-38ss9bnc4l] { margin-top: 0; }

.visit-seats[b-38ss9bnc4l] {
    display: grid;
    gap: 0.75rem;
    margin: 1.25rem 0;
    padding: 0;
    list-style: none;
}

.visit-seat[b-38ss9bnc4l] {
    border: 1px solid var(--max360-border);
    border-radius: 6px;
    overflow: hidden;
}

.visit-seat:hover[b-38ss9bnc4l],
.visit-seat:focus-within[b-38ss9bnc4l] {
    border-color: var(--max360-action-accent);
}

.visit-seat-name[b-38ss9bnc4l] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 1.1rem;
}

.visit-page ul:not(.visit-seats)[b-38ss9bnc4l] {
    padding-left: 0;
    list-style: none;
}

.visit-inline-form[b-38ss9bnc4l] {
    display: inline;
}

.visit-footer[b-38ss9bnc4l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 700px) {
    .visit-page[b-38ss9bnc4l] { padding: 1.5rem 1rem 2rem; }
    .visit-page h1[b-38ss9bnc4l] { font-size: 1.85rem; }
}
/* /Components/Pages/Visitors/YourVisit.razor.rz.scp.css */
.visit-page[b-zg1vppn5a2] {
    max-width: 40rem;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 3rem;
    color: var(--max360-text);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    line-height: 1.55;
}

.visit-page h1[b-zg1vppn5a2],
.visit-page h2[b-zg1vppn5a2] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: var(--max360-heading-weight, 500);
    letter-spacing: var(--max360-heading-tracking, normal);
}

.visit-page h1[b-zg1vppn5a2] { font-size: 2.25rem; margin-bottom: 0.5rem; }
.visit-page h2[b-zg1vppn5a2] { font-size: 1.25rem; margin-top: 1.75rem; }

.visit-refusal[b-zg1vppn5a2] {
    padding: 0.75rem 1rem;
    background: var(--max360-info-soft);
    color: var(--max360-info-ink, var(--max360-text));
    border-radius: 6px;
}

.visit-keep[b-zg1vppn5a2] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    background: var(--max360-surface);
    border: 1px solid var(--max360-border);
    border-radius: 6px;
}

.visit-keep h2[b-zg1vppn5a2] { margin-top: 0; }

.visit-page ul:not(.visit-seats)[b-zg1vppn5a2] {
    padding-left: 0;
    list-style: none;
}

.visit-inline-form[b-zg1vppn5a2] {
    display: inline;
}

.visit-footer[b-zg1vppn5a2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.5rem;
    margin-top: 1.5rem;
}

@media (max-width: 700px) {
    .visit-page[b-zg1vppn5a2] { padding: 1.5rem 1rem 2rem; }
    .visit-page h1[b-zg1vppn5a2] { font-size: 1.85rem; }
}

.visit-confirm[b-zg1vppn5a2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.75rem 0;
}
/* /Components/Pages/WhereYourAIRuns.razor.rz.scp.css */
.ai-terms[b-l6vypplwqv] {
    margin: 0;
}

.ai-terms dt[b-l6vypplwqv] {
    font-weight: 600;
}

.ai-terms dd[b-l6vypplwqv] {
    margin: 0 0 0.5rem 0;
    overflow-wrap: anywhere;
}
/* /Components/Shared/BoardImage.razor.rz.scp.css */
/* The picture only; the board item around it owns the title row and the dismiss control. */

.bim[b-afw15cvz0p] {
    margin: 0;
    min-width: 0;
}

.bim img[b-afw15cvz0p] {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 6px;
    border: 1px solid var(--max360-border);
}

.bim-broken-line[b-afw15cvz0p] {
    display: none;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.bim.bim-broken img[b-afw15cvz0p] {
    display: none;
}

.bim.bim-broken .bim-broken-line[b-afw15cvz0p] {
    display: block;
}

.bim-gone[b-afw15cvz0p] {
    margin: 0;
    color: var(--max360-text-muted);
}
/* /Components/Shared/BoardPageFrame.razor.rz.scp.css */
.bpf[b-ginyice4ol] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 0;
}

/* a page is a page's height, not a card's: tall enough to read a day, and the page scrolls inside it the way a long
   document does on the board */
.bpf-frame[b-ginyice4ol] {
    display: block;
    width: 100%;
    height: 34rem;
    max-height: 70dvh;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
}

.bpf-filled[b-ginyice4ol] {
    flex: 1 1 auto;
}

.bpf-filled .bpf-frame[b-ginyice4ol] {
    height: 78dvh;
    max-height: none;
}

.bpf-open[b-ginyice4ol] {
    align-self: flex-end;
    font-size: 0.85rem;
}

@media (max-width: 700px) {
    .bpf-frame[b-ginyice4ol] {
        height: 60dvh;
    }

    .bpf-open[b-ginyice4ol] {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }
}
/* /Components/Shared/BoardPhotoStrip.razor.rz.scp.css */
/* The photo grid only; the board item around it owns the title row and the dismiss control. */

.bps[b-ne52du37cq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 6px;
    min-width: 0;
}

.bps-photo[b-ne52du37cq] {
    margin: 0;
    min-width: 0;
}

.bps-frame[b-ne52du37cq] {
    display: block;
    aspect-ratio: 4 / 3;
    max-width: 100%;
    border-radius: 6px;
    overflow: hidden;
    background: var(--max360-border);
}

.bps-frame img[b-ne52du37cq] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* the frame that failed to load hides; the caption keeps the links */
.bps-broken .bps-frame[b-ne52du37cq] {
    display: none;
}

.bps-cap[b-ne52du37cq] {
    font-size: 12px;
    line-height: 1.3;
    color: var(--max360-text-muted);
    margin-top: 2px;
}

.bps-cap span[b-ne52du37cq] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bps-cap a[b-ne52du37cq] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--max360-border);
}

.bps-foot[b-ne52du37cq] {
    font-size: 11px;
    color: var(--max360-text-muted);
    margin: 6px 0 0;
}
/* /Components/Shared/BoardPicture.razor.rz.scp.css */
.board-picture-item[b-lk2v8fkkv1] {
    margin: 0;
}

/* --k, --h and --shown are set by js/board-picture.js once the box is sized or measured; until then the frame stays hidden */
.board-picture[b-lk2v8fkkv1] {
    --k: 0;
    --shown: hidden;
    border-radius: 0.5rem;
    background: #fffaf0;
    color: #1f2a37;
}

.board-picture[data-board-picture="page"][b-lk2v8fkkv1] {
    --h: 320px;
    background: #f6f8fa;
    color: #1d2733;
}

.board-picture-caption[b-lk2v8fkkv1] {
    margin-top: 0.4rem;
    font-size: 0.95rem;
    color: var(--max360-text-muted);
}

.board-picture-gone[b-lk2v8fkkv1] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--max360-text-muted);
}
/* /Components/Shared/MergeKeepChoice.razor.rz.scp.css */
.merge-keep-pair[b-bpviiedfzj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0.5rem 0;
}

.merge-keep-side[b-bpviiedfzj] {
    flex: 1 1 14rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--rule);
    border-radius: 4px;
}

.merge-keep-name[b-bpviiedfzj] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.merge-keep-meta[b-bpviiedfzj] {
    font-size: 0.875em;
    overflow-wrap: anywhere;
}

.merge-keep-button[b-bpviiedfzj] {
    margin-top: 0.5rem;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
}

.merge-keep-note[b-bpviiedfzj] {
    font-size: 0.875em;
    margin: 0.5rem 0;
}

.merge-keep-entry[b-bpviiedfzj] {
    margin: 0.5rem 0 0.75rem;
}

.merge-keep-entry-buttons[b-bpviiedfzj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
/* /Components/Shared/ProcessAgainControl.razor.rz.scp.css */
.process-again[b-pou2gzv79u] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    max-width: 100%;
}

.process-again-line[b-pou2gzv79u] {
    margin: 0;
    font-size: 0.9em;
    color: var(--max360-text-muted);
    overflow-wrap: anywhere;
}

.process-again-error[b-pou2gzv79u] {
    color: var(--max360-danger, #b42318);
}

.process-again-reason[b-pou2gzv79u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    font-size: 0.9em;
}

.process-again-reason input[b-pou2gzv79u] {
    width: 100%;
    max-width: 32rem;
}
/* /Components/Shared/SectionUpdating.razor.rz.scp.css */
.section-updating[b-8l1ygnsnbs] {
    margin-left: 0.4em;
    color: var(--max360-text-muted);
    font-family: var(--max360-font-body, inherit);
    font-size: 0.75rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
}
/* /Components/Shared/ThreadFilterChips.razor.rz.scp.css */
.tfc[b-pvlxoyzqh3] {
    margin-bottom: 0.75rem;
}

/* wraps on a wide screen; one line that scrolls inside itself on a phone (below) */
.tfc-row[b-pvlxoyzqh3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.tfc-chip[b-pvlxoyzqh3] { display: inline-flex; align-items: center; gap: 0.4rem; max-width: 100%; white-space: nowrap; }

/* a long thread title ends in an ellipsis; the count after it always shows */
.tfc-title[b-pvlxoyzqh3] {
    min-width: 0;
    max-width: 20rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tfc-count[b-pvlxoyzqh3] {
    font-variant-numeric: tabular-nums;
    opacity: 0.75;
}

.tfc-line[b-pvlxoyzqh3] {
    margin: 0.5rem 0 0;
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

/* at ShortRail.PhoneMaxWidthPx: one line that scrolls sideways inside itself, never the page;
   the chosen chip moves to the front so it is always in view */
@media (max-width: 700px) {
    .tfc-row[b-pvlxoyzqh3] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-bottom: 2px;
    }

    .tfc-row[b-pvlxoyzqh3]::-webkit-scrollbar {
        display: none;
    }

    .tfc-chip[b-pvlxoyzqh3] {
        flex: 0 0 auto;
    }

    .tfc-chip.is-selected[b-pvlxoyzqh3] {
        order: -1;
    }

    .tfc-title[b-pvlxoyzqh3] {
        max-width: 12rem;
    }
}
/* /Components/Shared/ThreadItemChip.razor.rz.scp.css */
.tic[b-wxm1d4w4cm] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    font-size: 0.8rem;
    vertical-align: middle;
}

.tic-chip[b-wxm1d4w4cm] {
    display: inline-block;
    max-width: 14rem;
    padding: 0.1rem 0.55rem;
    border: 1px solid var(--max360-border);
    border-radius: 999px;
    background: var(--max360-surface);
    color: var(--max360-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tic-icon[b-wxm1d4w4cm] { margin-right: 0.3rem; font-size: 0.75rem; color: var(--max360-text-muted); }

.tic-chip.is-unfiled[b-wxm1d4w4cm] {
    border-style: dashed;
    color: var(--max360-text-muted);
}

.tic-move[b-wxm1d4w4cm] {
    position: relative;
}

.tic-move-summary[b-wxm1d4w4cm] {
    list-style: none;
    cursor: pointer;
    color: var(--max360-primary);
    user-select: none;
}

.tic-move-summary[b-wxm1d4w4cm]::-webkit-details-marker {
    display: none;
}

.tic-menu[b-wxm1d4w4cm] {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    min-width: 12rem;
    max-width: calc(100vw - 2rem);
    max-height: 60vh;
    overflow: auto;
    margin-top: 0.25rem;
    padding: 0.25rem;
    border: 1px solid var(--max360-border);
    border-radius: 0.5rem;
    background: var(--max360-surface);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

/* on a phone the menu opens in the flow under the chip, so it can never leave the screen */
@media (max-width: 700px) {
    .tic-menu[b-wxm1d4w4cm] {
        position: static;
        min-width: 0;
        max-width: 100%;
        box-shadow: none;
    }
}

.tic-menu-item[b-wxm1d4w4cm] {
    padding: 0.45rem 0.6rem;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: var(--max360-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    white-space: normal;
}

.tic-menu-item:hover[b-wxm1d4w4cm],
.tic-menu-item:focus-visible[b-wxm1d4w4cm] {
    background: var(--max360-primary);
    color: var(--max360-on-primary);
}

.tic-menu-item--quiet[b-wxm1d4w4cm] {
    color: var(--max360-text-muted);
}

.tic-error[b-wxm1d4w4cm] {
    color: var(--max360-danger);
}
/* /Components/Shared/ThreadTickPanel.razor.rz.scp.css */
.ttp[b-rknexjwgtu] {
    display: flex;
    flex-direction: column;
    min-width: 14rem;
    margin: 0;
    padding: 0.25rem;
    border: 0;
}

.ttp-legend[b-rknexjwgtu] {
    float: none;
    width: auto;
    margin: 0 0 0.2rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
    color: var(--max360-text-muted);
}

.ttp-row[b-rknexjwgtu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0 0.4rem;
    border-radius: 0.35rem;
}

.ttp-row:hover[b-rknexjwgtu] {
    background: var(--max360-bg);
}

.ttp-box[b-rknexjwgtu] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
}

.ttp-label[b-rknexjwgtu] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--max360-text);
    cursor: pointer;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ttp-part[b-rknexjwgtu] {
    color: var(--max360-text-muted);
}

.ttp-loading[b-rknexjwgtu] {
    padding: 0.4rem;
    color: var(--max360-text-muted);
}

.ttp-error[b-rknexjwgtu] {
    padding: 0.3rem 0.4rem;
    color: var(--max360-danger);
}

/* a whole row is the tap target on a phone */
@media (max-width: 700px) {
    .ttp[b-rknexjwgtu] { min-width: 0; }
    .ttp-row[b-rknexjwgtu] { min-height: 2.75rem; }
}
/* /Components/Shared/UntraceableAttachmentsNote.razor.rz.scp.css */
.untraceable-note[b-u61jq34k18] {
    margin: 0.5rem 0;
}

.untraceable-line[b-u61jq34k18] {
    margin: 0.25rem 0;
    color: var(--max360-text-muted);
}

.untraceable-toggle[b-u61jq34k18] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0;
    background: none;
    border: none;
    color: var(--max360-link);
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}

.untraceable-list[b-u61jq34k18] {
    margin: 0.25rem 0 0.5rem;
    padding-left: 1.25rem;
    max-height: 16rem;
    overflow-y: auto;
}

.untraceable-list li[b-u61jq34k18] {
    margin: 0.5rem 0;
    overflow-wrap: anywhere;
}

.untraceable-date[b-u61jq34k18] {
    margin-left: 0.5rem;
    color: var(--max360-text-muted);
    white-space: nowrap;
}
/* /Components/TodayTalk/FirstDayCard.razor.rz.scp.css */
/* one column at every width, no fixed heights */
.first-day[b-ac0kzrn2t3] {
    border: 1px solid var(--max360-border);
    border-radius: 12px;
    padding: 14px 16px 12px;
    margin: 0 0 16px;
    background: var(--max360-surface);
    overflow-wrap: anywhere;
}

.first-day-title[b-ac0kzrn2t3] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    color: var(--max360-text);
}

.first-day-lead[b-ac0kzrn2t3] {
    font-size: 14px;
    margin: 4px 0 10px;
    color: var(--max360-text-muted);
}

.first-day-bar[b-ac0kzrn2t3] {
    height: 4px;
    border-radius: 2px;
    background: var(--max360-border);
    margin: 0 0 6px;
}

.first-day-bar span[b-ac0kzrn2t3] {
    display: block;
    height: 4px;
    border-radius: 2px;
    background: var(--max360-brand-accent, var(--accent));
}

.first-day-steps[b-ac0kzrn2t3] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.first-day-step[b-ac0kzrn2t3] {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--max360-border);
}

.first-day-mark[b-ac0kzrn2t3] {
    flex: 0 0 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--max360-text-muted);
    box-sizing: border-box;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-top: 1px;
}

.first-day-step.is-next .first-day-mark[b-ac0kzrn2t3] { border-color: var(--max360-brand-accent, var(--accent)); }

.first-day-step.is-done .first-day-mark[b-ac0kzrn2t3] {
    background: var(--max360-success);
    border-color: var(--max360-success);
    color: var(--max360-on-success);
}

.first-day-body[b-ac0kzrn2t3] { flex: 1 1 auto; min-width: 0; }

.first-day-step-title[b-ac0kzrn2t3] { font-weight: 600; font-size: 15px; color: var(--max360-text); }

.first-day-step.is-done .first-day-step-title[b-ac0kzrn2t3] {
    font-weight: 400;
    color: var(--max360-text-muted);
    text-decoration: line-through;
}

.first-day-line[b-ac0kzrn2t3] {
    font-size: 14px;
    margin: 2px 0 8px;
    color: var(--max360-text-muted);
}

/* a phone tap target: the row is 44px tall and the link fills it */
.first-day-go[b-ac0kzrn2t3] { display: flex; min-height: 44px; }
.first-day-go a[b-ac0kzrn2t3] { display: flex; align-items: center; }

.first-day-questions[b-ac0kzrn2t3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.first-day-question[b-ac0kzrn2t3] {
    display: block;
    padding: 8px 12px;
    min-height: 44px;
    box-sizing: border-box;
    border: 1px solid var(--max360-border);
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
    color: var(--max360-text);
}

.first-day-offers[b-ac0kzrn2t3] { padding: 10px 0; border-top: 1px solid var(--max360-border); }

.first-day-sub[b-ac0kzrn2t3] { font-size: 15px; font-weight: 600; margin: 0 0 8px; color: var(--max360-text); }

.first-day-offer-list[b-ac0kzrn2t3] { display: flex; flex-wrap: wrap; gap: 6px; }

.first-day-foot[b-ac0kzrn2t3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--max360-border);
    font-size: 13px;
    color: var(--max360-text-muted);
}
/* /Components/TodayTalk/JustInStrip.razor.rz.scp.css */
/* Just in, above the letter. It bleeds to the edges of the app's main as the letter does, so their columns line up,
   and its bottom margin meets the letter's own negative top margin, so nothing sits between them but the rule. */

.tt-justin[b-7219hqviai] {
    margin: -1rem -1.5rem 1rem;
    padding: 36px 60px 0;
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
}
.tt-justin-col[b-7219hqviai] {
    max-width: 760px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--t-rule);
}
.tt-justin-head[b-7219hqviai] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0;
    font-family: var(--max360-font-heading);
    font-weight: var(--max360-heading-weight);
    letter-spacing: var(--max360-heading-tracking);
    font-size: 1.1rem;
    line-height: 1.25;
    color: var(--t-ink);
}
.tt-justin-count[b-7219hqviai] {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--t-ink-dim);
}
.tt-justin-list[b-7219hqviai] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}
.tt-justin-entry[b-7219hqviai] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "line when act" "flag flag act";
    align-items: center;
    column-gap: 16px;
    padding: 2px 0;
    border-top: 1px solid var(--t-rule);
}
.tt-justin-entry:first-child[b-7219hqviai] { border-top: 0; }
.tt-justin-line[b-7219hqviai] {
    grid-area: line;
    margin: 0;
    padding: 6px 0;
    font-size: 0.9rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.tt-justin-what[b-7219hqviai] { font-weight: 600; }
.tt-justin-when[b-7219hqviai] {
    grid-area: when;
    font-size: 0.8rem;
    color: var(--t-ink-dim);
    white-space: nowrap;
}
.tt-justin-flagged[b-7219hqviai] {
    grid-area: flag;
    margin: 0 0 6px;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--max360-danger-ink, var(--t-ink));
    overflow-wrap: anywhere;
}
.tt-justin-actions[b-7219hqviai] {
    grid-area: act;
    display: flex;
    align-items: center;
    gap: 0 18px;
}
.tt-justin-actions .max360-action + .max360-action[b-7219hqviai] { margin-left: 0; }
.tt-justin-more[b-7219hqviai] { margin-top: 2px; }
.tt-justin-partial[b-7219hqviai] {
    margin: 6px 0;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--t-ink-dim);
    overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: no-preference) {
    .tt-justin-entry[b-7219hqviai] { animation: tt-justin-in-b-7219hqviai 220ms ease-out both; }
}
@keyframes tt-justin-in-b-7219hqviai {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
    .tt-justin[b-7219hqviai] { padding: 24px 24px 0; }
}

/* a phone: the line and its time on one row, the two actions under them */
@media (max-width: 700px) {
    .tt-justin-entry[b-7219hqviai] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "line when" "flag flag" "act act";
        align-items: baseline;
        padding: 4px 0 2px;
    }
    .tt-justin-line[b-7219hqviai] { padding: 4px 0 0; }
}
/* /Components/TodayTalk/TodayBriefNoteEditor.razor.rz.scp.css */
.brief-note-status[b-zsuwciqz3p] {
    flex-basis: 100%;
    margin: 0;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--max360-font-body, system-ui, sans-serif);
    font-size: 13px;
    color: var(--t-ink-dim, var(--ink-dim));
}

.brief-note-panel[b-zsuwciqz3p] {
    flex-basis: 100%;
    margin-top: 4px;
    width: 100%;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--max360-font-body, system-ui, sans-serif);
    max-width: 640px;
    box-sizing: border-box;
}
.brief-note-label[b-zsuwciqz3p] {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--t-ink, var(--ink));
}
.brief-note-help[b-zsuwciqz3p] {
    margin: 4px 0 8px;
    font-size: 13px;
    color: var(--t-ink-dim, var(--ink-dim));
}
.brief-note-text[b-zsuwciqz3p] {
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    font-size: 15px;
    padding: 8px 10px;
    border: 1px solid var(--t-rule, var(--rule));
    border-radius: 6px;
    background: var(--t-paper, var(--bg));
    color: var(--t-ink, var(--ink));
    resize: vertical;
}
.brief-note-count[b-zsuwciqz3p] {
    text-align: right;
    font-size: 12px;
    color: var(--t-ink-dim, var(--ink-dim));
}
.brief-note-actions[b-zsuwciqz3p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}
.brief-note-actions button[b-zsuwciqz3p] {
    min-height: 36px;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1px solid var(--t-rule, var(--rule));
    background: none;
    color: var(--t-ink, var(--ink));
    cursor: pointer;
    font: inherit;
    font-size: 14px;
}
.brief-note-actions .brief-note-save[b-zsuwciqz3p] {
    border-color: var(--t-accent, var(--accent));
    color: var(--t-accent, var(--accent));
    font-weight: 600;
}
.brief-note-actions button:disabled[b-zsuwciqz3p] { cursor: default; opacity: 0.5; }

@media (max-width: 700px) {
    .brief-note-text[b-zsuwciqz3p] { font-size: 16px; }
}
/* /Components/TodayTalk/TodayCustomizePanel.razor.rz.scp.css */
.customize[b-h46y6c8vay] {
    margin: 12px 0 8px;
    padding: 16px 18px;
    border: 1px solid var(--t-rule, var(--rule));
    border-radius: 8px;
    background: var(--t-surface, var(--surface));
    max-width: 760px;
    box-sizing: border-box;
}
.customize-head[b-h46y6c8vay] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.customize-title[b-h46y6c8vay] {
    margin: 0;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 20px;
    font-weight: 600;
    color: var(--t-ink, var(--ink));
}
.customize-sections[b-h46y6c8vay] {
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0 16px;
}
.customize-legend[b-h46y6c8vay] {
    grid-column: 1 / -1;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--t-ink, var(--ink));
}
.customize-row[b-h46y6c8vay] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    font-size: 15px;
    color: var(--t-ink, var(--ink));
    cursor: pointer;
}
.customize-row input[b-h46y6c8vay] { width: 20px; height: 20px; flex: none; accent-color: var(--t-accent, var(--accent)); }
.customize-failed[b-h46y6c8vay] { margin: 8px 0 0; font-size: 13px; color: var(--max360-danger-ink, var(--max360-danger)); }
.customize-note[b-h46y6c8vay] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--t-rule, var(--rule));
}

@media (max-width: 700px) {
    .customize[b-h46y6c8vay] { padding: 14px; }
    .customize-sections[b-h46y6c8vay] { grid-template-columns: minmax(0, 1fr); }
}

.customize-footer[b-h46y6c8vay] {
    margin: 12px 0 0;
    font-size: 13px;
    color: var(--t-ink-dim, var(--max360-text-muted));
}
/* /Components/TodayTalk/TodayPromptViewer.razor.rz.scp.css */
.prompt-panel[b-xqwfuitwb1] {
    flex-basis: 100%;
    width: 100%;
    box-sizing: border-box;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--max360-font-body, system-ui, sans-serif);
    color: var(--t-ink, var(--ink));
}
.prompt-head[b-xqwfuitwb1] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.prompt-title[b-xqwfuitwb1] { font-weight: 600; font-size: 14px; }
.prompt-section[b-xqwfuitwb1] { font-size: 13px; font-weight: 600; margin: 12px 0 4px; color: var(--t-ink-dim, var(--ink-dim)); }
.prompt-empty[b-xqwfuitwb1] { font-size: 13px; color: var(--t-ink-dim, var(--ink-dim)); margin: 8px 0 0; }
.prompt-text[b-xqwfuitwb1] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 50vh;
    overflow: auto;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--t-rule, var(--rule));
    border-radius: 6px;
    font-family: var(--t-mono, monospace);
    font-size: 12px;
    line-height: 1.45;
    background: var(--t-surface, var(--surface));
    color: var(--t-ink, var(--ink));
}
/* /Components/TodayTalk/TodayTalkBrief.razor.rz.scp.css */
/* Today — teammate aesthetic.
   Uses Max360 theme tokens (themes.css) so the page inherits whichever
   theme is active. Only fonts unique to this surface (Caveat handwriting
   marks, JetBrains Mono for small uppercase labels) are loaded by the
   page; Fraunces comes from the existing app font stack. */

.today[b-3s9hnvx48t] {
    /* Local derivations from theme tokens — easier than threading var()
       through every selector below, and lets us add a couple of
       surface-specific shades (subtle warm tints on the accent). */
    --t-paper:    var(--bg);
    --t-surface:  var(--surface);
    --t-surface-2: var(--surface-2);
    --t-ink:      var(--ink);
    --t-ink-dim:  var(--ink-dim);
    --t-rule:     var(--rule);
    --t-accent:   var(--accent);
    --t-accent-2: var(--accent-2, var(--accent));
    /* Brand/voice accent — Max's greeting + signature, the Max•360 logo (app.css),
       and the Recent Touchpoints / Max Briefs headings. A blue distinct from the
       link color in the Light theme. */
    --t-brand-accent: var(--max360-brand-accent, var(--accent));
    --t-warning:  var(--max360-warning, #d97706);
    --t-mono:     var(--max360-font-label);
    --t-script:   'Caveat', 'Segoe Script', cursive;

    background: var(--t-paper);
    color: var(--t-ink);
    font-family: var(--max360-font-body, 'Inter', system-ui, sans-serif);
    margin: -1rem -1.5rem;
    min-height: calc(100vh - 4rem);
}

/* ─── stage ─────────────────────────────────────────── */
.stage[b-3s9hnvx48t] {
    padding: 36px 60px 80px;
    max-width: 1500px;
}
.loading[b-3s9hnvx48t] {
    margin-top: 80px;
    text-align: center;
    color: var(--t-ink-dim);
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* ─── masthead ──────────────────────────────────────── */
.strip[b-3s9hnvx48t] {
    position: relative;
    border-top: 3px double var(--t-ink);
    border-bottom: 1px solid var(--t-ink);
    padding: 14px 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 30px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.strip .right[b-3s9hnvx48t] { text-align: right; }
.strip .center[b-3s9hnvx48t] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    letter-spacing: -0.015em;
    text-transform: none;
    text-align: center;
    color: var(--t-ink);
    font-variation-settings: 'opsz' 144;
}
.strip .center small[b-3s9hnvx48t] {
    display: block;
    font-family: var(--t-mono);
    font-size: 11px;
    color: var(--t-ink-dim);
    letter-spacing: 0.25em;
    text-transform: uppercase;
    margin-top: 2px;
    font-style: normal;
    font-weight: 400;
}

/* ─── letter ────────────────────────────────────────── */
.brief-letter[b-3s9hnvx48t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 56px;
}
.brief-letter.no-glance[b-3s9hnvx48t] { grid-template-columns: minmax(0, 1fr); }
.strip ~ .brief-letter[b-3s9hnvx48t] {
    margin-top: 40px;
}
.letter-top[b-3s9hnvx48t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
/* on a phone Customize is an icon, so it shares the greeting's line rather than taking a row of its own */
.customize-icon[b-3s9hnvx48t] { display: none; font-size: 18px; }
.letter-tools[b-3s9hnvx48t] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: none;
}
.letter-head[b-3s9hnvx48t] {
    font-family: var(--t-script);
    font-size: 32px;
    font-weight: 500;
    color: var(--t-brand-accent);
    margin-bottom: 18px;
    transform: rotate(-1deg) translateX(-2px);
    display: inline-block;
}
/* Typography lives in the shared .max360-lead-headline class (app.css); only
   the page-specific nudge below the script greeting stays here. */
.letter h1[b-3s9hnvx48t] {
    margin-top: 4px;
}
.letter h1 em[b-3s9hnvx48t] {
    font-style: italic;
    color: inherit;
}
.letter .body[b-3s9hnvx48t] {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.55;
    color: var(--t-ink);
    max-width: 760px;
}
.letter .body p + p[b-3s9hnvx48t] { margin-top: 10px; }
.letter .body em[b-3s9hnvx48t] { color: var(--t-accent); font-style: italic; }
.letter .signoff[b-3s9hnvx48t] {
    margin-top: 7px;
    font-family: var(--t-script);
    font-size: 36px;
    font-weight: 600;
    color: var(--t-brand-accent);
    transform: rotate(-2deg);
    display: inline-block;
    line-height: 1;
}
.letter .signoff-meta[b-3s9hnvx48t] {
    margin-top: 10px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.letter .actions[b-3s9hnvx48t] {
    margin-top: 24px;
    display: flex;
    gap: 20px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.letter .actions a[b-3s9hnvx48t] {
    color: var(--t-ink);
    text-decoration: none;
    padding: 6px 0;
    border-bottom: 1px solid var(--t-ink);
}
.letter .actions a:hover[b-3s9hnvx48t] {
    color: var(--t-accent);
    border-bottom-color: var(--t-accent);
}

/* Generation line under the signature: "Drafted/Updated h:mm" badge + a subtle,
   inline force-regenerate control. */
.synth-note[b-3s9hnvx48t] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.synth-missed[b-3s9hnvx48t] {
    flex-basis: 100%;
    margin: 0;
    text-transform: none;
    letter-spacing: normal;
    font-family: var(--max360-font-body, system-ui, sans-serif);
    font-size: 13px;
    color: var(--t-ink-dim);
}
.synth-refresh[b-3s9hnvx48t] {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    opacity: 0.7;
}
.synth-refresh:hover:not(:disabled)[b-3s9hnvx48t] { color: var(--t-accent); opacity: 1; }
.synth-refresh:disabled[b-3s9hnvx48t] { cursor: default; opacity: 0.5; }

.today-sentence[b-3s9hnvx48t] { cursor: pointer; border-radius: 4px; }
.today-sentence.open[b-3s9hnvx48t] { background: var(--t-surface-2); }
.today-sentence.struck[b-3s9hnvx48t] { text-decoration: line-through; opacity: 0.6; }
.today-sentence-panel[b-3s9hnvx48t] { border: 1px solid var(--t-rule); border-radius: 8px; padding: 10px 12px; margin: 6px 0 12px;
    font-size: 0.9rem; display: flex; flex-direction: column; gap: 6px; }
.today-sentence-panel-head[b-3s9hnvx48t] { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.7; }
.today-sentence-source[b-3s9hnvx48t] { overflow-wrap: anywhere; }
.today-sentence-note[b-3s9hnvx48t] { opacity: 0.8; }
.today-sentence-actions[b-3s9hnvx48t] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.synth-refresh:focus-visible[b-3s9hnvx48t] { outline: 2px solid var(--t-accent); outline-offset: 2px; }

.glance[b-3s9hnvx48t] {
    border-left: 1px solid var(--t-rule);
    padding-left: 32px;
}
/* Matches the .brief-col h2 section-title treatment (Fraunces serif-italic, 28px,
   non-italic bold <strong> word, 2px border-bottom) so "At a glance" reads as a
   peer of the section headings below rather than a small mono label. */
.glance .glance-title[b-3s9hnvx48t] {
    margin: 0;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    letter-spacing: -0.02em;
    text-transform: none;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--t-ink);
    font-variation-settings: 'opsz' 144;
    color: var(--t-ink);
}
.glance .glance-title strong[b-3s9hnvx48t] {
    font-style: normal;
    font-weight: 700;
    color: inherit;
}
.gl[b-3s9hnvx48t] {
    padding: 14px 0;
    border-bottom: 1px solid var(--t-rule);
}
.gl:last-child[b-3s9hnvx48t] { border-bottom: none; }
.gl .label[b-3s9hnvx48t] {
    font-family: var(--t-mono);
    font-size: 11px;
    color: var(--t-ink-dim);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.gl .what[b-3s9hnvx48t] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.015em;
    margin-top: 4px;
    color: var(--t-ink);
}
.gl .meta[b-3s9hnvx48t] {
    margin-top: 4px;
    font-size: 13px;
    color: var(--t-ink-dim);
    line-height: 1.5;
}
/* a row whose links all open one page: the whole row is the tap target, not one line of small text */
.gl-whole[b-3s9hnvx48t] { position: relative; }
.gl-whole .what a[b-3s9hnvx48t]::after { content: ""; position: absolute; inset: 0; }
.gl-whole .meta a[b-3s9hnvx48t] { position: relative; z-index: 1; }
/* the few named items under a tile: Max Box's top Priority emails, the desk's top to-dos */
.gl-list[b-3s9hnvx48t] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}
.gl-list li[b-3s9hnvx48t] {
    padding: 6px 0;
    border-top: 1px solid var(--t-rule);
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.gl-list a[b-3s9hnvx48t] { color: var(--t-ink); text-decoration: none; }
.gl-list a:hover[b-3s9hnvx48t] { color: var(--t-accent); text-decoration: underline; }
.gl-list-meta[b-3s9hnvx48t] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--t-ink-dim);
}
.gl-list-meta.is-overdue[b-3s9hnvx48t] { color: var(--max360-danger-ink, var(--max360-danger)); font-weight: 600; }
.gl-link[b-3s9hnvx48t] { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; text-decoration: underline;
           text-decoration-color: var(--t-rule); text-underline-offset: 3px; overflow-wrap: anywhere; }
.gl-more[b-3s9hnvx48t] { margin-top: 8px; font-size: 13px; color: var(--t-ink-dim); }
/* Today's schedule — a diary column on a time rail: mono times, a dot on a hairline, serif titles.
   The dot for the meeting under way pulses; between meetings a pulsing "Now" row marks the gap. */
.sched[b-3s9hnvx48t] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}
.sched-row[b-3s9hnvx48t] {
    display: grid;
    grid-template-columns: 66px 12px 1fr;
    align-items: baseline;
    column-gap: 8px;
    padding: 5px 0;
}
.sched-time[b-3s9hnvx48t] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.sched-dot[b-3s9hnvx48t] { position: relative; align-self: stretch; margin: -5px 0; }
.sched-dot[b-3s9hnvx48t]::before { content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 2px; background: var(--t-rule); }
.sched-row:first-child .sched-dot[b-3s9hnvx48t]::before { top: 50%; }
.sched-row:last-child .sched-dot[b-3s9hnvx48t]::before { bottom: 50%; }
.sched-dot[b-3s9hnvx48t]::after {
    content: ""; position: absolute; left: 2px; top: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%;
    background: var(--t-paper); border: 1.5px solid var(--t-ink-dim); box-sizing: border-box;
    box-shadow: 0 0 0 2px var(--t-paper);
}
.sched-done .sched-dot[b-3s9hnvx48t]::after { background: var(--t-ink-dim); border-color: var(--t-ink-dim); opacity: 0.55; }
.sched-allday .sched-dot[b-3s9hnvx48t]::after { border-style: dashed; }
.sched-now .sched-dot[b-3s9hnvx48t]::after,
.sched-next .sched-dot[b-3s9hnvx48t]::after,
.sched-nowmark .sched-dot[b-3s9hnvx48t]::after { background: var(--t-accent); border-color: var(--t-accent); }
.sched-now .sched-dot[b-3s9hnvx48t]::after,
.sched-nowmark .sched-dot[b-3s9hnvx48t]::after { animation: sched-pulse-b-3s9hnvx48t 2.4s ease-out infinite; }
@keyframes sched-pulse-b-3s9hnvx48t {
    0%   { box-shadow: 0 0 0 2px var(--t-paper), 0 0 0 2px color-mix(in srgb, var(--t-accent) 55%, transparent); }
    70%  { box-shadow: 0 0 0 2px var(--t-paper), 0 0 0 9px color-mix(in srgb, var(--t-accent) 0%, transparent); }
    100% { box-shadow: 0 0 0 2px var(--t-paper), 0 0 0 2px color-mix(in srgb, var(--t-accent) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
    .sched-now .sched-dot[b-3s9hnvx48t]::after, .sched-nowmark .sched-dot[b-3s9hnvx48t]::after { animation: none; }
}
.sched-title[b-3s9hnvx48t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-size: 14px;
    line-height: 1.35;
    color: var(--t-ink);
    text-decoration: none;
}
.sched-title:hover[b-3s9hnvx48t] { color: var(--t-accent); text-decoration: underline; }
.sched-done .sched-title[b-3s9hnvx48t],
.sched-done .sched-time[b-3s9hnvx48t] { color: var(--t-ink-dim); opacity: 0.7; }
.sched-allday .sched-title[b-3s9hnvx48t] { font-style: italic; }
.sched-now .sched-time[b-3s9hnvx48t],
.sched-next .sched-time[b-3s9hnvx48t],
.sched-nowmark .sched-time[b-3s9hnvx48t] { color: var(--t-accent); font-weight: 700; }
.sched-now .sched-title[b-3s9hnvx48t],
.sched-next .sched-title[b-3s9hnvx48t] { font-weight: 600; }
.sched-nowmark[b-3s9hnvx48t] { padding: 2px 0; }
.sched-nowlabel[b-3s9hnvx48t] {
    font-family: var(--t-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--t-accent);
}
.sched-empty[b-3s9hnvx48t] {
    margin-top: 4px;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 15px;
    color: var(--t-ink-dim);
}

.team-thread-item[b-3s9hnvx48t] {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
}
.team-thread-item a[b-3s9hnvx48t] {
    color: var(--t-ink);
}

/* ─── library sections: one grid, one gap, in the left column under the letter ─── */
.library-sections[b-3s9hnvx48t] {
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 48px 40px;
    align-items: start;
}

.brief-col h2[b-3s9hnvx48t] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    letter-spacing: -0.02em;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--t-ink);
    font-variation-settings: 'opsz' 144;
    color: var(--t-ink);
}
.brief-col h2 strong[b-3s9hnvx48t] {
    font-style: italic;
    font-weight: 700;
    color: inherit;
}
/* each library heading has one brand-accent word */
.lib-box h2 strong[b-3s9hnvx48t] {
    color: var(--t-brand-accent);
}
.brief-col .sub[b-3s9hnvx48t] {
    margin-top: 8px;
    font-style: italic;
    font-size: 13px;
    color: var(--t-ink-dim);
    line-height: 1.5;
}

.item[b-3s9hnvx48t] {
    padding: 14px 0;
    border-bottom: 1px solid var(--t-rule);
}
.item:last-child[b-3s9hnvx48t] { border-bottom: none; }
.item .title[b-3s9hnvx48t] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.015em;
    line-height: 1.3;
    color: var(--t-ink);
}
.item .title-small[b-3s9hnvx48t] {
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin-top: 4px;
    color: var(--t-ink);
}
.item .body-text[b-3s9hnvx48t] {
    margin-top: 6px;
    font-size: 14px;
    color: var(--t-ink-dim);
    line-height: 1.55;
}
.item .meta[b-3s9hnvx48t] {
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-ink-dim);
}
.item .max-note[b-3s9hnvx48t] {
    margin-top: 8px;
    font-style: italic;
    font-size: 14px;
    line-height: 1.55;
    color: var(--t-ink-dim);
    padding-left: 12px;
    border-left: 2px solid var(--t-warning);
}
.item .max-note[b-3s9hnvx48t]::before {
    content: '\2014  Max';
    display: block;
    font-style: normal;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--t-warning);
    margin-bottom: 2px;
}
.item .actions[b-3s9hnvx48t] {
    margin-top: 10px;
    display: flex;
    gap: 16px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.item .actions a[b-3s9hnvx48t] {
    color: var(--t-ink);
    text-decoration: none;
    padding: 3px 0;
    border-bottom: 1px solid var(--t-ink);
}
.item .actions a:hover[b-3s9hnvx48t] {
    color: var(--t-accent);
    border-bottom-color: var(--t-accent);
}
.item-empty[b-3s9hnvx48t] {
    padding: 18px 0;
    font-style: italic;
    font-size: 14px;
    color: var(--t-ink-dim);
    border-bottom: 1px solid var(--t-rule);
}
.item-link[b-3s9hnvx48t] {
    margin-top: 14px;
    font-family: var(--t-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.item-link a[b-3s9hnvx48t] {
    color: var(--t-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--t-ink);
    padding: 4px 0;
}
.item-link a:hover[b-3s9hnvx48t] {
    color: var(--t-accent);
    border-bottom-color: var(--t-accent);
}

/* Document-item title links (Recent touchpoints, Max Briefs, Decisions,
   Notes, People) read as understated text links across every section. */
.item .title-small a[b-3s9hnvx48t] {
    color: var(--t-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--t-rule);
}
.item .title-small a:hover[b-3s9hnvx48t] {
    color: var(--t-accent);
    border-bottom-color: var(--t-accent);
}

/* People & organizations — format optimized for the entity, not matched to the
   doc boxes: name first, then the employer (person) or type (org) + when. */
.person-item .title-small[b-3s9hnvx48t] {
    margin-top: 0;
}
.person-sub[b-3s9hnvx48t] {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--t-ink-dim);
}
.person-org[b-3s9hnvx48t] {
    color: var(--t-ink);
    font-weight: 500;
}
.person-type[b-3s9hnvx48t] {
    font-style: italic;
}

/* Placeholder shown while a deferred tile (People box, "learned") loads. */
.tile-loading[b-3s9hnvx48t] {
    color: var(--t-ink-dim);
    font-style: italic;
    opacity: 0.65;
}

/* ─── responsive ────────────────────────────────────── */
/* one column: the wrapper steps aside so the glance can sit between the letter and the library */
@media (max-width: 1280px) {
    .brief-letter[b-3s9hnvx48t] { grid-template-columns: minmax(0, 1fr); }
    .today-main[b-3s9hnvx48t] { display: contents; }
    .glance[b-3s9hnvx48t] { order: 1; border-left: none; padding-left: 0; padding-top: 28px; border-top: 1px solid var(--t-rule); }
    .library-sections[b-3s9hnvx48t] { order: 2; margin-top: 0; }
}
/* Rewind-control styles moved to TodayRewindPopover.razor.css — they render in that
   child component and Blazor CSS isolation drops a parent's rules on child markup. */

.approx-marker[b-3s9hnvx48t] {
    text-decoration: none; color: var(--t-accent, #b08a3e); font-weight: 600;
    margin-right: 0.15em; cursor: help;
}
.approx-marker:focus-visible[b-3s9hnvx48t] { outline: 2px solid var(--t-accent, #b08a3e); outline-offset: 2px; }

@media (max-width: 900px) {
    .stage[b-3s9hnvx48t] { padding: 24px; }
    .brief-letter[b-3s9hnvx48t] { gap: 40px; }
    .library-sections[b-3s9hnvx48t] { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}

/* a phone puts the title on its own row above the two small ends */
@media (max-width: 700px) {
    .strip[b-3s9hnvx48t] { grid-template-columns: 1fr auto; gap: 8px 12px; }
    .strip .center[b-3s9hnvx48t] { grid-column: 1 / -1; order: -1; }
}

@media (max-width: 700px) {
    .stage[b-3s9hnvx48t] { padding: 16px 16px 40px; }
    .letter-top[b-3s9hnvx48t] { align-items: center; gap: 4px; }
    .letter-tools[b-3s9hnvx48t] { gap: 2px; }
    .letter-head[b-3s9hnvx48t] { font-size: 22px; margin-bottom: 4px; min-width: 0; }
    .customize-icon[b-3s9hnvx48t] { display: inline; }
    .customize-word[b-3s9hnvx48t] { display: none; }
    .letter .max360-lead-headline[b-3s9hnvx48t] { font-size: 1.6rem; line-height: 1.2; letter-spacing: -0.015em; }
    .letter .body[b-3s9hnvx48t] { margin-top: 14px; }
    .letter .signoff[b-3s9hnvx48t] { font-size: 28px; }
    .glance .glance-title[b-3s9hnvx48t] { font-size: 22px; }
    .gl[b-3s9hnvx48t] { padding: 10px 0; }
    .gl .what[b-3s9hnvx48t] { font-size: 16px; }
}
/* /Components/Visitors/VisitorAsk.razor.rz.scp.css */
.visitor-ask[b-dr5pljy92r] {
    max-width: 46rem;
    margin: 0 auto;
}

.visitor-ask h1[b-dr5pljy92r] {
    margin: 0.5rem 0 0.25rem;
    font-family: var(--max360-font-heading, 'Fraunces', Georgia, serif);
    font-weight: var(--max360-heading-weight, 500);
    letter-spacing: var(--max360-heading-tracking, normal);
    font-size: 2.25rem;
}

.visitor-ask-lede[b-dr5pljy92r] {
    margin-bottom: 1.5rem;
    color: var(--max360-text-muted);
}

.visitor-ask-turn[b-dr5pljy92r] {
    padding: 1rem 0;
    border-top: 1px solid var(--max360-border);
}

.visitor-ask-question[b-dr5pljy92r] {
    margin: 0 0 0.75rem;
    font-weight: 600;
}

.visitor-ask-answer[b-dr5pljy92r] {
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.visitor-ask-answer[b-dr5pljy92r]  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    margin: 0.5rem 0;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.visitor-ask-answer[b-dr5pljy92r]  th,
.visitor-ask-answer[b-dr5pljy92r]  td {
    padding: 0.3rem 0.75rem 0.3rem 0;
    border-bottom: 1px solid var(--max360-border);
    text-align: left;
    vertical-align: top;
}

.visitor-ask-failed[b-dr5pljy92r],
.visitor-ask-refusal[b-dr5pljy92r] {
    color: var(--max360-danger-ink, var(--max360-danger));
}

.visitor-ask-form[b-dr5pljy92r] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--max360-border);
}

.visitor-ask-form textarea[b-dr5pljy92r] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.75rem;
    background: var(--max360-surface);
    color: var(--max360-text);
    border: 1px solid var(--max360-border);
    border-radius: 6px;
    font: inherit;
    resize: vertical;
}

.visitor-ask-form textarea:focus[b-dr5pljy92r] {
    outline: 2px solid var(--max360-action-accent);
    outline-offset: 1px;
}

.visitor-ask-row[b-dr5pljy92r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem 1rem;
    margin-top: 0.5rem;
}

.visitor-ask-left[b-dr5pljy92r],
.visitor-ask-limit[b-dr5pljy92r] {
    color: var(--max360-text-muted);
    font-size: 0.85rem;
}

.visitor-ask-limit[b-dr5pljy92r] {
    margin: 0.25rem 0 0;
}
/* /Components/Visitors/VisitorBanner.razor.rz.scp.css */
.visitor-banner[b-shuj7h8woc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.25rem 1rem;
    padding: 0.55rem 2rem;
    background: var(--max360-surface);
    border-bottom: 1px solid var(--max360-border);
    color: var(--max360-text-muted);
    font-size: 0.875rem;
}

.visitor-banner-links[b-shuj7h8woc] {
    white-space: nowrap;
}

.visitor-banner a[b-shuj7h8woc] {
    color: var(--max360-link);
}

@media (max-width: 700px) {
    .visitor-banner[b-shuj7h8woc] { padding: 0.5rem 1rem; }
}