/* Unstop: the Me card and the section. The section reuses the Placement list styles (placement.css). */
#unstopContainer {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    overflow: auto;
    padding: 20px 24px calc(20px + var(--safe-bottom));
    background: var(--color-bg);
}
#unstopContainer > * { width: 100%; max-width: 760px; }
@media (max-width: 720px) {
    #unstopContainer { padding: 14px 16px calc(14px + var(--safe-bottom)); }
}
#unstopContainer[hidden] { display: none; }
.unstop-dates { display: block; color: var(--color-text-muted); font-size: .78rem; }
.unstop-steps { margin: 0; padding-left: 1.2em; color: var(--color-text-muted); font-size: .85rem; }
.app-logo-unstop svg { stroke: var(--color-brand); }
#meUnstop[data-state="connected"] #meUnstopBadge {
    background: var(--status-present-bg);
    color: var(--color-success);
}