/* A single reading axis, one persistent Slack window, intrinsic scene sizing. */
.film-player{margin-top:36px;position:relative}.film-viewport{width:100%}#work-film{position:relative;width:100%;display:grid;gap:18px}.film-captions{display:grid;min-height:32px}.film-copy{grid-area:1/1}.film-copy:not(:first-child){visibility:hidden}.film-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.025em}.film-copy>p{display:none}.film-ui{min-width:0;background:#fff;border:1px solid #d5e0e9;border-radius:12px;overflow:hidden;color:#1d1c1d;box-shadow:0 20px 54px -38px #4e6b83}
.slack-chrome{height:52px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9ec;font-size:13px;color:#616061;background:#fcfdfe}.slack-chrome b{font-weight:500;color:#1d1c1d}.work-surface{display:grid;min-height:320px}.film-scene{grid-area:1/1;min-width:0}.film-scene:not(:first-child){visibility:hidden}.msg{display:flex;gap:14px;padding:25px 30px}.msg+.msg{border-top:1px solid #eef0f2}.avatar{flex:0 0 34px;width:34px;height:34px;border-radius:6px;display:grid;place-items:center;background:#eaf0f5;color:#345166;font-size:12px;font-weight:500}.avatar img{width:28px;height:28px}.avatar.engineer{background:#eaf0ec;color:#476254}.msg-body{min-width:0;flex:1}.who{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px;margin-bottom:8px}.who b{font-weight:500}.who small{font-size:11px;color:#616061}.app-tag{font-size:10px;background:#f1f2f3;padding:1px 4px;border-radius:3px;color:#616061}.bk-section{font-size:16px;line-height:1.55;color:#1d1c1d;max-width:790px}.work-reference{display:flex;align-items:center;gap:12px;border-left:2px solid #7ea3be;background:#f6f9fb;padding:12px 14px;margin-top:16px;max-width:520px;font-size:13px}.work-reference>span{color:#286990;font-size:18px}.work-reference b{font-weight:500;margin-right:12px}.work-reference div>span{font-size:12px;color:#526575}.work-draft{border:1px solid #dbe3e9;border-radius:5px;margin-top:14px;background:#fbfcfd;overflow:hidden;max-width:820px}.work-draft-label{display:flex;gap:5px;align-items:center;padding:9px 14px;border-bottom:1px solid #e5eaef;font-size:12px;color:#526575}.work-draft-label b{font-weight:500;color:#285c7e}.work-draft-label>span{margin-left:auto}.work-draft p,.work-draft textarea{padding:14px;color:#263442;font-size:16px;line-height:1.55}.work-draft textarea{display:block;width:100%;border:0;background:transparent;resize:none;min-height:92px}.work-draft textarea:not([readonly]){background:#fff;outline:2px solid var(--blue);outline-offset:-2px}.work-decision{position:relative;min-height:44px;margin-top:14px}.film-actions{display:flex;gap:8px;flex-wrap:wrap}.film-actions>button{font-size:13px;border:1px solid #cbd4dd;border-radius:4px;padding:9px 20px;min-height:42px;background:#fff;color:#263442}.film-actions .film-approve{color:#fff;background:#087b5d;border-color:#087b5d}.work-approved{position:absolute;inset:0;display:flex;align-items:center;gap:8px;font-size:13px;color:#17624f}.work-posted{color:#526575;font-size:12px;margin-top:6px}.work-posted>span{margin-right:6px;color:#286990}.work-review-note{font-size:12px;color:#526575;line-height:1.5;margin-top:12px}.work-return{border:0;padding:12px 0 0;background:transparent;color:var(--blue);font-size:12px;min-height:44px}.work-window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5eaef;padding:0 20px 0 30px;min-height:48px;background:#fcfdfe}#work-state{font-size:12px;color:#526575}.work-window-footer .motion-control{margin:0}.work-window-footer .motion-control button{border:0;background:transparent;font-size:13px}
@media(hover:hover){.film-actions>button:hover{background:#edf4f8}.film-actions .film-approve:hover{background:#066248}.work-return:hover{text-decoration:underline}}
@media(max-width:760px){.film-player{margin-top:28px}.slack-chrome{padding-inline:20px}.msg{padding:22px 20px}.work-surface{min-height:350px}.bk-section,.work-draft p,.work-draft textarea{font-size:15px}.work-draft textarea{min-height:110px}.work-window-footer{padding-left:20px}}
@media(max-width:480px){#work-film{gap:14px}.film-copy h3{font-size:19px}.slack-chrome{padding-inline:15px;font-size:11px;height:46px}.msg{padding:20px 15px;gap:10px}.avatar{width:28px;height:28px;flex-basis:28px}.avatar img{width:25px;height:25px}.who{font-size:13px;gap:6px}.who small{font-size:10px}.bk-section,.work-draft p,.work-draft textarea{font-size:14px}.work-draft textarea{min-height:151px;padding:11px}.work-draft-label{font-size:10px;padding:8px 11px}.work-reference{padding:10px;gap:8px}.work-reference div>span{display:block;font-size:11px;margin-top:2px}.film-actions>button{padding:9px 11px;font-size:12px}.work-approved,.work-review-note,.work-posted{font-size:11px}.work-window-footer{padding-inline:15px 6px}#work-state{font-size:11px}.work-return{font-size:11px}.work-surface{min-height:405px}}
.no-js .film-captions,.no-js .film-actions,.no-js .work-return{display:none}.no-js .work-surface{display:block}.no-js .film-scene{visibility:visible;border-bottom:1px solid #e5eaef}.no-js .work-approved{position:static}

/* Product chrome follows the existing Slack target UI, not the marketing skin. */
#work-draft-input{min-height:0;height:auto;overflow-y:hidden}
.no-js #work-draft-input{height:140px;overflow-y:auto}
.slack-rail-item .app-icon{flex-basis:30px}
.ui-symbols{position:absolute;width:0;height:0;overflow:hidden}.app-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.film-ui{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;border-color:#cbc6ce;border-radius:10px;box-shadow:0 24px 60px -32px #526678,0 2px 6px #192d3b08}
.film-ui p{text-wrap:initial}.slack-topbar{height:42px;display:flex;align-items:center;gap:20px;background:#350d36;color:#e6dce7;padding:0 17px;font-size:12px}.window-dots{display:flex;gap:7px;width:215px;flex:0 0 215px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ec6a5f}.window-dots i:nth-child(2){background:#f4bf50}.window-dots i:nth-child(3){background:#61c454}.slack-history{display:flex;align-items:center;gap:8px;font-size:18px}.slack-history svg{width:17px;height:17px}.slack-search{display:flex;align-items:center;gap:9px;max-width:490px;flex:1;background:#ffffff20;border:1px solid #ffffff26;border-radius:6px;height:28px;padding:0 11px;color:#fff}.slack-search svg{width:14px;height:14px}.slack-help{margin-left:auto;border:1px solid #ddcfde;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;line-height:1}
.slack-layout{display:grid;grid-template-columns:58px 202px minmax(0,1fr)}.slack-rail{background:#350d36;color:#eee4ef;display:flex;align-items:center;flex-direction:column;padding:12px 5px;gap:18px}.slack-workspace-icon{display:grid;place-items:center;background:#e7d9eb;color:#3c1942;border-radius:9px;width:35px;height:35px;font-size:24px;font-weight:800}.slack-rail-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}.slack-rail-item svg{width:32px;height:30px;padding:5px}.slack-rail-item.current svg{background:#ffffff24;border-radius:8px}.slack-rail-item small{font-size:10px}.slack-rail-bottom{margin-top:auto;padding-top:60px}.slack-self{display:grid;place-items:center;width:31px;height:31px;background:#a9bcc9;border-radius:7px;color:#263c4d;font-size:11px;font-weight:700}
.slack-sidebar{background:#4a204c;color:#decedf;font-size:13px;padding-bottom:20px}.slack-team{height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}.slack-side-tools{padding:14px 14px 3px;display:grid;gap:10px}.slack-side-tools>span{display:flex;gap:9px;align-items:center}.slack-side-tools svg{width:16px;height:16px;flex-basis:16px}.slack-group-label{display:flex;justify-content:space-between;padding:20px 14px 7px;font-size:12px;color:#cebbd0}.slack-channel-row{margin:1px 7px;min-height:30px;padding:4px 8px;display:flex;align-items:center;gap:8px;border-radius:5px;font-size:13px;white-space:nowrap}.slack-channel-row>span{font-size:17px;line-height:1;width:14px;text-align:center}.slack-channel-row img{width:17px;height:17px;background:#fff;border-radius:3px;padding:1px}.slack-channel-row small{font-size:11px;color:#decedf}.slack-presence{width:8px;height:8px;border-radius:50%;background:#58aa92;margin:0 4px}.slack-channel-row[data-slack-channel]{transition:background 160ms ease}.slack-channel-row[data-slack-channel="0"]{background:#ffffff13}#work-film[data-slack-scene="0"] [data-slack-channel="0"],#work-film[data-slack-scene="1"] [data-slack-channel="1"],#work-film[data-slack-scene="2"] [data-slack-channel="2"]{background:#9868a440;color:#fff;font-weight:700;box-shadow:inset 3px 0 #d8bfdf}#work-film:not([data-slack-scene="0"]) [data-slack-channel="0"]{background:transparent}
.slack-conversation{min-width:0;background:#fff}.slack-chrome{height:56px;padding:0 25px;background:#fff;font-size:18px;color:#1d1c1d}.slack-chrome b{font-weight:750;letter-spacing:-.02em}.slack-members{display:flex;align-items:center;font-size:11px;color:#616061}.slack-members i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border:2px solid white;border-radius:5px;background:#d9e5ec;color:#3d5362;font-size:8px;font-weight:700;margin-left:-5px}.slack-members i:nth-child(2){background:#dce7de;color:#385340}.slack-members i:nth-child(3){background:#f0e0cf;color:#685240}.slack-members>span{margin-left:7px}.slack-members .slack-more{font-size:24px;margin-left:19px}.slack-tabs{display:flex;gap:22px;padding:0 25px;height:35px;border-bottom:1px solid #e7e7e7;font-size:12px;color:#616061}.slack-tabs>span:first-child{border-bottom:2px solid #007a5a;font-weight:700;color:#1d1c1d}.slack-date{display:flex;align-items:center;gap:0;padding:16px 0 8px;color:#1d1c1d;font-size:11px;font-weight:700}.slack-date::before,.slack-date::after{content:'';height:1px;background:#e8e8e8;flex:1}.slack-date>span{padding:3px 13px;border:1px solid #ddd;border-radius:16px}.slack-date small{margin-left:4px;color:#616061}.work-surface{min-height:340px}.msg{padding:16px 25px;gap:11px}.msg+.msg{border:0}.avatar{width:36px;height:36px;flex-basis:36px;border-radius:7px;background:#ece0d3;color:#6b4d2f;font-size:12px;font-weight:700}.avatar:has(img){background:#f5f5f5}.avatar img{width:31px;height:31px}.avatar.engineer{background:#d8e6de;color:#355544}.who{margin-bottom:3px;gap:7px;font-size:14px}.who b{font-weight:750}.who small{font-size:10px}.who time{font-size:11px;color:#616061}.app-tag{font-size:9px;font-weight:500;padding:1px 4px;color:#555;background:#eee}.bk-section{font-size:15px;line-height:1.5;max-width:690px}.work-reference{background:#fff;border-left:3px solid #ddd;margin-top:12px;padding:8px 12px;font-size:12px}.work-reference b{font-weight:700;color:#1264a3}.work-reference div>span{font-size:11px;color:#616061}.work-draft{background:#fff;border-color:#d5d5d5;border-radius:6px;margin-top:12px}.work-draft-label{background:#fafafa;color:#616061;border-color:#e5e5e5;padding:8px 12px;font-size:11px}.work-draft p,.work-draft textarea{font-size:14px;line-height:1.5;padding:12px;color:#1d1c1d}.work-draft textarea{min-height:92px}.work-review-note{font-size:11px;color:#616061;margin-top:9px}.film-actions>button{font-weight:600;font-size:12px;min-height:36px;padding:6px 13px;border-color:#bdbdbd}.film-actions .film-approve{background:#007a5a;border-color:#007a5a}.work-posted{font-size:11px;color:#616061}.work-return{font-size:11px;min-height:36px;padding-top:8px;color:#1264a3}.slack-status-label{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#236446;background:#eef6ef;border:1px solid #d7e8db;border-radius:4px;padding:3px 8px;margin:5px 0 0}.slack-composer{margin:10px 25px 14px;border:1px solid #aaa;border-radius:7px;color:#616061;font-size:13px;overflow:hidden}.slack-format{height:29px;display:flex;align-items:center;gap:16px;background:#f8f8f8;padding:0 12px;color:#555;font-size:13px}.slack-format svg{width:14px;height:14px;flex-basis:14px}.slack-placeholder{padding:9px 12px;font-size:13px}.slack-compose-tools{padding:3px 12px 9px;display:flex;justify-content:space-between;color:#666;font-size:15px}.work-window-footer{min-height:37px;padding:0 14px 0 25px;background:#fff;border:0}.work-window-footer .motion-control button{height:36px;width:36px;color:#616061}#work-state{font-size:10px;color:#616061}
@media(max-width:1050px){.slack-layout{grid-template-columns:48px 174px minmax(0,1fr)}.slack-team{font-size:13px;padding-inline:11px}.slack-channel-row{font-size:12px;margin-inline:4px;padding-inline:7px}.slack-side-tools{font-size:12px;padding-inline:11px}.window-dots{width:172px;flex-basis:172px}.msg{padding-inline:20px}.slack-chrome,.slack-tabs{padding-inline:20px}.slack-composer{margin-inline:20px}.slack-members i{display:none}.slack-more{display:none}}
@media(max-width:760px){.slack-layout{grid-template-columns:46px minmax(0,1fr)}.slack-sidebar{display:none}.window-dots{width:auto;flex-basis:auto}.slack-history{display:none}.slack-topbar{gap:14px}.slack-rail{gap:18px}.slack-chrome{font-size:16px}.work-surface{min-height:350px}}
@media(max-width:480px){.slack-layout{display:block}.slack-rail{display:none}.slack-topbar{height:35px;padding-inline:12px;gap:14px}.window-dots{gap:5px}.window-dots i{width:7px;height:7px}.slack-search{height:24px;font-size:10px;gap:6px;padding-inline:7px}.slack-search svg{width:11px;height:11px;flex-basis:11px}.slack-help{display:none}.slack-chrome{height:49px;padding-inline:14px;font-size:16px}.slack-tabs{height:32px;padding-inline:14px;font-size:11px}.slack-date{padding-top:12px}.msg{padding:13px 14px;gap:9px}.avatar{width:30px;height:30px;flex-basis:30px}.avatar img{width:26px;height:26px}.who{font-size:13px;gap:5px}.who small,.who time{font-size:9px}.bk-section,.work-draft p,.work-draft textarea{font-size:14px;line-height:1.48}.work-draft textarea{min-height:153px;padding:10px}.work-draft p{padding:10px}.work-draft-label{font-size:10px;padding:7px 10px}.work-reference{padding:6px 10px}.work-surface{min-height:395px}.work-decision{min-height:44px}.work-approved{font-size:11px}.work-review-note,.work-posted{font-size:11px}.slack-status-label{font-size:10px}.slack-composer{margin:8px 14px 8px}.slack-format{display:none}.slack-placeholder{font-size:12px}.slack-compose-tools{font-size:14px}.work-window-footer{padding-left:14px;padding-right:6px}#work-state{font-size:10px}}
/* Authored demo cursor: anchored to the real button, never an input target.
   Percentage anchoring follows font loading, draft edits and responsive wrapping. */
#work-approve{position:relative;overflow:visible;transition:none}
.approval-pointer{position:absolute;left:64%;top:56%;width:28px;height:36px;z-index:3;pointer-events:none;visibility:hidden;opacity:0}
.approval-pointer-glyph{display:block;filter:drop-shadow(0 2px 2px #13252b30)}
.approval-click-ring{position:absolute;left:-10px;top:-11px;width:26px;height:26px;border:1.5px solid #e1f7ed;border-radius:50%;pointer-events:none;opacity:0}
.no-js .approval-pointer{display:none}
@media(prefers-reduced-motion:reduce){.approval-pointer{display:none!important}}

/* Evidence-first Slack recut. Native message attachments, not floating callouts. */
.work-log-evidence{max-width:480px;margin-top:11px;border:1px solid #ddd;border-radius:5px;background:#fafafa;overflow:hidden;font-size:12px}
.work-log-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;border-bottom:1px solid #e5e5e5;color:#616061;font-size:11px}
.work-log-evidence code{font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#353238;white-space:nowrap}
.work-log-evidence dl{margin:0;padding:6px 11px;display:grid;gap:5px}
.work-log-evidence dl>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1fr);gap:12px;align-items:baseline}
.work-log-evidence dt{color:#616061;font-weight:400}
.work-log-evidence dd{margin:0;display:flex;gap:6px;align-items:baseline;color:#616061;flex-wrap:wrap}
.work-log-change{font-size:10px;color:#87511d}
.work-draft .work-draft-boundary{padding:0 12px 11px;font-size:11px;line-height:1.5;color:#616061}
.work-elapsed{display:flex;align-items:center;gap:12px;margin:7px 25px 1px;font-size:10px;color:#616061}
.work-elapsed::before,.work-elapsed::after{content:'';height:1px;background:#e7e7e7;flex:1}
.work-elapsed>span{flex-shrink:0}
.work-verification-step{display:block;padding-left:20px;position:relative}
.work-verification-step+.work-verification-step{margin-top:7px}
.work-verification-step>b{position:absolute;left:0;font-weight:600}
.work-verification-caveat{padding:0 12px 11px;color:#616061;font-size:11px;line-height:1.5}
@media(max-width:480px){.work-log-evidence dl>div{grid-template-columns:minmax(90px,1fr) minmax(0,1fr);gap:7px}.work-log-evidence{font-size:11px}.work-log-evidence code{font-size:10px}.work-draft .work-draft-boundary,.work-verification-caveat{padding-inline:10px}.work-elapsed{margin-inline:14px;font-size:9px;gap:7px}.work-window-footer{padding-block:5px}#work-state{line-height:1.45}}
