/* BLACKGLASS sign-in and account pages. Builds on base.css tokens. */

.page-narrow { margin-top: 2rem; }

.account h2 { margin-bottom: 0.5rem; }
.account .journeys td { min-width: 9rem; }
.journey-name { color: var(--text-strong); margin-right: 0.5rem; }

.fragment-states { list-style: none; margin: 0; padding: 0; }
.fragment-states li { display: flex; flex-wrap: wrap; gap: 0.4rem 0.6rem; align-items: baseline; margin-bottom: 0.3rem; }

.danger-zone { border-color: rgba(192, 100, 90, 0.35); }

dialog.dialog ul { padding-left: 1.2rem; }

/* "Remove from this Journey…" on a Fragment row after I (js/shell/remove-fragment.js). */
.fragment-remove { background: none; border: 0; padding: 0; font: inherit; font-size: 0.85em; color: var(--danger); text-decoration: underline; text-underline-offset: 0.15em; cursor: pointer; }
.fragment-remove:hover { color: #e38b80; }

.maintenance-banner { border-radius: 0; border-left-width: 0; border-bottom: 1px solid var(--warn); text-align: center; }