/* Production projects share one workspace and keep reference tools reachable. */
#side-guides{border-top:1px solid #d7dce2;border-bottom:1px solid #d7dce2;padding:14px 0;margin:16px 0}#side-guides .eyebrow{margin:0 10px 8px}#side-guides button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;font-size:12px}#side-guides summary{font-size:12px;padding:10px;cursor:pointer}#side-guides details button{padding-left:22px}#side-guides button:hover{background:#e5e9ee}#project-audience{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:10px 0 25px;font-size:12px}#project-audience[hidden]{display:none}#project-audience>a,#project-audience>span{padding:10px 14px;border:1px solid #d7dce2;text-decoration:none}#project-audience .audience-current{background:#17191d;color:white}#project-audience small{padding:8px 12px;color:#656c76}.production-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.production-deliverables .card{margin:0}.production-deliverables h2,.production-documents h2{font-size:18px}.production-deliverables small{font-size:11px;color:#656c76}.production-documents .card{margin:15px 0}.production-documents a{font-size:13px}#projects .project-name{font-weight:500}.brief-sources small{display:block;font-size:10px;color:#656c76}.brief-sources p{padding:12px 0;border-bottom:1px solid #d7dce2}.brief-sources a{font-size:12px;overflow-wrap:anywhere}@media(max-width:1000px){.production-deliverables{grid-template-columns:1fr}}@media(max-width:620px){#side-guides{display:block}#side-guides .eyebrow{display:block}#side-guides button{display:inline-block;width:auto}#side-guides details{display:inline-block}#side-guides details[open]{display:block}}

/* A long production plan scrolls as one page; short screens must not collapse its checklists. */
@media(min-width:851px){body.production-layout main{display:block;overflow-y:auto}body.production-layout #content{display:block;overflow:visible}body.production-layout .preproduction{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}body.production-layout .preproduction>section{display:block;overflow:visible;min-width:0}body.production-layout .setup-list,body.production-layout .run-of-show{overflow:visible;min-height:initial;height:auto}body.production-layout #views{position:sticky;top:-25px;z-index:4;background:white}body.production-layout #project-audience{margin-bottom:15px}}

body.feedingbird-project .project-tools a[href="../../reyou-footage-audit/index.html"]{display:none}

#project-audience>button{padding:10px 14px;border:1px solid #d7dce2;background:white;font:inherit}body.production-layout .preproduction>section{min-width:0}

/* Shared production rows: time and title have one visual hierarchy. */
.run-of-show .schedule-heading,#editor .schedule-heading{color:#000;font-size:15px;font-weight:500;line-height:22px;white-space:normal;overflow-wrap:anywhere}
.schedule-heading time,.run-of-show .schedule-heading time{display:inline;color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap}
.run-of-show article:first-child::after{top:49.5px}
.setup-list .setup-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 0;border-bottom:1px solid #e1e5e9;font-size:13px;line-height:1.65}
.setup-list .setup-item-text{min-width:0;overflow-wrap:anywhere;cursor:text}
.setup-list .setup-item button{font-size:10px;padding:5px 9px;align-self:start}

/* Keep the route geometry attached to the headline, independent of duration or wrapping. */
.run-of-show article{display:flow-root;margin:0;padding:8px 0 24px 64px;border-left:1px solid #999}
.run-of-show article:first-child,.run-of-show article:last-child{border-left-color:#999}
.run-of-show article:first-child::after{display:none}
.run-of-show .schedule-route{width:fit-content;max-width:calc(100% - 8px);margin:0 0 12px;padding:0;border:0}
.run-of-show .schedule-heading{font-size:20px;line-height:28px;font-weight:500;margin:0;letter-spacing:-.15px;text-align:left}
.run-of-show .schedule-route::before,.run-of-show .schedule-route::after{display:none}
.run-of-show .schedule-heading::before{content:'';position:absolute;left:-65px;bottom:-22px;width:22.63px;height:1px;background:#999;transform:rotate(-45deg);transform-origin:left center}
.run-of-show .schedule-heading::after{content:'';position:absolute;left:-49px;right:-8px;bottom:-6px;height:1px;background:#999}
.run-of-show .route-title{display:block;position:relative;padding:0}
.run-of-show .route-title::before{content:'';position:absolute;left:-68.5px;bottom:-25.5px;width:7px;height:7px;border-radius:50%;background:#111;z-index:1}
.run-of-show .route-title::after{content:'';position:absolute;right:-8px;bottom:-6px;width:1px;height:10px;background:#999;transform:rotate(45deg);transform-origin:center bottom}
.run-of-show .schedule-route .schedule-duration{display:block;font-size:11px;line-height:16px;margin:12px 0 0;color:#676d73}

/* Universal schedule: begin the spine at the first marker, including wrapped headings. */
.run-of-show>article:first-of-type{border-left-color:transparent}
.run-of-show>article:first-of-type::before{display:none}
.run-of-show>article:first-of-type::after{display:block;content:'';position:absolute;left:-1px;top:var(--first-dot-y,58px);bottom:0;width:1px;height:auto;background:#999;border:0;border-radius:0;transform:none}
.run-of-show .schedule-heading time{font-size:.9em}
.schedule-heading .schedule-separator{display:inline-block;margin:0 .55em}
.schedule-heading .schedule-title-text{text-transform:capitalize}
