html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.mud-main-content {
    padding-top: 64px;
}

/* Global smaller text */
.mud-typography-body1 {
    font-size: 0.875rem !important;
}

.mud-typography-body2 {
    font-size: 0.8125rem !important;
}

.mud-table-cell {
    font-size: 0.8125rem !important;
    padding: 6px 12px !important;
}

.mud-input-label {
    font-size: 0.875rem !important;
}

.mud-input {
    font-size: 0.875rem !important;
}

.mud-button {
    font-size: 0.8125rem !important;
}

.mud-chip {
    font-size: 0.75rem !important;
}

/* HTML message body styling */
.message-body {
    font-size: 0.8125rem;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.message-body p {
    margin: 0 0 0.5em 0;
}

.message-body p:last-child {
    margin-bottom: 0;
}

.message-body a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.message-body ul, .message-body ol {
    margin: 0.5em 0;
    padding-left: 1.5em;
}

.message-body blockquote {
    margin: 0.5em 0;
    padding-left: 1em;
    border-left: 3px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
}

.message-body pre, .message-body code {
    background: var(--mud-palette-background-grey);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: monospace;
    font-size: 0.9em;
}

.message-body pre {
    padding: 0.5em;
    overflow-x: auto;
}

.message-body table {
    border-collapse: collapse;
    margin: 0.5em 0;
}

.message-body th, .message-body td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.3em 0.6em;
}

/* Allow reply/note textareas to be resized vertically */
#reply-textarea-container textarea,
.note-textarea-container textarea {
    resize: vertical !important;
}