/* Ensure MudItems that contain tiles stretch to fill the grid row */
.mud-grid .mud-item { display: flex; flex-direction: column; }

.home-tile {
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 120px;
}

    .home-tile:hover,
    .home-tile:focus-visible {
        filter: brightness(0.96);
        box-shadow: 0 8px 20px rgba(0,0,0,0.10);
        transform: translateY(-2px);
    }

.home-tile-icon .mud-icon-root {
    transition: color 140ms ease;
}

/* Rich text editor used for the Email Signature field on the Profile page */
.signature-rich-editor {
    min-height: 150px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid rgba(0,0,0,.23);
    border-radius: 4px;
    padding: 12px;
    font-family: inherit;
    font-size: 0.875rem;
}

    .signature-rich-editor:focus-visible,
    .signature-rich-editor:focus {
        outline: 2px solid var(--mud-palette-primary, #594AE2);
        outline-offset: -1px;
    }

    .signature-rich-editor p {
        margin: 0 0 8px 0;
    }

/* Preview blocks used by the compose dialog for the signature and quoted
   original message. These render the same stored HTML as the signature
   editor, so apply the same paragraph spacing reset to avoid double-spaced
   lines (the browser default <p> margin plus the sanitiser's own <br>/line
   breaks would otherwise stack). */
.compose-quoted-preview p {
    margin: 0 0 8px 0;
}

.signature-rich-editor img {
    max-width: 100%;
    height: auto;
}

.email-body-editor {
    min-height: 260px;
    max-height: 480px;
}