/*
Signal Labs
Area: Signal Schedule
File: schedule/pages/requests/approvals.css
Version: v5.14.0
Purpose: Request Approval Workflow preview styles
*/
.approvals-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto 48px; color: #e5eefb; }
.approvals-hero, .approvals-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); }
.approvals-hero { display:grid; grid-template-columns: 1fr minmax(240px, 360px); gap: 18px; padding: 28px; margin-bottom: 18px; }
.approvals-hero h1 { margin: 0 0 10px; font-size: clamp(2rem, 4vw, 3.4rem); }
.approvals-hero p, .approvals-card p { color: rgba(226,232,240,.78); line-height:1.65; }
.approvals-kicker { margin:0 0 8px; color:#7dd3fc; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
.approvals-summary, .approval-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.approval-stat, .queue-card, .chain-card, .request-card { border:1px solid rgba(148,163,184,.22); border-radius:18px; background:rgba(30,41,59,.56); padding:16px; }
.approval-stat strong { display:block; font-size:2rem; color:#fff; }
.approval-stat span { color:rgba(226,232,240,.72); font-weight:750; }
.approvals-card { padding:22px; margin-bottom:16px; }
.approvals-card h2 { margin:0 0 10px; }
.queue-card h3, .chain-card h3, .request-card h3 { margin:0 0 8px; color:#f8fafc; }
.queue-card .pending { display:inline-flex; margin-top:10px; padding:6px 10px; border-radius:999px; background:rgba(250,204,21,.16); color:#fde68a; font-weight:800; }
.approval-list { display:grid; gap:12px; }
.request-card { display:grid; grid-template-columns: 1.1fr .9fr .9fr; gap:14px; align-items:start; }
.request-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.approval-badge { display:inline-flex; padding:5px 9px; border-radius:999px; background:rgba(59,130,246,.16); color:#bfdbfe; font-weight:800; font-size:.82rem; }
.approval-badge.warning { background:rgba(245,158,11,.16); color:#fed7aa; }
.approval-badge.good { background:rgba(34,197,94,.16); color:#bbf7d0; }
.chain-steps { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.chain-steps span { padding:6px 10px; border-radius:999px; background:rgba(15,23,42,.75); border:1px solid rgba(148,163,184,.22); color:rgba(226,232,240,.86); font-weight:750; }
.approval-notes { margin:12px 0 0; padding-left:20px; color:rgba(226,232,240,.84); line-height:1.7; }
@media (max-width: 840px) { .approvals-hero, .request-card { grid-template-columns:1fr; } .approvals-shell { width:min(100% - 20px,1180px); } }