body { padding-top: 2rem; }

.error { color: var(--pico-color-red-500); }
.flash {
    background: var(--pico-color-green-100, #e6f7e9);
    color: var(--pico-color-green-700, #1c5b2a);
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.admin-bar {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.inline { display: inline; margin: 0; }
.inline-form { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.inline-form input { width: auto; flex: 1; min-width: 12ch; margin: 0; }

.row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.actions { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.actions button { font-size: 0.85em; padding: 0.25rem 0.6rem; margin: 0; }

table code { font-size: 0.85em; }

.blast-row { padding: 0.75rem; }
.blast-row pre { white-space: pre-wrap; margin: 0.5rem 0; }
.send-list { list-style: none; padding-left: 0; font-size: 0.9em; }
.send-list li { padding: 0.15rem 0; }

.status {
    display: inline-block;
    min-width: 4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.75em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.status-sent   { background: #d4edda; color: #155724; }
.status-failed { background: #f8d7da; color: #721c24; }
.status        { background: #f0f0f0; color: #555; }

.small-link {
    font-size: 0.75em;
    word-break: break-all;
}
.copy-btn {
    font-size: 0.75em;
    padding: 0.1rem 0.4rem;
    margin: 0 0 0 0.25rem;
    vertical-align: middle;
}
section + section { margin-top: 1.5rem; }

dl { margin: 0; }
dt {
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pico-muted-color);
    margin-top: 1rem;
}
dt:first-child { margin-top: 0; }
dd { margin-left: 0; margin-top: 0.15rem; }