.mailbox-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    font-size: var(--c--globals--font--sizes--sm);
    position: relative;
}

.mailbox-panel__header {
    flex-shrink: 0;
    background: var(--c--contextuals--background--surface--secondary);
    z-index: 10;
}

.mailbox-panel__body {
    flex: 1;
    min-height: 0;
}

.mailbox-panel__mailbox-title {
    margin: 0;
    flex-shrink: 0;
    padding-bottom: var(--c--globals--spacings--xs);

    // The trigger card itself lives in the shared MailboxSelector component; here
    // we only nudge its trailing padding so the unfold chevron lines up with the
    // action icons sitting above it in the sidebar header.
    .mailbox-selector__trigger {
        // 1.1rem hardcoded to be aligned with other icon in the sidebar
        padding-inline-end: 1.1rem;
    }
}
