/* Header, tab bar and footer. */

.app-header {
    display: flex;
    align-items: flex-start;
    gap: var(--gap);
    padding: var(--gap) 0 var(--gap-lg) 0;
}

.app-header-actions {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.app-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
}

.warn {
    color: var(--danger);
}

.tabs {
    border-bottom: var(--divider-w) solid var(--border-soft);
    padding-bottom: var(--gap-sm);
    margin-bottom: var(--gap-lg);
}

.app-footer {
    margin-top: var(--gap-lg);
    padding-top: var(--gap);
    border-top: var(--divider-w) solid var(--border-soft);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.app-footer p {
    margin: 0;
}