/* Last edited by Nathan | 19-Oct-2026 | 13:52 IST */
html, body { margin: 0; font-family: Roboto, "Segoe UI", system-ui, sans-serif; }

.boot { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; gap: 16px; }
.boot-mark { font-size: 28px; font-weight: 600; color: #0B7A75; letter-spacing: .5px; }
.boot-bar { width: 140px; height: 3px; background: #d8e6e5; overflow: hidden; border-radius: 2px; }
.boot-bar i { display: block; height: 100%; width: 40%; background: #0B7A75; animation: boot 1.1s ease-in-out infinite; }
@keyframes boot { 0% { margin-left: -40%; } 100% { margin-left: 100%; } }

#blazor-error-ui {
    display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
    padding: .75rem 1.25rem; background: #fff3cd; color: #3b2f00; box-shadow: 0 -1px 4px rgba(0,0,0,.2);
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }

#talkback-update-ui {
    display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2100;
    padding: 1rem 1.25rem; background: #0B7A75; color: #fff; text-align: center; cursor: pointer;
}
#talkback-update-ui .reload { font-weight: 600; text-decoration: underline; }

.talkback-company { opacity: .9; }

/* Inbox lists */
.tb-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; text-decoration: none; color: inherit; border-bottom: 1px solid var(--mud-palette-lines-default); }
.tb-row:last-child { border-bottom: 0; }
.tb-row:hover { background: var(--mud-palette-action-default-hover); }
.tb-row-quiet { opacity: .6; }
.tb-row-main { flex: 1; min-width: 0; }
.tb-row-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-row-preview { font-size: .875rem; color: var(--mud-palette-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-row-preview.tb-wrap { white-space: normal; }
.tb-row-side { display: flex; flex-direction: column; align-items: flex-end; font-size: .75rem; color: var(--mud-palette-text-secondary); white-space: nowrap; }

/* A conversation */
.tb-thread { display: flex; flex-direction: column; gap: 6px; padding-bottom: 24px; }
.tb-day { align-self: center; font-size: .75rem; color: var(--mud-palette-text-secondary); margin: 10px 0 4px; }
.tb-msg { max-width: 85%; padding: 8px 10px; border-radius: 10px; background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); overflow-wrap: anywhere; }
.tb-in { align-self: flex-start; }
.tb-out { align-self: flex-end; background: var(--mud-palette-primary-hover); }
.tb-failed { border-color: var(--mud-palette-error); }
.tb-body { white-space: pre-wrap; }
.tb-note { font-style: italic; color: var(--mud-palette-text-secondary); margin-bottom: 4px; }
.tb-meta { font-size: .7rem; color: var(--mud-palette-text-secondary); margin-top: 4px; text-align: right; }
.tb-img { display: block; max-width: 100%; max-height: 360px; border-radius: 6px; margin-bottom: 4px; }
.tb-file { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 4px; }
.tb-audio { display: block; width: 100%; min-width: 220px; max-width: 320px; margin-bottom: 4px; }
.tb-dl { font-size: .75rem; }
.tb-loc { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.tb-loc-label { display: inline-flex; align-items: center; gap: 2px; font-weight: 500; }
.tb-coords { font-size: .75rem; color: var(--mud-palette-text-secondary); }