.page-content {
    margin: 0.75rem;
}

.add-page,
.actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.detail-page {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.status-message {
    margin: 0.75rem;
}

.status-message.error {
    color: #ff8a8a;
}

.status-message.success {
    color: #9cf59c;
}

.text-input,
.btn {
    border-radius: 8px;
    border: 1px solid #4d4d4d;
    font: inherit;
}

.text-input {
    min-width: 220px;
    padding: 0.65rem 0.75rem;
    background-color: #111;
    color: white;
}

.btn {
    padding: 0.65rem 1rem;
    cursor: pointer;
    color: #111;
}

.back-btn {
    background-image: linear-gradient(144deg, #a3a3a3, #636363 50%, #5a5a5a);
}

.live-btn {
    background-image: linear-gradient(144deg, #fce599, #f8b863 50%, #f2f55ed7);
}

.screen-btn {
    background-image: linear-gradient(144deg, #81d1ff, #537fdd 50%, #277ff3);
    color: white;
}