:root{--pbg:#101012;--ppanel:#1b1b1e;--pbg2:#222225;--pline:#373739;--pwhite:#f7f5f1;--porange:#ff6925;--pteal:#32d7ca;--psoft:#b5b1aa} .portal-shell{max-width:1350px;margin:0 auto;padding:0 40px 95px;min-height:82vh}.portal-kicker{font:700 12px/1.5 var(--mono);color:var(--porange);letter-spacing:.1em}.portal-signin{padding:95px 0 50px;max-width:950px}.portal-signin h1,.workspace-hero h1,.section-top h2{font-family:var(--display);font-weight:900;letter-spacing:-.008em;text-transform:uppercase}.portal-signin h1{font-size:clamp(72px,10vw,152px);line-height:.84;margin:24px 0 26px}.portal-signin h1 em,.workspace-hero h1 em,.section-top h2 em{font-style:normal;color:var(--porange)}.portal-signin>p{max-width:660px;color:#cac5bf;font-size:19px;line-height:1.55}.signin-card{max-width:700px;margin-top:42px;padding:32px;background:#1d1d20;border:1px solid var(--pline)}.signin-card h2{font:900 31px/1 var(--display);margin:0 0 11px}.signin-card p{font-size:14px;color:#c5beb8;line-height:1.55}.portal-shell label{display:block;font:700 12px/1.4 var(--mono);color:#bbb8b4;margin:14px 0 9px}.portal-shell input,.portal-shell textarea,.portal-shell select{border:1px solid #555358;background:#111113;color:#fff;padding:13px 14px;font-size:15px;min-height:48px;width:100%;border-radius:0;min-width:0}.portal-shell textarea{min-height:136px;line-height:1.55;resize:vertical}.portal-shell input:focus,.portal-shell select:focus,.portal-shell textarea:focus{outline:2px solid var(--pteal);outline-offset:2px}.portal-button{border:1px solid var(--porange);background:var(--porange);color:#151516;padding:13px 17px;min-height:48px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font:800 12px/1.35 var(--mono);letter-spacing:.015em;text-align:center;cursor:pointer}.portal-button:hover{background:#ff8d58}.portal-button-quiet{background:#252427;color:#eae6e0;border-color:#68635d}.portal-button-quiet:hover{background:#393438}.portal-button:disabled{opacity:.5;cursor:not-allowed}.login-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.producer-login{margin-top:22px;border-top:1px solid var(--pline);padding-top:19px;color:#c4bfb9;font-size:13px}.producer-login summary{cursor:pointer}.producer-login form{margin-top:16px}.producer-login button{margin-top:15px}.signin-footer{display:block;margin-top:50px;color:#96918b;font:12px var(--mono)}.workspace-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:70px 0 35px}.workspace-hero h1{font-size:clamp(65px,8.5vw,120px);line-height:.88;margin:20px 0 22px}.workspace-hero p{font-size:16px;color:#c6c0bb;line-height:1.55;margin:0}.workspace-identity{min-width:250px;border-left:2px solid var(--porange);padding:8px 0 8px 16px;display:grid;gap:8px;font:700 11px var(--mono);color:#bbb}.workspace-identity span:first-child{color:var(--pteal)}.workspace-identity span:last-child{overflow-wrap:anywhere}.workspace-top{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;padding:23px 0;border-top:1px solid var(--pline)}.workspace-select-wrap{min-width:290px}.workspace-select-wrap label{margin:0 0 8px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--pline);margin:15px 0 0}.workspace-tabs button{font:800 12px var(--mono);white-space:nowrap;background:transparent;color:#b6aea7;border:0;border-bottom:3px solid transparent;padding:17px 19px;cursor:pointer}.workspace-tabs button.active{border-color:var(--porange);color:#fff;background:#1a1a1c}.workspace-tabs button:hover{color:var(--porange)}.tab-panel{padding-top:25px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric-row>div{background:#1c1c1f;border:1px solid var(--pline);padding:20px;min-height:140px;display:flex;flex-direction:column}.metric-row small{font:700 11px var(--mono);color:#d4cec7}.metric-row strong{font:900 53px/.95 var(--display);margin:15px 0 10px}.metric-row span{font-size:12px;color:#9c9892}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:55px 0 20px}.section-top.compact{margin-top:49px}.section-top h2{font-size:clamp(38px,4.3vw,58px);line-height:1;margin:10px 0 0}.section-top>p{color:#aba49f;max-width:370px;font-size:13px;line-height:1.55;margin:0 0 6px}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.creative-card{border:1px solid var(--pline);background:#1e1e21;min-width:0;min-height:255px;display:flex;flex-direction:column;cursor:pointer;transition:border-color .16s,transform .16s}.creative-card:hover{border-color:var(--porange);transform:translateY(-2px)}.creative-card-top{height:111px;background:linear-gradient(125deg,#272426,#161617);display:flex;align-items:end;justify-content:space-between;padding:18px;position:relative;overflow:hidden}.creative-card-top:after{content:'MPC.';position:absolute;right:-12px;bottom:-12px;color:#ffffff09;font:900 90px var(--display)}.kind-symbol{position:relative;font:900 32px var(--display);color:#f8eee4;z-index:1}.creative-card-top small{position:relative;z-index:1;font:800 10px var(--mono);color:var(--porange)}.creative-card-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:11px}.creative-card-title{font:900 22px/1.08 var(--display);overflow-wrap:anywhere;margin:0}.creative-card p{margin:0;color:#bbb4ad;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:auto;align-items:center}.pill-status{font:800 10px/1.2 var(--mono);padding:7px 9px;border:1px solid #6b625a;color:#d1c9c0;display:inline-block;text-transform:uppercase}.pill-status.client_review{border-color:#bb772a;color:#ffc482}.pill-status.approved{border-color:#31988e;color:var(--pteal)}.pill-status.changes_requested{border-color:#9d5c50;color:#f4aa99}.card-version{font:700 11px var(--mono);color:#99928a}.blank-panel{border:1px dashed #575456;background:#18181a;padding:29px;color:#bbb5ae;font-size:14px;line-height:1.6;grid-column:1/-1}.filterbar{display:grid;grid-template-columns:minmax(0,1fr) 200px 190px;gap:10px;margin:20px 0}.distribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.distribution-card{border:1px solid var(--pline);background:#1c1c1f;padding:22px;min-height:180px}.distribution-card h3{font:900 25px/1.1 var(--display);margin:10px 0}.distribution-card p{font-size:13px;color:#b8b2ad;line-height:1.5}.dist-meta{color:var(--pteal);font:700 11px var(--mono)}.post-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.post-chips a{display:inline-flex;padding:11px 13px;border:1px solid #615e59;font:700 12px var(--mono);background:#29292d}.post-chips a:hover{border-color:var(--porange)}.post-chips span{color:var(--porange);margin-left:10px}.distribution-foot{display:flex;justify-content:space-between;gap:13px;align-items:center;flex-wrap:wrap;padding:22px;margin-top:20px;background:#242224;border-left:3px solid var(--porange)}.distribution-foot span{font:800 11px var(--mono)}.distribution-foot a{font:800 12px var(--mono);text-decoration:underline;text-decoration-color:var(--porange);text-underline-offset:4px}.access-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:13px}.access-panel{background:#1d1d20;border:1px solid var(--pline);padding:23px}.access-panel h3{font:900 27px var(--display);margin:0 0 17px}.access-panel p{font-size:13px;color:#b8b2ad;line-height:1.55}.member-line{display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #3f3d3e;padding:17px 0}.member-line strong{display:block;font-size:14px;overflow-wrap:anywhere}.member-line small{color:#a9a29b;font:11px var(--mono)}.member-line button{background:transparent;color:#f3aea0;border:1px solid #835548;padding:8px 12px;cursor:pointer}.notice-inline{padding:13px 16px;border-left:3px solid var(--pteal);background:#203130;color:#d8fff9;font-size:14px;line-height:1.55;margin:17px 0}.notice-inline.error{border-color:#ee8975;background:#3a2522;color:#ffe7de}.portal-footer{border-top:1px solid var(--pline);padding:27px 42px;max-width:1350px;margin:0 auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:#ada69e;font:700 11px/1.5 var(--mono)}.portal-footer b{color:var(--porange)}.detail-scrim{position:fixed;inset:0;z-index:20;background:#080809de;display:flex;justify-content:flex-end}.detail-panel{height:100%;width:min(730px,100vw);border-left:1px solid #474348;background:#19191c;display:flex;flex-direction:column;box-shadow:-20px 0 100px #0007}.detail-header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:28px 30px;border-bottom:1px solid var(--pline)}.detail-header h2{font:900 clamp(30px,4vw,48px)/.99 var(--display);margin:7px 0 0;overflow-wrap:anywhere}.detail-close{border:1px solid #6d6966;background:#272729;color:white;font-size:19px;padding:10px 14px;cursor:pointer}.detail-body{padding:26px 30px 100px;overflow-y:auto}.detail-body .detail-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 20px}.detail-content{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.68;color:#ddd7ce;border:1px solid var(--pline);background:#202023;padding:20px;margin-bottom:19px}.detail-art{width:100%;max-height:350px;object-fit:contain;background:#111;border:1px solid #454448;margin-bottom:14px}.detail-doc-link{display:inline-flex;font:700 12px var(--mono);color:var(--pteal);text-decoration:underline;margin:10px 0 22px}.detail-panel h3{font:900 26px/1 var(--display);margin:32px 0 18px}.detail-panel label{display:block;font:700 12px var(--mono);color:#c9c2bb;margin:16px 0 8px}.detail-panel input,.detail-panel textarea,.detail-panel select{width:100%;background:#101012;color:#eee;border:1px solid #615e5d;padding:12px;font:14px Arial,sans-serif}.detail-panel textarea{min-height:130px;line-height:1.5;resize:vertical}.detail-panel input[type=file]{padding:11px}.detail-panel .action-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-panel .action-row button{flex:1}.detail-panel .helper{font-size:12px;color:#aaa29a;line-height:1.55}.history-event{border-left:2px solid #66605b;padding:5px 0 17px 16px;margin-bottom:12px}.history-event.approved{border-color:var(--pteal)}.history-event.changes_requested{border-color:#ed8f7e}.history-event strong{font-size:13px;display:block}.history-event small{font:11px/1.4 var(--mono);color:#a9a19a;display:block;margin:5px 0}.history-event p{font-size:13px;line-height:1.6;color:#ded8d0;white-space:pre-wrap}.detail-divider{border:0;border-top:1px solid var(--pline);margin:26px 0}.review-action{background:#212123;padding:19px;border:1px solid #494447}.review-action textarea{margin-top:5px}.detail-body:focus-visible{outline:2px solid var(--pteal)}
@media(max-width:1000px){.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero h1{font-size:clamp(58px,8vw,90px)}.filterbar{grid-template-columns:1fr 1fr}.filterbar input{grid-column:1/-1}}
@media(max-width:700px){.portal-shell{padding:0 18px 70px}.portal-signin{padding-top:58px}.portal-signin h1{font-size:clamp(58px,14vw,85px)}.signin-card{padding:20px}.login-line{grid-template-columns:1fr}.workspace-hero{padding:42px 0 25px;display:block}.workspace-hero h1{font-size:clamp(58px,12vw,85px)}.workspace-identity{margin-top:23px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric-row>div{min-height:132px;padding:15px}.metric-row strong{font-size:44px}.section-top{display:block;margin-top:38px}.section-top h2{font-size:40px}.section-top>p{margin:14px 0 0}.creative-grid,.distribution-grid,.access-grid{grid-template-columns:1fr}.workspace-top{display:block}.workspace-select-wrap{min-width:0}.workspace-actions{margin-top:12px}.workspace-actions>*{flex:1}.filterbar{grid-template-columns:1fr}.filterbar input{grid-column:auto}.detail-header{padding:18px}.detail-body{padding:18px 18px 85px}.portal-footer{padding:24px 18px}.topbar-inner{padding:16px 18px}.portal-private{display:none}.workspace-tabs button{padding:16px 13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.creative-card{transition:none}}
button.creative-card{font:inherit;color:inherit;text-align:left;padding:0;border-radius:0;width:100%}
/* Client Portal v6.2 / production & billing extensions */
.billing-widget{border:1px solid var(--pline);background:#1b1b1f;padding:24px;margin-top:17px}
.billing-head h2{font:900 28px/1.1 var(--display);margin:6px 0 18px}
.billing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.bill-step{min-width:0;display:flex;flex-direction:column;gap:8px;color:#817e78}
.bill-step.done{color:#f6f3eb}.bill-rule{height:6px;background:#434245}.bill-step.done .bill-rule{background:var(--porange)}
.bill-step strong{font:800 12px/1.2 var(--mono)}.bill-step small{font:11px var(--mono);color:#a9a39d}
.billing-complete{background:#1e3935;color:var(--pteal);border-left:3px solid var(--pteal);padding:18px 22px;font:900 26px var(--display)}
.billing-complete small{display:block;color:#e4f6f2;font:11px var(--mono);margin-top:7px}
.billing-form{margin-top:22px;border-top:1px solid var(--pline);padding-top:14px}
.billing-form-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}
.billing-form-fields label{font:700 11px var(--mono);color:#c9c2bb;margin:0}
.billing-form-fields input,.billing-form-fields select{display:block;max-width:100%;width:100%;background:#111;color:#fff;border:1px solid #514e4d;padding:9px;margin-top:6px}
.billing-helper{font-size:11px;color:#928f8b;margin:12px 0 0}.archive-card{min-height:180px}.archive-link,.archive-edit{display:inline-block;margin-top:8px;margin-right:6px;text-align:center}
.video-ops{display:grid;gap:9px;padding:14px 0;border-top:1px solid #38383a;margin-top:14px}.video-ops a{font:700 12px var(--mono);color:var(--pteal);text-decoration:underline;text-underline-offset:4px}
.dist-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.dist-actions .portal-button{font-size:10px;padding:10px}
.evolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-card{border:1px solid #4d4947;background:#222225;padding:11px;min-width:0}
.evolution-image{aspect-ratio:16/9;background:#131316;display:flex;align-items:center;justify-content:center;color:#8d8883;font:700 10px var(--mono);overflow:hidden}.evolution-image img{width:100%;height:100%;object-fit:contain}
.evolution-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:10px 0 5px}.evolution-meta strong{font:900 19px var(--display)}.evolution-card small{font:10px var(--mono);color:#aaa49d}.evolution-card p{font-size:12px;line-height:1.45;color:#c6beb6;overflow-wrap:anywhere}
.mini-tag{font:800 9px/1.2 var(--mono);padding:5px 7px;border:1px solid #67605c;color:#e7dfd5;white-space:nowrap}.mini-tag.current{border-color:var(--porange);color:#ffb28f}.mini-tag.approved{border-color:#218f81;color:var(--pteal)}
.compare-check{display:flex!important;gap:8px;align-items:center;font:11px var(--mono)!important;margin:12px 0 0!important}.compare-check input{width:16px!important;accent-color:var(--porange)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare-grid img{width:100%;margin-top:9px;background:#111}.compare-grid>div{min-width:0}
.inline-checkbox{display:flex!important;gap:9px;align-items:center}.inline-checkbox input{width:17px!important}.private-notes{padding:14px;background:#232426;border-left:3px solid var(--porange);margin-top:25px}
.platform-mockup{max-width:475px;background:#fff;color:#171717;margin:24px auto;padding:0;border:1px solid #bbbbbb;border-radius:14px;overflow:hidden}
.mockup-identity{display:flex;align-items:center;gap:10px;padding:13px;font-size:14px}.mockup-avatar{border-radius:50%;background:#f16b28;color:white;width:35px;height:35px;display:grid;place-items:center;font-weight:900}.mockup-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.platform-mockup.instagram .mockup-image{aspect-ratio:4/5}.platform-mockup.instagram.profile-grid{max-width:240px}.platform-mockup.instagram.profile-grid .mockup-image{aspect-ratio:3/4}.platform-mockup.instagram.profile-grid .mockup-copy{display:none}
.platform-mockup.instagram.profile-grid .mockup-identity{padding:8px;font-size:10px}.mockup-placeholder{aspect-ratio:16/9;background:linear-gradient(140deg,#292a2d,#49484b);display:grid;place-items:center;color:#bbb;font:900 12px var(--mono);text-align:center}
.platform-mockup.instagram .mockup-placeholder{aspect-ratio:4/5}.mockup-copy{padding:12px 16px 16px}.mockup-copy strong{font-size:17px}.mockup-caption{font-size:13px;line-height:1.5;white-space:pre-wrap;color:#555}
@media(max-width:720px){.billing-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-grid{grid-template-columns:1fr}.billing-widget{padding:16px}}
@media(max-width:400px){.billing-steps{gap:4px}.bill-step strong{font-size:10px}.billing-form-fields{grid-template-columns:1fr}}

/* 6.3 — One-click producer/client workspace perspective */
.perspective-bar{position:sticky;top:0;z-index:13;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 17px;background:#202023f5;border:1px solid #494548;box-shadow:0 9px 25px #0007;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.perspective-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.perspective-eyebrow{font:800 11px/1.4 var(--mono);letter-spacing:.07em;color:var(--porange)}#perspective-context{font-size:12px;line-height:1.4;color:#c8c3bd}
.perspective-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #5a5656;background:#111113;flex-shrink:0}.perspective-switch button{border:0;padding:12px 17px;min-height:44px;background:transparent;color:#bdb7b0;font:800 11px/1.2 var(--mono);letter-spacing:.025em;white-space:nowrap;cursor:pointer}.perspective-switch button.active{background:var(--porange);color:#101012}.perspective-switch button[data-perspective="client"].active{background:var(--pteal);color:#101012}.perspective-switch button:focus-visible,#exit-client-preview:focus-visible{outline:2px solid var(--pteal);outline-offset:3px}
.client-preview-banner{margin:13px 0 0;padding:15px 18px;border:1px solid #288f86;background:#102725;display:flex;justify-content:space-between;align-items:center;gap:17px}.client-preview-banner strong{font:800 12px var(--mono);color:#8af1e5;letter-spacing:.04em}.client-preview-banner p{font-size:12px;line-height:1.5;color:#c5e0dc;max-width:730px;margin:6px 0 0}.preview-dot{display:inline-block;width:8px;height:8px;background:var(--pteal);border-radius:50%;margin-right:5px}.client-preview-banner button{font:800 11px var(--mono);background:transparent;border:1px solid #69b9ad;color:#b5fff6;padding:10px 12px;min-height:40px;white-space:nowrap;cursor:pointer}.client-preview-banner button:hover{background:#224a44}
.preview-only-actions{border:1px solid #397f79;background:#112a29;padding:15px;margin-top:22px}.preview-only-actions p{font-size:12px;line-height:1.55;color:#c4e9e5;margin:7px 0 12px}.preview-only-actions .action-row{display:flex;flex-wrap:wrap;gap:8px}.preview-only-actions button:disabled{opacity:.58}
@media(max-width:760px){.perspective-bar{flex-wrap:wrap;padding:12px}.perspective-copy{flex-basis:100%}.perspective-switch{width:100%}.perspective-switch button{flex:1;padding:10px 7px;font-size:10px}.client-preview-banner{align-items:flex-start;flex-direction:column}.client-preview-banner button{width:100%}}

/* v6.4 | Deliverable-first creative workspace. Compact summaries, deep components. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workspace-action-list,.workspace-snapshot-list,.deliverable-workspace-list{display:grid;gap:9px}
.action-review-row,.snapshot-row{border:1px solid #474348;background:#1b1b1e;color:#f2ede6;display:flex;align-items:center;gap:17px;width:100%;text-align:left;min-height:75px;padding:16px 18px;cursor:pointer}
.action-review-row:hover,.snapshot-row:hover{border-color:#a86c4e;background:#242225}
.review-dot{width:8px;height:8px;background:#ff6b2a;border-radius:50%;flex:none}
.review-main,.snapshot-main{display:grid;gap:5px;flex:1;min-width:0}.review-main strong,.snapshot-main strong{font:800 16px/1.25 Arial,sans-serif;overflow-wrap:anywhere}
.review-main small,.snapshot-main small{color:#aea8a1;font:12px/1.4 Arial,sans-serif}
.action-needed{font:800 11px var(--mono);color:var(--porange);white-space:nowrap}
.workspace-clear-state{border:1px solid #315b55;background:#152522;padding:19px;display:flex;gap:16px;align-items:center}
.workspace-clear-state strong{font:900 17px var(--display);letter-spacing:.025em}.workspace-clear-state p{font-size:13px;line-height:1.5;color:#a8c3be;margin:6px 0 0}
.clear-icon{width:36px;height:36px;border:1px solid #4bb1a4;color:var(--pteal);border-radius:50%;display:grid;place-items:center;font-weight:900;flex:none}
.workspace-overview-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:44px 0 17px}
.workspace-overview-bottom h2{font:900 clamp(28px,3.6vw,46px)/1 var(--display);margin:11px 0}.workspace-overview-bottom h2 em{color:var(--porange);font-style:normal}
.workspace-overview-bottom p{font-size:13px;line-height:1.5;color:#aaa49e;margin:6px 0 0;max-width:620px}
.snapshot-number{font:900 27px/1 var(--display);color:var(--porange);width:37px;flex:none}.snapshot-arrow{font-size:20px;color:#b1aaa5}
.deliverable-stage{font:800 10px/1.15 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:#c7bdb4;border:1px solid #635b56;padding:8px 10px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:102px}
.deliverable-stage.client_review{color:#ffad8b;border-color:#b65c2c;background:#41261c}.deliverable-stage.approved,.deliverable-stage.delivered{color:#81e6d9;border-color:#357e75;background:#18332f}
.deliverable-stage.planned{color:#a7a4a1;border-color:#555256}
.workspace-filter-line{display:flex;gap:9px;margin:24px 0 38px;align-items:center}.workspace-filter-line input,.workspace-filter-line select{min-width:0;background:#1d1d20;border:1px solid #514e50;color:#eae7e2;padding:11px 13px;min-height:44px;font:13px Arial,sans-serif}.workspace-filter-line input{flex:1}.workspace-filter-line select{width:170px}
.workspace-group-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 18px}.workspace-group-heading h3{font:900 clamp(29px,3.1vw,39px)/1.1 var(--display);letter-spacing:.01em;margin:6px 0 0}.workspace-group-heading p{color:#aea8a0;font-size:13px;line-height:1.5;margin:8px 0 0}.group-count{font:800 10px var(--mono);color:#b4aaa3;white-space:nowrap}
.deliverable-section-label{font:800 10px/1.5 var(--mono);color:var(--porange);margin:21px 0 8px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:15px}.deliverable-section-label small{font:11px Arial,sans-serif;color:#aea6a0}
.deliverable-block{background:#1b1b1e;border:1px solid #454245;overflow:hidden}.deliverable-block.expanded{border-color:#6a625d;background:#1d1d20}
.deliverable-heading{width:100%}.deliverable-toggle{display:flex;align-items:center;gap:17px;width:100%;padding:20px 21px;background:transparent;color:#fff;border:none;text-align:left;min-height:99px}.deliverable-toggle:hover{background:#282629}.deliverable-index{font:900 37px/1 var(--display);color:#ff732f;width:40px;flex:none}
.deliverable-text{flex:1;min-width:0;display:grid;gap:7px}.deliverable-text strong{font:900 23px/1.08 var(--display);overflow-wrap:anywhere}.deliverable-text small{font:12px/1.45 Arial,sans-serif;color:#b8b1aa}.deliverable-chevron{font:900 27px/1 var(--mono);width:25px;text-align:center;color:#aaa;flex:none}
.deliverable-parts{padding:5px 20px 19px 79px;border-top:1px solid #343235;background:#18181b}.component-row{display:flex;align-items:center;gap:13px;padding:14px 8px;border:0;border-bottom:1px solid #353337;background:transparent;color:#eee;width:100%;text-align:left;min-height:70px}.component-row[data-open]{cursor:pointer}.component-row[data-open]:hover{background:#242328}
.component-glyph{font:800 9px/1 var(--mono);color:#ff975e;background:#362923;padding:8px 7px;min-width:56px;text-align:center;white-space:nowrap;flex:none}
.component-info{display:grid;gap:4px;min-width:0;flex:1}.component-info strong{font:800 14px/1.2 Arial,sans-serif}.component-info small{font:11px/1.4 Arial,sans-serif;color:#a9a39e}
.component-status{font:800 10px var(--mono);color:#c2bbb4;white-space:nowrap}.component-status.client_review,.component-status.changes_requested{color:#ff9c70}.component-status.approved,.component-status.ready{color:#78e7d7}.component-arrow{font:17px var(--mono);color:#a9a19b}
.component-special{flex-wrap:wrap}.component-link,.component-edit{font:800 10px var(--mono);padding:10px 11px;border:1px solid #565154;color:#edc0ab;background:#292427;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.component-edit{cursor:pointer}.component-link:hover,.component-edit:hover{border-color:#ed8a50;color:#fff}
.component-quiet{padding:20px;color:#a6a19b;font-size:13px;line-height:1.5}.deliverable-tools{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.deliverable-tools button{background:transparent;color:#ff9c6e;border:1px solid #755346;padding:11px 13px;font:800 10px var(--mono);cursor:pointer;min-height:39px}.deliverable-tools button:hover{background:#352924}
.preproduction-section{margin-top:53px;padding-top:26px;border-top:1px solid #5b514d}.preproduction-list{background:#1c1c1f;border:1px solid #474348}.preproduction-list .component-row{padding:16px 19px}.preproduction-list .component-row:last-child{border-bottom:0}
#add-preproduction{margin-top:16px}
@media(max-width:850px){.workspace-overview-bottom{align-items:start;flex-direction:column}.snapshot-row{flex-wrap:wrap}.snapshot-row .deliverable-stage{margin-left:auto}.workspace-filter-line{flex-wrap:wrap}.workspace-filter-line input{flex:1 1 100%}.workspace-filter-line select{flex:1}}
@media(max-width:600px){.deliverable-toggle{gap:11px;padding:14px 11px;min-height:80px;flex-wrap:wrap}.deliverable-index{font-size:28px;width:30px}.deliverable-text strong{font-size:19px}.deliverable-text{flex:1 1 calc(100% - 80px)}.deliverable-stage{margin-left:39px;min-width:auto;padding:7px 8px;font-size:9px}.deliverable-chevron{margin-left:auto}.deliverable-parts{padding:3px 8px 13px 9px}.component-row{gap:8px;padding:13px 5px;flex-wrap:wrap}.component-glyph{min-width:44px;font-size:8px}.component-status{font-size:9px}.component-info strong{font-size:13px}.component-special .component-info{flex:1 1 60%}.component-link,.component-edit{flex:1}.workspace-group-heading h3{font-size:27px}.workspace-filter-line{margin-top:12px}.workspace-filter-line select{width:auto;flex:1 1 42%}.workspace-snapshot-list .snapshot-row{gap:10px;padding:14px}.snapshot-main{flex:1 1 calc(100% - 78px)}.snapshot-row .deliverable-stage{margin-left:42px}.snapshot-arrow{font-size:16px}}
/* Avoid mobile overflow from the long campaign hero title. */
@media(max-width:520px){.workspace-hero h1{font-size:clamp(40px,10vw,54px);overflow-wrap:normal}.workspace-library-heading h2{font-size:clamp(34px,8.9vw,46px)}.workspace-tabs{overflow-x:auto}}
@media(max-width:355px){.workspace-hero h1{font-size:38px}.deliverable-text strong{font-size:17px}.workspace-filter-line select{flex:1 1 100%}}