/* MPC 6.5 | Editorial Studio UI — applies only to the authenticated portal.
   UI font: Geist, headings: Barlow Condensed Bold.
   Leaves the public MPC series landing page and campaign-report skins unchanged. */
:root{--ui:'Geist',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--mono:var(--ui);--body:var(--ui);--pbg:#101114;--ppanel:#1c1d20;--pbg2:#232428;--pline:#34363a;--psoft:#b8bbc1}
html{scroll-behavior:smooth}
body{font-family:var(--ui);background:#101114;color:#f4f4f5;font-size:14px;font-feature-settings:"tnum" 1}
.portal-shell,.detail-panel,.portal-footer,.portal-shell button,.portal-shell input,.portal-shell textarea,.portal-shell select,.detail-panel button,.detail-panel input,.detail-panel select,.detail-panel textarea{font-family:var(--ui)}
.portal-shell *, .detail-panel *{letter-spacing:normal}
/* Intentional wordmark retained, but all functional copy is Geist. */
.topbar{background:#101114;border-bottom:1px solid #282a2e}
.topbar-inner{min-height:64px}
.topnav .mono,.portal-private,.nav-out{font-family:var(--ui);font-size:12px;font-weight:550;letter-spacing:0}
.portal-shell{max-width:1320px;padding:0 42px 86px}
.portal-kicker,.perspective-eyebrow,.portal-shell label,.card-version,.group-count,.action-needed,.component-status,.component-glyph,.component-arrow,.component-link,.component-edit,.component-special,.dist-meta,.post-chips a,.member-line small,.portal-footer,.signin-footer,.pill-status,.deliverable-stage,.deliverable-section-label,.metric-row small,.billing-step-label,.billing-helper{font-family:var(--ui);letter-spacing:0;font-weight:600}
.portal-kicker{font-size:12px;letter-spacing:.035em;color:#ff793d;text-transform:uppercase}
.workspace-hero{padding:40px 0 23px;align-items:end}
.workspace-hero h1{font:700 clamp(40px,5vw,66px)/.97 var(--display);margin:10px 0 12px;letter-spacing:0;text-transform:uppercase}
.workspace-hero p{font-size:14px;line-height:1.55;color:#adafb5}
.workspace-identity{border-left:1px solid #565961;min-width:200px;font:500 12px/1.45 var(--ui);gap:5px;padding-left:14px;color:#b9bcc1}
.workspace-identity span:first-child{color:var(--pteal);font-weight:650}
/* Switch as a compact segmented tool, not a giant framed section */
.perspective-bar{position:relative;top:auto;z-index:1;padding:12px 0 18px;background:transparent;box-shadow:none;border:0;border-bottom:1px solid #2e3035;backdrop-filter:none;gap:16px}
.perspective-eyebrow{font-size:12px;color:#ff793d;font-weight:600}
.perspective-copy{display:flex;gap:5px;align-items:flex-start;flex-direction:column}
#perspective-context{font-size:12px;color:#9599a1}
.perspective-switch{border:1px solid #41434a;border-radius:9px;gap:2px;padding:3px;background:#1d1e22}
.perspective-switch button{font:600 12px/1.2 var(--ui);padding:10px 15px;min-height:37px;border-radius:6px;letter-spacing:0;color:#acb0b7;transition:background .15s}
.perspective-switch button.active{background:#f37435;color:#17181a}
.perspective-switch button[data-perspective="client"].active{background:#23bfae;color:#091412}
.client-preview-banner{background:#102320;border:1px solid #356d63;border-radius:10px;padding:16px 18px}
.client-preview-banner strong,.client-preview-banner button{font:650 12px var(--ui);letter-spacing:0}
.client-preview-banner button{border-radius:7px}
.workspace-top{border-top:0;padding:16px 0 14px;align-items:end}
.workspace-select-wrap{min-width:min(285px,100%)}
.workspace-select-wrap label{font-size:12px;color:#a4a8b0;margin-bottom:8px}
.portal-shell input,.portal-shell select,.portal-shell textarea{background:#1a1b1f;border:1px solid #44464d;border-radius:8px;font:450 14px var(--ui);min-height:44px;padding:11px 13px;color:#f2f2f3}
.portal-shell select{appearance:auto}
.portal-shell label{font:600 12px/1.5 var(--ui);color:#b9bdc4}
.portal-button{font:650 12px/1.3 var(--ui);padding:10px 15px;min-height:40px;border-radius:8px;letter-spacing:0;transition:background .16s,border-color .16s}
.portal-button-quiet{background:#232429;border:1px solid #42444b;color:#e6e7eb}
.portal-button-quiet:hover{background:#303138;border-color:#71747e}
.workspace-tabs{gap:20px;margin:10px 0 0;border-bottom:1px solid #373940}
.workspace-tabs button{font:600 13px/1.2 var(--ui);padding:15px 2px 14px;color:#a0a3ac;border-bottom:2px solid transparent;letter-spacing:0}
.workspace-tabs button.active{color:#f5f4f3;border-color:#f37435;background:transparent}
.workspace-tabs button:hover{color:#fff}
.tab-panel{padding-top:26px}
/* Square KPI cards are the sole prominent rectangular surfaces. */
.metric-row{gap:10px}
.metric-row>div{background:#1e1f23;border:1px solid #373941;padding:20px 22px;min-height:132px}
.metric-row small{font:600 11px var(--ui);color:#aeb2ba;letter-spacing:.02em}
.metric-row strong{font:700 51px/.92 var(--display);margin:13px 0 9px}
.metric-row span{font-size:12px;color:#969aa3}
.section-top{margin:34px 0 17px;gap:22px}
.section-top.compact{margin-top:35px}
.section-top h2{font:700 clamp(29px,3.3vw,44px)/1.02 var(--display);margin:6px 0 0;letter-spacing:0}
.section-top>p{font-size:13px;color:#9ca0a7;max-width:420px}
/* No dense card-farm: flat rows and restrained separators */
.workspace-overview-bottom{margin:37px 0 16px}
.workspace-overview-bottom h2{font:700 clamp(29px,3vw,42px)/1 var(--display)}
.workspace-overview-bottom p{color:#9fa2aa}
.workspace-action-list,.workspace-snapshot-list,.deliverable-workspace-list{gap:0}
.action-review-row,.snapshot-row{background:transparent;border:0;border-bottom:1px solid #32353a;padding:15px 8px;min-height:71px;transition:background .15s}
.action-review-row:first-child,.snapshot-row:first-child{border-top:1px solid #32353a}
.action-review-row:hover,.snapshot-row:hover{background:#1c1e22;border-color:#46494e}
.review-main strong,.snapshot-main strong{font:600 14px/1.4 var(--ui)}
.review-main small,.snapshot-main small{font:400 12px/1.45 var(--ui);color:#92969e}
.review-dot{width:7px;height:7px;background:var(--porange)}
.workspace-clear-state{border:0;border-left:2px solid #28b5a3;border-radius:0;background:#171f1e;padding:19px 21px}
.workspace-clear-state strong{font:700 20px/1.05 var(--display)}
.workspace-clear-state p{color:#a2bdb7}
.clear-icon{border:1px solid #448d80;color:var(--pteal)}
.snapshot-number{font:700 29px/1 var(--display)}
.deliverable-stage{font:600 11px/1.2 var(--ui);border-radius:999px;padding:7px 11px;letter-spacing:0;min-width:0}
.pill-status{font:650 11px/1.2 var(--ui);padding:6px 10px;border-radius:999px;letter-spacing:0}
.card-version{font:500 12px var(--ui)}
/* Billing as operational data not an additional card wall */
.billing-widget{border:0;border-bottom:1px solid #33353b;background:transparent;padding:23px 4px 27px;margin-top:15px}
.billing-head h2{font:700 28px/1 var(--display);margin:6px 0 17px}
.billing-helper{font-size:12px;color:#8f949c}
.billing-steps{gap:9px}
.billing-form-fields{gap:12px}
/* Deliverable hierarchy: rows instead of heavy separate boxes */
.workspace-filter-line{margin:18px 0 30px}
.workspace-filter-line input,.workspace-filter-line select{border-radius:8px;background:#1b1c20;border-color:#3d4147;color:#ececef;font:450 13px var(--ui)}
.workspace-group-heading{margin-bottom:14px}
.workspace-group-heading h3{font:700 clamp(27px,3vw,38px)/1.04 var(--display);letter-spacing:0}
.workspace-group-heading p{color:#999ea6;font-size:13px}
.group-count{color:#a7abb2;font-size:12px}
.deliverable-block,.deliverable-block.expanded{background:transparent;border:0;border-bottom:1px solid #35383d;overflow:visible}
.deliverable-block:first-child{border-top:1px solid #35383d}
.deliverable-toggle{min-height:77px;padding:17px 10px;gap:16px;transition:background .14s}
.deliverable-toggle:hover{background:#1b1d21}
.deliverable-index{font:700 29px/.98 var(--display);color:#fa7b46;width:35px}
.deliverable-text strong{font:650 16px/1.3 var(--ui)}
.deliverable-text small{font:450 12px/1.4 var(--ui);color:#9398a0}
.deliverable-chevron{font:500 19px/1 var(--ui);color:#848b94}
.deliverable-parts{background:#15171b;padding:4px 14px 13px 62px;border-top:1px solid #2d3035}
.component-row{padding:12px 7px;min-height:58px;border-bottom:1px solid #2e3137;transition:background .14s}
.component-row[data-open]:hover{background:#202329}
.component-glyph{font:650 10px/1.2 var(--ui);min-width:56px;border-radius:5px;padding:6px 7px;background:#332821;color:#ffa275}
.component-info strong{font:600 13px/1.3 var(--ui)}
.component-info small{font:400 12px/1.4 var(--ui);color:#959ba4}
.component-status{font:600 11px var(--ui)}
.component-link,.component-edit{font:600 12px var(--ui);border-radius:7px;padding:9px 12px;background:#25262b;border-color:#464850}
.component-quiet{font-size:13px}
.deliverable-tools button{font:600 12px var(--ui);border-radius:7px;padding:10px 13px}
.deliverable-section-label{font-size:11px;color:#d68b67;letter-spacing:.03em}
.deliverable-section-label small{font:450 12px var(--ui)}
.preproduction-section{margin-top:40px;padding-top:28px;border-color:#36383f}
.preproduction-list{background:transparent;border:0;border-top:1px solid #32363d}
.preproduction-list .component-row{padding:13px 9px}
/* Other panes and drawers use paper-like quiet surfaces and rounded controls */
.distribution-grid{gap:0}
.distribution-card,.access-panel{border:0;border-bottom:1px solid #393b41;background:transparent;padding:18px 12px}
.distribution-card h3,.access-panel h3{font:700 26px/1 var(--display)}
.dist-meta{font-size:12px}
.post-chips a{font:600 12px var(--ui);border-radius:8px}
.distribution-foot{background:#191a1e;border-radius:8px;padding:18px 20px;border-left:2px solid #f37435}
.distribution-foot span,.distribution-foot a{font:600 12px var(--ui)}
.member-line small{font-size:12px}
.notice-inline{border-radius:7px}
.detail-panel{background:#17181c;border-left:1px solid #43454c}
.detail-header{padding:24px 27px}
.detail-header h2{font:700 clamp(27px,3vw,42px)/1 var(--display)}
.detail-body{padding:23px 27px 90px}
.detail-panel h3{font:700 26px/1.05 var(--display)}
.detail-panel label{font:600 12px var(--ui)}
.detail-panel input,.detail-panel textarea,.detail-panel select{font:450 14px var(--ui);border:1px solid #45474e;border-radius:8px}
.detail-close{border-radius:7px;font-family:var(--ui)}
.detail-content{background:#1e2025;border-color:#32343a;border-radius:8px;font-family:var(--ui)}
.detail-doc-link{font:600 12px var(--ui)}
.signin-card{background:#1b1c20;border-color:#36383d;border-radius:12px}
.signin-card h2{font:700 29px/1 var(--display)}
.signin-footer,.portal-footer{font:500 12px/1.5 var(--ui);color:#9ea1aa}
.portal-signin h1{font:700 clamp(60px,9vw,117px)/.9 var(--display)}
/* Respect medium/small viewports: full-word headings but no overflowing controls */
@media(max-width:850px){.portal-shell{padding:0 24px 65px}.workspace-hero h1{font-size:clamp(38px,7vw,61px)}.workspace-identity{min-width:0}.metric-row{gap:9px}}
@media(max-width:760px){.perspective-bar{flex-wrap:wrap;padding:13px 0}.perspective-switch{width:auto;max-width:100%}.perspective-copy{flex-basis:auto;flex:1 1 170px}.perspective-switch button{min-width:103px}.workspace-tabs{gap:14px}}
@media(max-width:600px){.workspace-hero{padding:27px 0 18px;align-items:start}.workspace-hero h1{font-size:clamp(39px,10vw,56px);margin:8px 0 12px}.workspace-identity{border:0;border-top:1px solid #43464d;padding:9px 0 0}.metric-row>div{padding:15px;min-height:105px}.metric-row strong{font-size:39px}.metric-row span{font-size:11px}.section-top h2{font-size:35px}.deliverable-toggle{padding:14px 8px;min-height:70px}.deliverable-text strong{font-size:14px}.deliverable-parts{padding:5px 5px 12px 6px}.component-info strong{font-size:12px}.component-info small{font-size:11px}.deliverable-stage{font-size:10px}.workspace-group-heading h3{font-size:30px}.portal-shell{padding:0 18px 58px}.detail-header,.detail-body{padding-left:18px;padding-right:18px}}
@media(max-width:380px){.perspective-switch{width:100%}.perspective-switch button{flex:1}.workspace-hero h1{font-size:38px}.metric-row strong{font-size:35px}}

/* v7.0: one-deliverable-one-publishing-plan, uncluttered controls */
.publish-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0 12px}
.publish-choice-grid fieldset,.publish-collabs{border:1px solid #383b43;border-radius:11px;padding:15px;margin:0;min-width:0}
.publish-choice-grid legend,.publish-collabs legend{font:650 12px/1.4 var(--ui);color:#f3f1f0;padding:0 5px}
.publish-choice{display:flex;gap:10px;align-items:center;padding:7px 4px;font:500 13px/1.4 var(--ui);color:#d8dadf;cursor:pointer}
.publish-choice input{width:17px!important;height:17px!important;min-height:0!important;accent-color:#ef783f;flex:0 0 auto}
.publish-collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}
.distribution-card{background:transparent;border:0;border-bottom:1px solid #373940;padding:19px 8px 23px;border-radius:0}
.distribution-card .dist-brief{color:#a6a8af;font-size:13px;max-width:720px}
.distribution-card .dist-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.distribution-card .dist-actions .portal-button{font-size:12px}
@media(max-width:650px){.publish-choice-grid{grid-template-columns:1fr}.publish-collab-grid{grid-template-columns:1fr}}

.campaign-identity{padding:17px 0 24px;border-bottom:1px solid #383b43;margin-bottom:18px;max-width:660px}
.campaign-identity h3{font:700 28px/1.1 var(--display);margin:0 0 8px}
.campaign-identity p{color:#aaaeb5;font-size:13px;margin-bottom:16px}
.campaign-identity form{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.campaign-identity form label{grid-row:auto}
.campaign-identity form input{margin-bottom:6px}
.campaign-identity button{grid-column:1/-1;justify-self:start}
@media(max-width:600px){.campaign-identity form{grid-template-columns:1fr}}