.schedule-film,.schedule-fallback{background:#fafbfc;color:#202630;border-radius:10px;overflow:hidden;max-width:1000px;margin-inline:auto}
.schedule-film-controls{display:flex;align-items:center;gap:24px;padding:20px 32px;border-top:1px solid #dfe5eb}
.schedule-film button{font:inherit;cursor:pointer;min-height:44px;border-radius:5px}
.schedule-play{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:165px;background:#202630;border:1px solid #202630;color:#fff;padding:10px 16px;font-size:15px!important}
.schedule-play span{font-size:12px}
.schedule-stages{display:flex;flex-wrap:wrap;gap:4px}
.schedule-stages button{background:transparent;border:1px solid transparent;color:#53657b;padding:9px 12px;font-size:14px}
.schedule-stages button[aria-pressed=true]{background:#e8edf3;border-color:#b9c5d3;color:#202630}
.schedule-film button:focus-visible{outline:3px solid #0067bd;outline-offset:3px}
.schedule-fallback{padding:32px}.schedule-fallback p{color:#53657b}
.approval-detail .manager-demo{margin-top:24px}
@media(max-width:620px){
 .schedule-film-controls{padding:20px 16px;flex-direction:column;align-items:stretch;gap:12px}
 .schedule-play{align-self:flex-start;min-width:154px}
 .schedule-stages{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 .schedule-stages button{font-size:13px;padding:8px}
}
@media print{.schedule-film-controls{display:none}.schedule-film{break-inside:avoid;border:1px solid #dfe5eb}}

/* The approval flow shares the schedule's light canvas, cards, and controls. */
.approval-detail{max-width:1000px;margin:32px auto 0}
.approval-detail .manager-demo{background:#fafbfc;color:#202630;border:1px solid #dfe5eb;border-radius:10px}
.approval-detail .manager-toolbar,.approval-detail .manager-inbox,.approval-detail .staff-preview,.approval-detail .manager-history{border-color:#dfe5eb}
.approval-detail .manager-toolbar>span,.approval-detail .manager-demo p,.approval-detail .manager-demo small,.approval-detail .manager-demo .detail-kicker,.approval-detail .manager-inbox span,.approval-detail .manager-candidate span,.approval-detail .manager-history ol{color:#53657b}
.approval-detail .manager-grid .staff-preview{background:#f0f3f6}
.approval-detail .manager-toolbar button{border-color:#b9c5d3;color:#202630;background:#fff;border-radius:5px}
.approval-detail .manager-inbox button{background:#fff;border:1px solid #c4ccd6;color:#202630;border-radius:8px}
.approval-detail .manager-inbox button[aria-pressed=true]{background:#edf3fb;border-color:#8da9c9}
.approval-detail .manager-inbox em{color:#315a86}
.approval-detail .manager-checks{color:#166345}
.approval-detail .manager-candidate{position:relative;min-height:90px;padding:20px 20px 20px 88px;background:#fff;border:1px solid #c4ccd6;border-radius:10px}
.approval-detail .manager-candidate:before{content:attr(data-initials);position:absolute;left:20px;top:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf0f4;color:#53657b;font-size:17px;font-weight:650}
.approval-detail .manager-candidate strong{font-size:20px;line-height:1.3}
.approval-detail .manager-demo[data-phase=pending] .manager-candidate{background:#edf3fb;border-color:#b8c7d8}
.approval-detail .manager-demo[data-phase=confirmed] .manager-candidate{background:#eaf6ef;border-color:#6fab92;color:#166345}
.approval-detail .manager-demo[data-phase=confirmed] .manager-candidate:before{background:#cde8d9;color:#166345}
.approval-detail .manager-demo[data-phase=confirmed] .manager-status{color:#166345}
.approval-detail .manager-demo .primary{background:#202630;color:#fff;border-color:#202630;border-radius:5px}
.approval-detail .manager-demo .primary:hover{background:#34404f}
.approval-detail .manager-demo .text-button{color:#202630}
.approval-detail .manager-demo :is(button,summary):focus-visible{outline:3px solid #0067bd;outline-offset:3px}
.approval-detail .manager-history summary:after{color:#53657b}
@media(max-width:620px){.approval-detail .manager-candidate{padding:18px 16px 18px 76px}.approval-detail .manager-candidate:before{left:16px;width:44px;height:44px}.approval-detail .manager-candidate strong{font-size:18px}}