/* DEN RECORDS — Web Push v1 */

[data-notification-permission-status][data-status="success"] {
    color: #bff6d2;
}

[data-notification-permission-status][data-status="error"] {
    color: #ffc5cf;
}

[data-enable-browser-notifications]:disabled {
    cursor: default;
    opacity: .72;
}

.admin-push-status {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.admin-push-status .card {
    padding: 20px;
}

.admin-push-status span,
.admin-push-status strong {
    display: block;
}

.admin-push-status span {
    color: var(--muted);
    font-size: .85rem;
}

.admin-push-status strong {
    margin-top: 7px;
    font-size: 1.35rem;
}

.admin-push-setup {
    max-width: 850px;
    padding: 22px;
}

.admin-push-setup code {
    display: block;
    margin-top: 12px;
    padding: 14px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 13px;
    color: #e5c7ff;
    background: rgba(0,0,0,.28);
}

@media (max-width: 760px) {
    .admin-push-status {
        grid-template-columns: 1fr;
    }
}