.holding-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--src-space-2);
    flex-wrap: wrap;
}

.holding-identity {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    min-width: 0;
}

.holding-pill {
    display: inline-flex;
    align-items: center;
    gap: var(--src-space-1);
    padding: 3px var(--src-space-2) 3px 3px;
    border-radius: var(--src-radius-pill);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
    border: 1px solid transparent;
}

.holding-pill--held {
    background: var(--src-surface-raised);
    border-color: var(--src-border-medium);
    color: var(--src-text-secondary);
}




.holding-pill--unheld {
    background: var(--src-warning-bg);
    border: 1px dashed var(--src-warning-border);
    color: var(--src-warning-text);
    padding: 3px var(--src-space-2);
}

.holding-holder-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}






.holding-role-tag {
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
    letter-spacing: var(--src-tracking-wide);
    text-transform: uppercase;
    text-decoration: none;
    color: var(--src-text-tertiary);
}

.holding-avatars {
    display: flex;
}

.holding-avatars .avatar {
    margin-left: -8px;
    border: 2px solid var(--src-surface-solid);
}

.holding-avatars .avatar:first-child {
    margin-left: 0;
}

.holding-avatar-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: -8px;
    border-radius: var(--src-radius-round);
    background: var(--src-surface-raised);
    border: 2px solid var(--src-surface-solid);
    color: var(--src-text-tertiary);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
}

.holding-status-note {
    color: var(--src-text-tertiary);
    font-size: var(--src-text-xs);
    font-style: italic;
}












.holding-actions {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: nowrap;
    border: 1px solid var(--src-border-medium);
    border-radius: var(--src-radius-interactive);
    background: var(--src-surface-solid);
}
.holding-actions:empty {
    display: none;
    border: 0;
}
.holding-actions > form,
.holding-actions > details {
    display: flex;
}
.holding-actions > * + * {
    border-left: 1px solid var(--src-border-subtle);
}
.holding-actions .btn {
    border: 0;
    border-radius: 0;
}
.holding-actions > *:first-child .btn {
    border-top-left-radius: calc(var(--src-radius-interactive) - 1px);
    border-bottom-left-radius: calc(var(--src-radius-interactive) - 1px);
}
.holding-actions > *:last-child .btn {
    border-top-right-radius: calc(var(--src-radius-interactive) - 1px);
    border-bottom-right-radius: calc(var(--src-radius-interactive) - 1px);
}


























.holding-picker-menu {
    padding: var(--src-space-2);
    min-width: 220px;
}






.holding-identity-trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--src-space-1);
    cursor: pointer;
    border-radius: var(--src-radius-interactive);
}


.holding-identity-trigger:hover {
    background: var(--src-primary-tint);
}
.holding-identity-trigger:hover .holding-pill--held,
.holding-identity-trigger:hover .holding-pill--unheld { border-color: var(--src-border-strong); }






summary.holding-pill:hover {
    background: var(--src-primary-tint);
}








.person-slot-menu {
    padding: var(--src-space-2);
    min-width: 220px;
}
.person-slot-form {
    display: flex;
    flex-direction: column;
    gap: var(--src-space-2);
}
.person-slot-form .src-picker-input {
    padding: 6px 8px;
    font-size: var(--src-text-sm);
}
.person-slot-submit {
    align-self: flex-end;
}

.holding-roster-menu {
    padding: var(--src-space-3);
    min-width: 280px;
    max-width: 340px;
}

.holding-picker-form {
    display: flex;
    flex-direction: column;
    gap: var(--src-space-2);
}





.holding-picker-reason {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid var(--src-border-input);
    border-radius: var(--src-radius-interactive);
    background: var(--src-surface-input);
    font-size: var(--src-text-sm);
}





.holding-picker-form .src-picker-input {
    padding: 6px 8px;
    font-size: var(--src-text-sm);
}




.holding-picker-self {
    padding-bottom: var(--src-space-2);
    margin-bottom: var(--src-space-2);
    border-bottom: 1px solid var(--src-border);
}

.holding-picker-self .holding-picker-submit {
    align-self: stretch;
}



.holding-picker-empty {
    margin: 0;
    font-size: var(--src-text-sm);
    color: var(--src-text-tertiary);
}

.holding-picker-submit {
    align-self: flex-end;
}



.holding-panel {
    padding: var(--src-space-3);
    display: flex;
    flex-direction: column;
    gap: var(--src-space-3);
}

.holding-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--src-space-2);
    flex-wrap: wrap;
}

.holding-panel-title {
    display: flex;
    align-items: center;
    gap: var(--src-space-1);
    font-weight: var(--src-weight-semibold);
    color: var(--src-text-heading);
}

.holding-empty {
    padding: var(--src-space-2) 0;
}

.holding-tiers {
    display: flex;
    flex-direction: column;
    gap: var(--src-space-3);
}

.holding-tier-label {
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--src-text-tertiary);
    margin-bottom: var(--src-space-1);
}

.holding-row {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: var(--src-space-1) 0;
}

.holding-row-name {
    font-weight: var(--src-weight-semibold);
}

.holding-row-meta {
    color: var(--src-text-tertiary);
    font-size: var(--src-text-xs);
}

.holding-row-revoke {
    margin-left: auto;
}

.holding-validation-copy {
    margin: 0;
    font-size: var(--src-text-xs);
}


.holding-hint {
    margin: 0;
    font-style: italic;
}

.holding-hint-action {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-style: italic;
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}



@media (max-width: 780px) {
    .holding-actions--sm .btn {
        padding: 4px 8px;
    }

    .holding-avatars .avatar {
        display: none;
    }

    .holding-avatars .avatar:nth-child(-n+2) {
        display: flex;
    }
}

@media (max-width: 640px) {
    .holding-panel-head {
        flex-direction: column;
        align-items: stretch;
    }

    .holding-panel-actions .holding-actions {
        flex-direction: column;
        align-items: stretch;
    }





    .holding-panel-actions .holding-actions > * + * {
        border-left: 0;
        border-top: 1px solid var(--src-border-subtle);
    }
    .holding-panel-actions .holding-actions > * .btn {
        border-radius: 0;
    }
    .holding-panel-actions .holding-actions > *:first-child .btn {
        border-top-left-radius: calc(var(--src-radius-interactive) - 1px);
        border-top-right-radius: calc(var(--src-radius-interactive) - 1px);
    }
    .holding-panel-actions .holding-actions > *:last-child .btn {
        border-bottom-left-radius: calc(var(--src-radius-interactive) - 1px);
        border-bottom-right-radius: calc(var(--src-radius-interactive) - 1px);
    }

    .holding-panel-actions .btn {
        width: 100%;
    }
}







details.dropdown[open] > .holding-picker-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}









details.dropdown[open] > .holding-roster-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}





















.focus-dim {
    transition: opacity 140ms ease;
}

[data-mode="reply"] .focus-dim-reply,
[data-mode="collaborate"] .focus-dim-collaborate {
    opacity: 0.32;
    pointer-events: none;
}











@media (prefers-reduced-motion: reduce) {
    .focus-dim { transition: none; }
}
















.tt-pane {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--src-surface-card);
    border-radius: var(--src-radius-structural);
    box-shadow: var(--src-shadow-card);
    overflow: hidden;
}



.tt-head {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    flex-wrap: wrap;
    padding: var(--src-space-3) var(--src-space-4);
    border-bottom: 1px solid var(--src-border-subtle);
}

.tt-title {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    flex: 1 1 200px;
    min-width: 0;
    margin: 0;
    font-size: var(--src-text-base);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tt-title .bi { color: var(--src-sandstone); }

.tt-head-holding { min-width: 0; }

.tt-head-actions {
    display: flex;
    align-items: center;
    gap: var(--src-space-1);
}

.tt-unread-pill {
    padding: 2px var(--src-space-2);
    border-radius: var(--src-radius-pill);
    background: var(--src-info-bg);
    color: var(--src-info);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    white-space: nowrap;
}

.tt-iconbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--src-border-input);
    border-radius: var(--src-radius-interactive);
    background: var(--src-surface-solid);
    color: var(--src-text-secondary);
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
}

.tt-iconbtn:hover {
    background: var(--src-surface-raised);
    color: var(--src-text-heading);
}

.tt-iconbtn.is-on {
    background: var(--src-sandstone-tint);
    border-color: var(--src-sandstone);
    color: var(--src-sandstone-text);
}




.tt-close { display: none; }
[data-mode="reply"] .tt-close,
[data-mode="collaborate"] .tt-close { display: inline-flex; }



.tt-status-wrap { flex-shrink: 0; }

.tt-status-pill {
    display: inline-flex;
    align-items: center;
    gap: var(--src-space-1);
    padding: 3px var(--src-space-2);
    border: 0;
    border-radius: var(--src-radius-pill);
    background: var(--src-surface-raised);
    color: var(--src-text-secondary);
    font-family: inherit;
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
}

.tt-status-pill::-webkit-details-marker { display: none; }
.tt-status-pill--static { cursor: default; }

.tt-status-dot {
    width: 7px;
    height: 7px;
    border-radius: var(--src-radius-round);
    background: var(--tt-status, var(--src-gray-400));
    flex-shrink: 0;
}

.tt-status-menu {
    padding: var(--src-space-1);
    min-width: 170px;
}

details.dropdown[open] > .tt-status-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tt-status-item {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    width: 100%;
    padding: 7px var(--src-space-2);
    border: 0;
    border-radius: var(--src-radius-interactive);
    background: transparent;
    color: var(--src-text-primary);
    font-family: inherit;
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-semibold);
    text-align: left;
    cursor: pointer;
}

.tt-status-item:hover { background: var(--src-surface-card-hover); }
.tt-status-item.is-current { color: var(--src-text-heading); }



.tt-stream {
    flex: 1 1 auto;
    min-height: 0;




    max-height: 46vh;
    overflow-y: auto;
    padding: var(--src-space-3) var(--src-space-4);
    background: var(--src-surface-warm);
    scrollbar-width: thin;
}

.tt-stream-empty {
    margin: 0;
    padding: var(--src-space-4) 0;
    color: var(--src-text-tertiary);
    font-size: var(--src-text-sm);
    text-align: center;
}

.tt-daysep,
.tt-newsep {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--src-space-3) 0 var(--src-space-2);
}

.tt-daysep-label {
    padding: 2px var(--src-space-3);
    border: 1px solid var(--src-border-subtle);
    border-radius: var(--src-radius-pill);
    background: var(--src-surface-solid);
    color: var(--src-text-tertiary);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
}

.tt-newsep {
    border-top: 1px solid var(--src-info-border);
    margin-top: var(--src-space-4);
}

.tt-newsep-label {
    margin-top: -9px;
    padding: 1px var(--src-space-2);
    border-radius: var(--src-radius-pill);
    background: var(--src-info);
    color: var(--src-text-on-dark);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}



.tt-msg {
    display: flex;
    gap: var(--src-space-2);
    padding: var(--src-space-1) var(--src-space-2);
    margin: 0 calc(var(--src-space-2) * -1) var(--src-space-1);
    border-radius: var(--src-radius-medium);
}

.tt-msg:hover { background: var(--src-sandstone-tint); }
.tt-msg--deleted { opacity: 0.7; }
.tt-msg-avatar { flex-shrink: 0; }
.tt-msg-body { flex: 1; min-width: 0; }

.tt-msg-who {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
}

.tt-msg-name {
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
}

.tt-msg-time,
.tt-msg-edited {
    font-size: var(--src-text-xs);
    color: var(--src-text-tertiary);
}




.tt-msg-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    opacity: 0.45;
    transition: opacity 120ms ease;
}

.tt-msg:hover .tt-msg-actions,
.tt-msg-actions:focus-within { opacity: 1; }

.tt-msg-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: var(--src-radius-micro);
    background: transparent;
    color: var(--src-text-tertiary);
    font-size: var(--src-text-sm);
    cursor: pointer;
    text-decoration: none;
    list-style: none;
}

.tt-msg-action::-webkit-details-marker { display: none; }

.tt-msg-action:hover {
    background: var(--src-surface-raised);
    color: var(--src-text-heading);
}

.tt-msg-action-form,
.tt-msg-edit { display: inline-flex; }

.tt-msg-edit-form {
    display: flex;
    flex-direction: column;
    gap: var(--src-space-2);
    margin-top: var(--src-space-2);
}

.tt-msg-edit-actions {
    display: flex;
    justify-content: flex-end;
    gap: var(--src-space-2);
}

.tt-msg-text {
    font-size: var(--src-text-base);
    line-height: 1.5;
    color: var(--src-text-primary);
    overflow-wrap: anywhere;
}

.tt-msg-text > :first-child { margin-top: 0; }
.tt-msg-text > :last-child { margin-bottom: 0; }

.tt-msg-gone {
    margin: 0;
    font-size: var(--src-text-sm);
    font-style: italic;
    color: var(--src-text-tertiary);
}




.tt-mention {
    padding: 0 3px;
    border-radius: var(--src-radius-micro);
    background: var(--src-sapphire-tint);
    color: var(--src-sapphire);
    font-weight: var(--src-weight-bold);
}



.tt-quote {
    display: block;
    margin: var(--src-space-1) 0;
    padding: 4px var(--src-space-2);
    border-left: 2px solid var(--src-border-strong);
    border-radius: 0 var(--src-radius-interactive) var(--src-radius-interactive) 0;
    background: var(--src-surface-raised);
    text-decoration: none;
}

.tt-quote:hover {
    background: var(--src-sandstone-tint);
    border-left-color: var(--src-sandstone);
}

.tt-quote-who {
    display: block;
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-secondary);
}

.tt-quote-text {
    display: block;
    font-size: var(--src-text-xs);
    line-height: 1.45;
    color: var(--src-text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.tt-quote-text--gone { font-style: italic; }



.tt-msg-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: var(--src-space-2);
    margin-top: var(--src-space-2);
}

.tt-attach {
    display: inline-flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: 6px var(--src-space-3) 6px var(--src-space-2);
    border: 1px solid var(--src-border-input);
    border-radius: var(--src-radius-medium);
    background: var(--src-surface-solid);
    text-decoration: none;
}

.tt-attach:hover { border-color: var(--src-sandstone); }
.tt-attach .bi { font-size: 18px; color: var(--src-sandstone-hover); }

.tt-attach-meta { display: flex; flex-direction: column; min-width: 0; }

.tt-attach-name {
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-semibold);
    color: var(--src-text-heading);
}

.tt-attach-size {
    font-size: var(--src-text-xs);
    color: var(--src-text-tertiary);
}

.tt-attach--image { padding: 0; border: 0; }

.tt-attach--image img {
    display: block;
    max-width: 220px;
    height: auto;
    border-radius: var(--src-radius-medium);
}



.tt-foldbar {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: var(--src-space-2) var(--src-space-4);
    border-top: 1px solid var(--src-border-subtle);
    background: var(--src-surface-warm-hover);
    text-decoration: none;
}

.tt-foldbar:hover { background: var(--src-sandstone-tint); }

[data-mode="collaborate"] .tt-foldbar { display: none; }

.tt-foldbar-title {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    flex: 1;
    min-width: 0;
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tt-foldbar-title .bi { color: var(--src-sandstone); flex-shrink: 0; }

.tt-foldbar-holder {
    display: flex;
    align-items: center;
    gap: var(--src-space-1);
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-semibold);
    color: var(--src-text-secondary);
    flex-shrink: 0;
}





.tt-foldbar-unheld { color: var(--src-text-tertiary); font-weight: var(--src-weight-bold); }
.tt-foldbar-chev { color: var(--src-text-tertiary); flex-shrink: 0; }



.tt-onitem { display: none; flex-direction: column; min-height: 0; }
[data-mode="collaborate"] .tt-onitem { display: flex; }

.tt-onitem-head {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: var(--src-space-2) var(--src-space-4);
    border-top: 2px solid var(--src-sandstone);
    background: var(--src-surface-warm);
}

.tt-onitem-title {
    flex: 1;
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--src-text-tertiary);
}

.tt-onitem-list {
    max-height: 34vh;
    overflow-y: auto;
    padding: 0 var(--src-space-4) var(--src-space-2);
    background: var(--src-surface-warm);
    scrollbar-width: thin;
}

.tt-onitem-empty {
    margin: 0;
    padding: var(--src-space-3) 0;
    font-size: var(--src-text-sm);
    color: var(--src-text-tertiary);
}

.tt-otrow {
    display: flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: var(--src-space-2) 0;
    border-bottom: 1px solid var(--src-border-subtle);
}

.tt-otrow:last-child { border-bottom: 0; }







.tt-ot-who {
    flex: 1;
    min-width: 0;
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tt-ot-time {
    flex-shrink: 0;
    font-size: var(--src-text-xs);
    color: var(--src-text-tertiary);
}

.tt-ot-remove-form { display: inline-flex; }

.tt-ot-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: var(--src-radius-micro);
    background: transparent;
    color: var(--src-text-tertiary);
    cursor: pointer;
}

.tt-ot-remove:hover { background: var(--src-error-bg); color: var(--src-error); }



.tt-composer {
    flex-shrink: 0;
    padding: var(--src-space-3) var(--src-space-4);
    border-top: 1px solid var(--src-border-subtle);
    background: var(--src-surface-card);
}

.tt-composer-readonly {
    margin: 0;
    font-size: var(--src-text-sm);
    font-style: italic;
    color: var(--src-text-tertiary);
}

.tt-composer-form { display: flex; flex-direction: column; gap: var(--src-space-2); }




.tt-composer-bar,
[data-mode="read"] .tt-cbox,
[data-mode="collaborate"] .tt-cbox { display: none; }

[data-mode="reply"] .tt-composer-bar { display: flex; }

[data-mode="reply"] .tt-composer-enter,
[data-mode="collaborate"] .tt-composer-enter { display: none; }

.tt-composer-bar {
    align-items: center;
    gap: var(--src-space-2);
}

.tt-composer-bar-label {
    flex: 1;
    font-size: var(--src-text-sm);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
}

.tt-composer-enter {
    display: inline-flex;
    align-items: center;
    gap: var(--src-space-2);
    padding: var(--src-space-2) var(--src-space-3);
    border: 1px solid var(--src-border-input);
    border-radius: var(--src-radius-medium);
    background: var(--src-surface-raised);
    color: var(--src-text-secondary);
    font-size: var(--src-text-sm);
    text-decoration: none;
}

.tt-composer-enter:hover {
    border-color: var(--src-sandstone);
    color: var(--src-text-heading);
}

.tt-cbox {
    display: flex;
    align-items: flex-end;
    gap: var(--src-space-2);
    padding: var(--src-space-2);
    border: 1px solid var(--src-border-input);
    border-radius: var(--src-radius-secondary);
    background: var(--src-surface-solid);
}

.tt-cbox:focus-within {
    border-color: var(--src-border-focus);
    box-shadow: 0 0 0 3px var(--src-primary-tint);
}

.tt-cbox-area {
    flex: 1;
    min-width: 0;
    min-height: 64px;
    max-height: 180px;
    border: 0;
    outline: none;
    resize: vertical;
    background: transparent;
    font-family: inherit;
    font-size: var(--src-text-base);
    line-height: 1.5;
    color: var(--src-text-primary);
}

.tt-cbtn,
.tt-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--src-radius-interactive);
    cursor: pointer;
    flex-shrink: 0;
}

.tt-cbtn {
    border: 0;
    background: transparent;
    color: var(--src-text-tertiary);
}

.tt-cbtn:hover { background: var(--src-surface-raised); color: var(--src-text-heading); }

.tt-send {
    border: 0;
    background: var(--src-primary);
    color: var(--src-text-on-dark);
}

.tt-send:hover { background: var(--src-primary-hover); }


.tt-reply-strip {
    display: flex;
    align-items: flex-start;
    gap: var(--src-space-2);
    padding: var(--src-space-2);
    border: 1px solid var(--src-sandstone-light);
    border-left: 3px solid var(--src-sandstone);
    border-radius: var(--src-radius-medium);
    background: var(--src-surface-solid);
}

.tt-reply-strip .bi-reply { color: var(--src-sandstone-hover); flex-shrink: 0; }
.tt-reply-strip-body { flex: 1; min-width: 0; }

.tt-reply-strip-who {
    display: block;
    font-size: var(--src-text-xs);
    font-weight: var(--src-weight-bold);
    color: var(--src-text-heading);
}

.tt-reply-strip-text {
    display: block;
    font-size: var(--src-text-xs);
    color: var(--src-text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}








.src-mention-results {
    top: auto;
    bottom: 100%;
    margin: 0 0 4px;
    max-height: 240px;
}



@media (max-width: 780px) {
    .tt-stream { max-height: 60vh; }
    .tt-attach--image img { max-width: 140px; }
}

@media (max-width: 640px) {
    .tt-head { align-items: flex-start; }
    .tt-title { flex-basis: 100%; }
    .tt-foldbar-holder-name { display: none; }
}
































































.content-viewport-cap {
    max-height: 60vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.content-viewport-cap > * {
    flex-shrink: 0;
}