/* W33: the original phone previews and weekly rows tell the content workflow. */
#station-content .cel{grid-template-columns:260px minmax(0,1fr);gap:10px 25px;align-items:start}
#station-content .content-chat{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:12px 17px;background:#13263a;color:#fff;border-bottom:3px solid #74d9c0;min-height:73px}
.content-speech{flex:1;min-width:0}.content-speech small{display:block;font-size:10px;color:#a7c6d9;letter-spacing:.06em;margin-bottom:5px}
.content-speech p{font:500 clamp(17px,1.65vw,22px)/1.25 Barlow,sans-serif;margin:0;min-height:28px}
.content-speech i{display:none;height:20px;width:2px;background:#74d9c0;margin-left:3px;vertical-align:middle}
.content-chat[data-typing=true] i{display:inline-block}
.content-controls{display:flex;gap:5px;flex-wrap:nowrap;justify-content:flex-end;flex:0 0 auto}
.content-controls button{background:transparent;border:1px solid #ffffff38;color:#fff;font:500 11px Barlow,sans-serif;padding:6px 9px;cursor:pointer;white-space:nowrap}
.content-controls [data-pilot-play]{background:#d9fff4;color:#102c28;border-color:#d9fff4;font-size:12px}
#station-content .content-response{grid-column:1/-1;background:var(--panel);border-top:1px solid var(--line2);padding:8px 14px;min-height:50px}
.content-response b{font-size:14px;font-weight:600;line-height:1.3;display:block}.content-response span{font-size:12px;line-height:1.3;display:block;color:var(--muted);margin-top:4px}
#station-content [data-content-phase="5"] .content-response b{color:#178264}
#station-content .cel-week{max-height:none!important;overflow:visible!important;min-width:0}
#station-content .cel-panel{padding:12px 14px!important}
.content-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line2);padding-bottom:9px;margin-bottom:9px;min-height:43px}
.content-brand>b{display:grid;place-items:center;width:31px;height:31px;background:var(--blue);color:#fff;font-size:13px;flex:none}
.content-brand small{font-size:11px;letter-spacing:.03em;color:var(--blue-hi);display:block;margin-bottom:3px;line-height:1.2}
.content-brand span{font-size:13px;line-height:1.3;display:block;color:var(--text)}
#station-content [data-content-phase="1"] .content-brand{outline:2px solid #218e74;outline-offset:3px;background:#72d7b510}
#station-content .cel-head{gap:10px;padding-bottom:8px;align-items:center}
#station-content .cel-head b{font-size:22px;line-height:1.1}
#station-content .cel-head small{font-size:11px!important}
#station-content .cel-approve{font-size:12px;padding:8px 10px;white-space:nowrap;min-height:34px}
#station-content .cel-approve:disabled{opacity:.55;cursor:default}
#station-content .content-source{margin:0;font-size:13px;line-height:1.35;min-height:18px;color:var(--text)}
#station-content .cel-rows{gap:5px;margin:0}
#station-content .cel-row{position:relative;display:grid;grid-template-columns:39px 42px minmax(0,1fr) auto;gap:9px;padding:6px 8px!important;min-height:48px;align-items:center;border-radius:2px;transition:background .18s,box-shadow .18s}
.content-thumb{width:39px;height:37px;object-fit:cover;border-radius:2px}
#station-content .cel-row .d{font-size:10px;line-height:1.2}
#station-content .cel-row .d b{font-size:17px}
#station-content .cel-row .t{font-size:14px;line-height:1.2}
#station-content .cel-row .t small{font-size:10px;line-height:1.2;margin-bottom:3px}
#station-content .cel-row .fmt{font-size:9px;padding:1px 4px;margin-left:5px}
#station-content .cel-row .r{gap:3px}
#station-content .cel-row .r .ch{display:none}
#station-content .cel-row .st{font-size:11px;white-space:nowrap}
#station-content .cel-row[data-created=false]{cursor:default;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line);opacity:1}
#station-content .cel-row[data-created=false]>:not(.content-placeholder){visibility:hidden}
#station-content .content-placeholder{display:none;position:absolute;left:15px;right:15px;color:var(--dim);font-size:12px;align-items:center;gap:13px}
#station-content .content-placeholder:before{content:'';width:25px;height:27px;border:1px solid var(--line2);background:linear-gradient(135deg,transparent 50%,var(--line) 50%);flex:none}
#station-content .cel-row[data-created=false] .content-placeholder{display:flex}
#station-content .cel-row.content-changing{box-shadow:inset 3px 0 0 var(--blue-hi),inset 0 0 0 1px var(--blue-hi);background:#3355e00c}
#station-content .cel-row[data-scheduled=true]{background:#4aba8b0d}
#station-content .cel-row[data-scheduled=true] .d{color:#168162}
#station-content .cel-row[data-scheduled=true].content-changing{box-shadow:inset 3px 0 0 #218e74,inset 0 0 0 1px #218e74}
#station-content .cel-phone{min-width:0;gap:0}
#station-content .cel-phone>.lift{padding:6px!important;border-radius:24px!important}
#station-content .cel-screen{height:calc(var(--demo-h,650px) - 135px)!important;min-height:290px!important;border-radius:19px!important}
#station-content .ph-status{padding:7px 13px 4px;font-size:10px}
#station-content .ph-app{padding:7px 10px;font-size:12px}
#station-content .po-head{padding:8px 10px;gap:7px}
#station-content .po-av{width:27px;height:27px;font-size:11px}
#station-content .po-who b{font-size:12px}
#station-content .po-who small{font-size:10px}
#station-content .po-cap{font-size:12px;line-height:1.35;padding-inline:10px}
#station-content .po-sched{font-size:11px;padding:8px 10px}
#station-content .po-likes{font-size:10px;padding:0 10px;margin:5px 0}
#station-content .po-acts{padding:6px 10px}
#station-content .po-more-btn{font-size:11px}
#station-content .cel-cap{display:none}
.content-empty{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 22px;background:linear-gradient(160deg,#f0f5fb,#dfe9f5);color:#193547;text-align:center}
.content-empty[hidden]{display:none}
.content-monogram{display:grid;place-items:center;width:48px;height:48px;background:#3355e0;color:#fff;margin-bottom:13px;font-size:20px;font-weight:600}
.content-empty>b{font-size:23px;font-weight:600}.content-empty>small{font-size:12px;color:#506576}
.content-empty-art{display:flex;align-items:flex-end;justify-content:center;gap:7px;height:76px;margin-top:10px}
.content-empty-art i{height:39px;width:32px;background:#b4c7df;transform:skewY(-12deg)}
.content-empty-art i:nth-child(2){height:57px;background:#7b9ac2}.content-empty-art i:nth-child(3){height:70px;background:#3355e0}
.content-empty p{font-size:14px;line-height:1.4;margin-top:18px;color:#506576}
@media(min-width:860px){
 html.fly-on #station-content .cel{grid-template-columns:250px minmax(0,1fr);gap:9px 25px}
 html.fly-on #station-content .cel-screen{height:calc(var(--demo-h) - 135px)!important}
 #station-content .cel-week>.lift{border-radius:3px}
}
@media(min-width:860px) and (max-height:730px){
 html.fly-on #station-content .cel{grid-template-columns:230px minmax(0,1fr);gap:5px 20px}
 #station-content .content-chat{min-height:65px;padding:8px 14px}
 #station-content .content-response{min-height:43px;padding:5px 12px}
 #station-content .content-response span{font-size:11px;margin-top:3px}
 #station-content .cel-panel{padding:9px 12px!important}
 #station-content .content-brand{padding-bottom:6px;margin-bottom:6px;min-height:36px}
 #station-content .cel-head{padding-bottom:3px}
 #station-content .cel-head b{font-size:20px}
 #station-content .cel-head small{display:none}
 #station-content .cel-approve{min-height:28px;padding:5px 8px;font-size:11px}
 #station-content .content-source{font-size:13px}
 #station-content .cel-row{min-height:41px;padding:4px 7px!important;gap:7px}
 #station-content .cel-row .t{font-size:13px}
 #station-content .content-thumb{height:31px;width:35px}
 #station-content .cel-row .fmt{display:none}
}
@media(max-width:859px){
 #station-content .cel{grid-template-columns:minmax(0,1fr);gap:18px}
 #station-content .content-chat{flex-direction:column;align-items:stretch;padding:13px;gap:10px}
 #station-content .content-controls{flex:auto;justify-content:flex-start;flex-wrap:wrap}
 #station-content .content-speech p{font-size:19px;min-height:48px}
 #station-content .cel-phone{width:285px;max-width:100%;margin:auto}
 #station-content .cel-screen{height:470px!important}
 #station-content .content-brand span{font-size:13px}
 #station-content .cel-head{flex-wrap:wrap}
 #station-content .cel-row{grid-template-columns:31px minmax(0,1fr) auto;gap:7px;min-height:69px}
 #station-content .content-thumb{display:none}
 #station-content .cel-row .t{font-size:13px}
 #station-content .cel-row .fmt{display:none}
 #station-content .content-response{min-height:85px}
}
@media(prefers-reduced-motion:reduce){#station-content *{transition:none!important;animation:none!important}}