/*
Signal Labs
Area: Signal Schedule
File: schedule/pages/rules/notifications.css
Version: v5.14.0
Purpose: Notification Foundation preview styles
*/
.notifications-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto 48px; color: #e5eefb; }
.notifications-hero, .notifications-card { border: 1px solid rgba(148,163,184,.24); border-radius: 24px; background: rgba(15,23,42,.74); box-shadow: 0 18px 40px rgba(15,23,42,.16); }
.notifications-hero { display:grid; grid-template-columns: 1fr minmax(240px, 380px); gap: 18px; padding: 28px; margin-bottom: 18px; }
.notifications-hero h1 { margin: 0 0 10px; font-size: clamp(2rem, 4vw, 3.4rem); }
.notifications-hero p, .notifications-card p { color: rgba(226,232,240,.78); line-height:1.65; }
.notifications-kicker { margin:0 0 8px; color:#7dd3fc; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
.notifications-summary, .notification-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.notification-stat, .notification-card, .notification-rule, .notification-queue-item { border:1px solid rgba(148,163,184,.22); border-radius:18px; background:rgba(30,41,59,.56); padding:16px; }
.notification-stat strong { display:block; font-size:2rem; color:#fff; }
.notification-stat span { color:rgba(226,232,240,.72); font-weight:750; }
.notifications-card { padding:22px; margin-bottom:16px; }
.notifications-card h2 { margin:0 0 10px; }
.notification-card h3, .notification-rule h3, .notification-queue-item h3 { margin:0 0 8px; color:#f8fafc; }
.notification-card ul { margin:12px 0 0; padding-left:20px; color:rgba(226,232,240,.82); line-height:1.6; }
.notification-list { display:grid; gap:12px; }
.notification-rule, .notification-queue-item { display:grid; grid-template-columns: 1fr minmax(220px, .45fr); gap:14px; align-items:start; }
.notification-badge { display:inline-flex; margin:6px 0 8px; padding:6px 10px; border-radius:999px; background:rgba(59,130,246,.16); color:#bfdbfe; font-weight:800; font-size:.82rem; }
.notification-badge.warning { background:rgba(245,158,11,.16); color:#fed7aa; }
.notification-badge.good { background:rgba(34,197,94,.16); color:#bbf7d0; }
.notification-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.notification-meta span { padding:5px 9px; border-radius:999px; background:rgba(15,23,42,.75); border:1px solid rgba(148,163,184,.22); color:rgba(226,232,240,.84); font-weight:750; font-size:.82rem; }
.notification-notes { margin:12px 0 0; padding-left:20px; color:rgba(226,232,240,.84); line-height:1.7; }
@media (max-width: 840px) { .notifications-hero, .notification-rule, .notification-queue-item { grid-template-columns:1fr; } .notifications-shell { width:min(100% - 20px,1180px); } }