/* v8.7.2 — single-page client approval center, no duplicate source records. */
.mpc-approval-center{margin:12px 0 36px;min-width:0}
.mpc-approval-categories{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px;align-items:stretch}
.mpc-approval-category{display:grid;align-content:center;gap:7px;min-width:162px;flex:1 1 180px;max-width:330px;text-align:left;color:#e1dedc;background:#202023;border:1px solid #39383d;border-radius:10px;padding:15px 17px;font:600 13px/1.3 Geist,system-ui,sans-serif;cursor:pointer;transition:background .15s,border .15s}
.mpc-approval-category.active{border-color:#f47833;background:#2c2220;box-shadow:inset 0 2px #f47833}
.mpc-approval-category:hover,.mpc-approval-category:focus-visible{border-color:#f47833}
.mpc-approval-count{color:#ffad75;font:650 10px/1.4 Geist,system-ui,sans-serif;letter-spacing:.025em}
.mpc-approval-count:before{content:'●';font-size:9px;margin-right:6px;color:#f47733}
.mpc-approval-done{color:#9ac7aa;font-size:10px}
.mpc-approval-pane{min-width:0;min-height:150px}
.mpc-approval-pane.hidden{display:none!important}
.mpc-approval-pane-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 18px}
.mpc-approval-pane-header h3{color:#faf8f7;font:700 clamp(29px,3vw,39px)/1 'Barlow Condensed',sans-serif;margin:4px 0 5px}
.mpc-approval-pane-header p{margin:0;color:#aeadb2;font-size:12px;line-height:1.6;max-width:620px}
.mpc-approval-mini-count{font-size:12px;color:#d4b39e;white-space:nowrap}
.mpc-approval-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:18px;align-items:start}
.mpc-approval-asset-card{border:1px solid #414047;background:#202023;border-radius:13px;padding:17px;min-width:0;display:flex;flex-direction:column;gap:14px}
.mpc-approval-asset-header{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.mpc-approval-asset-header h3{font:700 18px/1.3 Geist,system-ui,sans-serif;margin:5px 0;color:#f5f2f0;overflow-wrap:anywhere}
.mpc-approval-asset-header p{font-size:11px;color:#aaa6aa;margin:0;overflow-wrap:anywhere}
.mpc-approval-asset-header p.mpc-approval-scope{color:#eac3ab;font-size:12px;font-weight:600;line-height:1.45;margin:4px 0 6px}
.mpc-approval-status{border-radius:6px;padding:7px 9px;font-size:10px;white-space:nowrap}
.mpc-approval-status.waiting{background:#4a2e24;color:#ffad75}
.mpc-approval-status.preparing{background:#383430;color:#d7bda5}
.mpc-approval-file-preview{border:1px solid #3c3c41;border-radius:10px;min-height:175px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#202126 0% 25%,#28292e 0% 50%) 50%/22px 22px;padding:20px;overflow:hidden;color:#aaa7ac;font-size:11px;text-align:center}
.mpc-approval-file-preview img{max-width:100%;max-height:290px;display:block;object-fit:contain;filter:none;min-width:0}
.mpc-approval-file-preview.non-image-file{flex-direction:column;gap:8px;background:#171719}
.mpc-approval-document-icon{font-size:40px;color:#d1bdad}
.mpc-approval-asset-meta{display:grid;gap:7px;color:#aaa4a5;font-size:12px;line-height:1.5}
.mpc-approval-asset-meta p{margin:0;color:#e8e3e0}
.mpc-approval-asset-meta small{color:#aaa4a5;font-size:11px}
.mpc-approval-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mpc-approval-actions .portal-button{font-size:11px;min-height:38px}
.mpc-approval-replacement{border-top:1px solid #38363a;margin-top:3px;padding-top:12px}
.mpc-approval-replacement summary{font:650 11px/1.5 Geist,system-ui,sans-serif;color:#ffa878;cursor:pointer;list-style:none}
.mpc-approval-replacement summary::before{content:'+';margin-right:7px}
.mpc-approval-replacement[open] summary::before{content:'−'}
.mpc-approval-upload-form{display:grid;gap:10px;padding-top:12px}
.mpc-approval-upload-form label{display:grid;gap:6px;color:#d0c9c7;font-size:11px}
.mpc-approval-upload-form input{max-width:100%;border:1px solid #49454a;background:#151516;padding:11px;border-radius:7px;color:#ecebea}
.mpc-approval-upload-form small{font-size:11px;color:#aaa5a5}
.mpc-approval-upload-form button{justify-self:start}
.mpc-other-review-card{padding:18px;border:1px solid #3c3a3d;border-radius:11px;background:#202023;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.mpc-other-review-card h3{font-size:15px;margin:6px 0;color:#eee;overflow-wrap:anywhere}
.mpc-other-review-card p{font-size:11px;color:#aaa;margin:0}
.mpc-approval-empty{border:1px dashed #444; border-radius:10px;padding:25px 20px;color:#a7c5b0;font-size:13px}
#mpc-approval-editorial .editorial-head{margin-top:4px}
@media(min-width:950px){.mpc-approval-asset-card:has([data-approval-preview]){min-height:415px}}
@media(max-width:620px){.mpc-approval-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mpc-approval-category{min-width:0;width:100%;padding:13px 12px}.mpc-approval-assets-grid{grid-template-columns:1fr}.mpc-approval-pane-header{display:block}.mpc-approval-actions .portal-button{flex:1 1 135px}.mpc-approval-file-preview img{max-height:220px}}

/* v8.7.3: approval-work KPI is an unmistakable in-page navigation control. */
.metric-row>div.metric-approval-shell{padding:0;background:transparent;border:0;min-width:0}
.metric-approval-action{
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;
  width:100%;height:100%;min-height:140px;padding:18px 19px;
  appearance:none;background:#231e1b;color:#f8f4ef;
  border:2px solid #ff712b;border-radius:10px;
  box-shadow:inset 4px 0 0 #ff712b;
  cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;
  font:inherit;min-width:0;
}
.metric-approval-action>small{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ff9b66}
.metric-approval-action .metric-approval-arrow{color:#ff823c;font-size:18px;line-height:1}
.metric-approval-action strong{margin:10px 0 4px}
.metric-approval-action .metric-approval-cta{font:800 10px/1.25 var(--mono);color:#ff9b66;letter-spacing:.04em;margin-top:auto;padding-top:9px}
.metric-approval-action:hover{background:#32231c;border-color:#ff9f65;transform:translateY(-1px);box-shadow:inset 4px 0 0 #ff9f65,0 0 0 2px #ff712b36}
.metric-approval-action:focus-visible{outline:3px solid #ffca96;outline-offset:3px}
#approval-center-heading{scroll-margin-top:28px;outline:none}
@media(max-width:700px){.metric-approval-action{min-height:132px;padding:14px}.metric-approval-action strong{font-size:44px}.metric-approval-action .metric-approval-cta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.metric-approval-action{transition:none}}
