/**
 * MayerPix Client Portal — scoped for WordPress embed.
 * Source: mayerpix-client-portal-v4-2.html
 */
#mpx-client-portal.mpx-client-portal{
  --client-portal-ui-scale:1.12;
  font-size:13px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:var(--black);color:var(--text);font-family:'Montserrat',sans-serif;font-weight:300;min-height:100vh;overflow-x:hidden;
  --gold:#C9A96E;--gold-l:#E2C99A;--gold-d:#A07840;
  --black:#0A0A0A;--surface:#161616;--surface2:#1E1C19;--surface3:#242220;
  --border:rgba(201,169,110,.15);--border-s:rgba(201,169,110,.35);
  --text:#F0EDE8;--tm:rgba(240,237,232,.55);--td:rgba(240,237,232,.28);
  --green:#7DBE8A;--green-bg:rgba(125,190,138,.08);--green-b:rgba(125,190,138,.28);
  --amber:#E8A84A;--amber-bg:rgba(232,168,74,.08);--amber-b:rgba(232,168,74,.28);
  --blue:#8AAAE8;--blue-bg:rgba(138,170,232,.08);--blue-b:rgba(138,170,232,.25);
  --extra:#E8A84A;--extra-bg:rgba(232,168,74,.12);--extra-b:rgba(232,168,74,.42);
  --red:#DC5050;--red-bg:rgba(220,80,80,.08);--red-b:rgba(220,80,80,.28);
  --status-gold:#D4B87A;--status-gold-bg:rgba(212,184,122,.14);--status-gold-b:rgba(212,184,122,.38);
  --status-amber:#F0A030;--status-amber-bg:rgba(240,160,48,.14);--status-amber-b:rgba(240,160,48,.40);
  --status-complete:#9AA8B8;--status-complete-bg:rgba(154,168,184,.10);--status-complete-b:rgba(154,168,184,.28);
  --status-green:#84CF92;--status-green-bg:rgba(132,207,146,.12);--status-green-b:rgba(132,207,146,.34);
  --status-blue:#96B4F0;--status-blue-bg:rgba(150,180,240,.12);--status-blue-b:rgba(150,180,240,.32);
  --status-red:#E86060;--status-red-bg:rgba(232,96,96,.12);--status-red-b:rgba(232,96,96,.36);
  --status-muted:rgba(240,237,232,.42);--status-muted-bg:rgba(240,237,232,.06);--status-muted-b:rgba(240,237,232,.14);
}
#mpx-client-portal.mpx-client-portal,#mpx-client-portal.mpx-client-portal *,#mpx-client-portal.mpx-client-portal *::before,#mpx-client-portal.mpx-client-portal *::after{box-sizing:border-box;margin:0;padding:0}



/* TOPBAR */
#mpx-client-portal #mpx-cp-topbar{
  display:none;
  position:sticky;top:0;z-index:200;
  width:100%;
  background:rgba(10,10,10,.95);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  margin-bottom:24px;
}
#mpx-client-portal #mpx-cp-topbar.visible{display:block}
#mpx-client-portal #mpx-cp-topbar .tb-inner{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  max-width:640px;
  width:100%;
  margin:0 auto;
  padding:0 24px;
  height:50px;
}
#mpx-client-portal .tb-client{flex:1;min-width:0}
#mpx-client-portal .tb-name{font-size:12px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mpx-client-portal .tb-sub{font-size:9px;color:var(--td);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
#mpx-client-portal .tb-right{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* Lang pills */
#mpx-client-portal .lang-pills{display:flex;gap:4px}
#mpx-client-portal .lp{padding:5px 10px;border:1px solid var(--border);background:rgba(240,237,232,.04);color:var(--tm);cursor:pointer;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;transition:all .15s;line-height:1.2;min-height:26px}
#mpx-client-portal .lp:hover{color:var(--text);border-color:var(--border-s);background:rgba(240,237,232,.07)}
#mpx-client-portal .lp.on{border-color:var(--border-s);color:var(--gold);background:rgba(201,169,110,.12)}
#mpx-client-portal .lp:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
#mpx-client-portal .acct-drop-lang{flex-direction:column;align-items:flex-start;gap:6px;cursor:default}
#mpx-client-portal .acct-drop-lang-label{font-size:9px;color:var(--td);letter-spacing:.1em;text-transform:uppercase}
#mpx-client-portal .acct-drop-lang-pills{display:flex;gap:4px}

/* Account */
#mpx-client-portal .acct-wrap{position:relative}
#mpx-client-portal .acct-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border);background:transparent;color:var(--td);cursor:pointer;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.08em;transition:all .2s}
#mpx-client-portal .acct-btn:hover{border-color:var(--border-s);color:var(--tm)}
#mpx-client-portal .acct-btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
#mpx-client-portal .acct-caret{font-size:8px;opacity:.5;transition:transform .2s;display:inline-block}
#mpx-client-portal .acct-wrap.open .acct-caret{transform:rotate(180deg)}
#mpx-client-portal .acct-drop{
  position:absolute;top:calc(100% + 6px);right:0;
  background:var(--surface2);border:1px solid var(--border-s);
  min-width:210px;z-index:400;
  box-shadow:0 14px 44px rgba(0,0,0,.6);
  display:none;
  animation:fadeUp .18s ease both;
}
#mpx-client-portal .acct-wrap.open .acct-drop{display:block}
#mpx-client-portal .acct-drop-head{padding:12px 16px 10px;border-bottom:1px solid var(--border)}
#mpx-client-portal .acct-drop-name{font-size:12px;font-weight:500;color:var(--text);margin-bottom:2px}
#mpx-client-portal .acct-drop-phone{font-size:10px;color:var(--td)}
#mpx-client-portal .add-item{
  display:flex;align-items:center;gap:10px;
  width:100%;padding:10px 16px;
  background:transparent;border:none;border-bottom:1px solid var(--border);
  color:var(--tm);font-family:'Montserrat',sans-serif;font-size:10px;
  cursor:pointer;transition:background .15s;text-align:left;
}
#mpx-client-portal .add-item:last-child{border-bottom:none}
#mpx-client-portal .add-item:hover{background:rgba(201,169,110,.05);color:var(--text)}
#mpx-client-portal .add-item:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
#mpx-client-portal .add-item.danger{color:rgba(220,80,80,.8)}
#mpx-client-portal .add-item.danger:hover{background:var(--red-bg);color:var(--red)}
#mpx-client-portal .add-ico{font-size:13px;width:18px;text-align:center;flex-shrink:0}
#mpx-client-portal .unread-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0;margin-left:auto}

/* MAIN WRAP (spacing model aligned with Reschedule .wrap) */
#mpx-client-portal .wrap{
  max-width:640px;
  margin:0 auto;
  width:100%;
  padding:40px 24px 80px;
  zoom:var(--client-portal-ui-scale);
}
@supports not (zoom:1){
  #mpx-client-portal .wrap{
    transform:scale(var(--client-portal-ui-scale));
    transform-origin:top center;
    width:calc(100% / var(--client-portal-ui-scale));
    margin-left:calc((100% - (100% / var(--client-portal-ui-scale))) / 2);
  }
}
@media(max-width:680px){
  #mpx-client-portal #mpx-cp-topbar .tb-inner{padding:0 16px}
  #mpx-client-portal .wrap{padding:24px 16px 60px}
  #mpx-client-portal .fi,
  #mpx-client-portal .chat-ta,
  #mpx-client-portal input,
  #mpx-client-portal textarea,
  #mpx-client-portal select{
    font-size:16px;
  }
}

/* PAGES */
#mpx-client-portal .pg{display:none;animation:fadeUp .35s cubic-bezier(.34,1.1,.64,1) both}
#mpx-client-portal .pg.on{display:block}
#mpx-client-portal .pg.auth{padding-top:52px}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* TYPOGRAPHY */
#mpx-client-portal .eyebrow{font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:8px}
#mpx-client-portal .eyebrow::before{content:'';width:18px;height:1px;background:var(--gold);opacity:.5}
#mpx-client-portal h1.s{font-family:'Cormorant Garamond',serif;font-size:33px;font-weight:300;line-height:1.16;margin-bottom:12px}
#mpx-client-portal h1.s em{font-style:italic;color:var(--gold-l)}
#mpx-client-portal .sub{font-size:11px;color:var(--tm);line-height:1.85;margin-bottom:26px;max-width:440px}
#mpx-client-portal .sec-title{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--td);margin:20px 0 10px;display:flex;align-items:center;gap:8px}
#mpx-client-portal .sec-title::after{content:'';flex:1;height:1px;background:rgba(201,169,110,.08)}

/* BADGE */
#mpx-client-portal .pb{display:inline-flex;align-items:center;gap:8px;background:rgba(201,169,110,.05);border:1px solid var(--border);padding:5px 12px;margin-bottom:22px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--td)}
#mpx-client-portal .pb-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:pulse 2.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.22}}

/* BACK */
#mpx-client-portal .back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--td);cursor:pointer;padding:0;margin-bottom:20px;transition:color .2s}
#mpx-client-portal .back-btn:hover{color:var(--tm)}
#mpx-client-portal .back-btn:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
#mpx-client-portal .back-btn::before{content:'← '}

/* CARD */
#mpx-client-portal .card{background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden;margin-bottom:14px}
#mpx-client-portal .card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.28),transparent);pointer-events:none}
#mpx-client-portal .cb{padding:20px 22px}
#mpx-client-portal .cl{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:8px}
#mpx-client-portal .cl::after{content:'';flex:1;height:1px;background:rgba(201,169,110,.1)}

/* FORM */
#mpx-client-portal .field{margin-bottom:14px}
#mpx-client-portal .field:last-child{margin-bottom:0}
#mpx-client-portal .fl{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--td);display:block;margin-bottom:6px}
#mpx-client-portal .fi{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(201,169,110,.22);padding:12px 14px;color:var(--text);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:300;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none}
#mpx-client-portal .fi:focus{border-color:var(--gold);background:rgba(201,169,110,.03)}
#mpx-client-portal .fi::placeholder{color:var(--td)}
#mpx-client-portal .phone-row{display:flex}
#mpx-client-portal .phone-cc{padding:12px 14px;background:rgba(201,169,110,.06);border:1px solid rgba(201,169,110,.22);border-right:none;font-size:13px;color:var(--tm);flex-shrink:0;display:flex;align-items:center}

/* OTP */
#mpx-client-portal .otp-row{display:flex;gap:8px;justify-content:center;margin:18px 0}
#mpx-client-portal .otp-cell{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;background:var(--surface);border:1px solid rgba(201,169,110,.25);color:var(--text);font-family:'Montserrat',sans-serif;outline:none;transition:border-color .2s,transform .1s;-webkit-appearance:none;appearance:none}
#mpx-client-portal .otp-cell:focus{border-color:var(--gold);transform:scale(1.04)}
#mpx-client-portal .otp-cell.filled{border-color:rgba(201,169,110,.5)}

/* Login inline OTP (real flow) */
#mpx-client-portal .mpx-cp-login-otp-wrap{margin-top:6px;padding-top:14px;border-top:1px solid var(--border)}
#mpx-client-portal .mpx-cp-otp-hint{font-size:10px;color:var(--tm);margin-bottom:10px;line-height:1.5}
#mpx-client-portal .mpx-cp-login-otp-row{margin:12px 0}
#mpx-client-portal .mpx-cp-login-otp-cell{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;background:var(--surface);border:1px solid rgba(201,169,110,.25);color:var(--text);font-family:'Montserrat',sans-serif;outline:none;transition:border-color .2s,transform .1s;-webkit-appearance:none;appearance:none}
#mpx-client-portal .mpx-cp-login-otp-cell:focus{border-color:var(--gold);transform:scale(1.04)}
#mpx-client-portal .mpx-cp-login-otp-cell.filled{border-color:rgba(201,169,110,.5)}

/* Safari / WebKit: hide contact & credential affordances on auth inputs */
#mpx-client-portal #mpx-cp-entry-value::-webkit-contacts-auto-fill-button,
#mpx-client-portal #mpx-cp-entry-value::-webkit-credentials-auto-fill-button,
#mpx-client-portal .mpx-cp-login-otp-cell::-webkit-contacts-auto-fill-button,
#mpx-client-portal .mpx-cp-login-otp-cell::-webkit-credentials-auto-fill-button{
  visibility:hidden;
  display:none!important;
  pointer-events:none;
  height:0;
  width:0;
  margin:0;
}
#mpx-client-portal #mpx-cp-entry-value::-webkit-textfield-decoration-container,
#mpx-client-portal .mpx-cp-login-otp-cell::-webkit-textfield-decoration-container{
  pointer-events:none;
}
#mpx-client-portal #mpx-cp-login-otp-wrap input::-webkit-strong-password-auto-fill-button{
  display:none!important;
  visibility:hidden;
  pointer-events:none;
  height:0;
  width:0;
  margin:0;
}

/* BUTTONS */
#mpx-client-portal .btn{border:none;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:14px 28px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
#mpx-client-portal .btn:disabled{opacity:.35;cursor:not-allowed}
#mpx-client-portal .btn-w{width:100%}
#mpx-client-portal .btn-gold{background:var(--gold);color:var(--black)}
#mpx-client-portal .btn-gold:hover:not(:disabled){background:var(--gold-l)}
#mpx-client-portal .btn-ghost{background:transparent;color:var(--td);border:1px solid rgba(201,169,110,.2)}
#mpx-client-portal .btn-ghost:hover:not(:disabled){border-color:rgba(201,169,110,.4);color:var(--tm)}
#mpx-client-portal .btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
#mpx-client-portal .btn-row{display:flex;flex-direction:column;gap:8px;margin-top:18px}

/* NOTICES */
#mpx-client-portal .notice{padding:10px 14px;font-size:10px;line-height:1.65;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}
#mpx-client-portal .notice[hidden]{display:none!important}
#mpx-client-portal .n-ok{background:var(--green-bg);border:1px solid var(--green-b);color:var(--green)}
#mpx-client-portal .n-err{background:var(--red-bg);border:1px solid var(--red-b);color:var(--red)}
#mpx-client-portal .n-info{background:rgba(201,169,110,.06);border:1px solid var(--border);color:var(--tm)}
#mpx-client-portal .n-warn{background:var(--amber-bg);border:1px solid var(--amber-b);color:var(--amber)}

/* BADGES */
#mpx-client-portal .badge{font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:2px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#mpx-client-portal .bd{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}
#mpx-client-portal .b-green{background:var(--status-green-bg);color:var(--status-green);border:1px solid var(--status-green-b)}
#mpx-client-portal .b-gold{background:var(--status-gold-bg);color:var(--status-gold);border:1px solid var(--status-gold-b)}
#mpx-client-portal .b-amber{background:var(--status-amber-bg);color:var(--status-amber);border:1px solid var(--status-amber-b)}
#mpx-client-portal .b-blue{background:var(--status-blue-bg);color:var(--status-blue);border:1px solid var(--status-blue-b)}
#mpx-client-portal .b-extra{background:rgba(240,160,48,.16);color:var(--status-amber);border:1px solid rgba(240,160,48,.44)}
#mpx-client-portal .b-muted{background:var(--status-complete-bg);color:var(--status-complete);border:1px solid var(--status-complete-b)}
/* Retouch tile tone (subtle border on extra-warning state) */
#mpx-client-portal #mpx-cp-retouch-tile.mpx-cp-retouch-tone-extra{border-color:rgba(240,160,48,.35)}
#mpx-client-portal #mpx-cp-retouch-tile.mpx-cp-retouch-tone-muted{opacity:.94}
#mpx-client-portal .b-red{background:var(--status-red-bg);color:var(--status-red);border:1px solid var(--status-red-b)}

/* LINK */
#mpx-client-portal .tlink{color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s;background:none;border:none;font-family:'Montserrat',sans-serif;font-size:inherit;padding:0}
#mpx-client-portal .tlink:hover{color:var(--gold-l)}
#mpx-client-portal .tlink:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
#mpx-client-portal .divider{height:1px;background:var(--border);margin:18px 0}
#mpx-client-portal .spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(201,169,110,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* SESSION CARDS */
#mpx-client-portal .sc-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
#mpx-client-portal .sc{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .22s;position:relative;overflow:hidden;text-align:left;width:100%;font-family:'Montserrat',sans-serif}
#mpx-client-portal .sc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.16),transparent)}
#mpx-client-portal .sc:hover{border-color:rgba(240,237,232,.18);background:rgba(240,237,232,.03)}
#mpx-client-portal .sc:hover .sc-arr{opacity:1}
#mpx-client-portal .sc:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
#mpx-client-portal .sc-ico{width:42px;height:42px;border-radius:50%;background:rgba(240,237,232,.04);border:1px solid rgba(240,237,232,.12);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
#mpx-client-portal .sc-info{flex:1;min-width:0}
#mpx-client-portal .sc-type{font-size:13px;font-weight:500;margin-bottom:4px;color:var(--text)}
#mpx-client-portal .sc-meta{font-size:10px;color:var(--td);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#mpx-client-portal .sc-pills{display:flex;gap:5px;flex-wrap:wrap}
#mpx-client-portal .sc-arr{color:var(--gold);font-size:14px;opacity:.3;transition:opacity .2s;flex-shrink:0}

/* DASHBOARD HEADER */
#mpx-client-portal .dash-head{background:var(--surface2);border:1px solid var(--border);padding:18px 20px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .dash-head::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.32),transparent)}
#mpx-client-portal .dh-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:14px}
#mpx-client-portal .dh-ico{font-size:22px;flex-shrink:0;margin-top:2px}
#mpx-client-portal .dh-info{flex:1;min-width:0}
#mpx-client-portal .dh-type{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;line-height:1.2;margin-bottom:4px}
#mpx-client-portal .dh-meta{font-size:10px;color:var(--td);display:flex;gap:12px;flex-wrap:wrap}
#mpx-client-portal .dh-badge{flex-shrink:0}
#mpx-client-portal .dh-status-reason{margin-top:5px;font-size:9px;line-height:1.35;color:var(--tm);text-align:right;max-width:120px}
#mpx-client-portal .journey{display:flex;align-items:center;overflow-x:auto;padding-bottom:4px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}
#mpx-client-portal .journey::-webkit-scrollbar{height:0}
#mpx-client-portal .jstep{display:flex;align-items:center;flex-shrink:0}
#mpx-client-portal .jl{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--td);white-space:nowrap;padding:3px 0}
#mpx-client-portal .jl.done{color:var(--green)}
#mpx-client-portal .jl.cur{color:var(--gold)}
#mpx-client-portal .jsep{width:16px;height:1px;background:var(--border);margin:0 7px;flex-shrink:0}
#mpx-client-portal .jsep.done{background:rgba(125,190,138,.3)}
#mpx-client-portal .dh-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
#mpx-client-portal .dh-ci{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--td)}
#mpx-client-portal .dh-ci-ico{font-size:11px;flex-shrink:0}
#mpx-client-portal .ci-ok{color:var(--green)}
#mpx-client-portal .ci-warn{color:var(--amber)}
#mpx-client-portal .ci-todo{color:rgba(201,169,110,.3)}

/* ACTION / GOOD BLOCKS */
#mpx-client-portal .action-block{border:1px solid var(--amber-b);background:var(--amber-bg);padding:14px 18px 14px 22px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(232,168,74,.08),0 4px 20px rgba(232,168,74,.06)}
#mpx-client-portal .action-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,168,74,.5),transparent)}
#mpx-client-portal .action-block::after{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--amber),rgba(232,168,74,.3))}
#mpx-client-portal .ab-title{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:flex;align-items:center;gap:8px}
#mpx-client-portal .ab-title::after{content:'';flex:1;height:1px;background:rgba(232,168,74,.18)}
#mpx-client-portal .ab-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(232,168,74,.1)}
#mpx-client-portal .ab-item:last-child{border-bottom:none;padding-bottom:0}
#mpx-client-portal .ab-copy{flex:1;min-width:0}
#mpx-client-portal .ab-cta{align-self:center;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap;flex-shrink:0;padding-left:4px}
#mpx-client-portal .mpx-cp-ab-row.mpx-cp-ab-actionable{cursor:pointer;border-radius:4px;margin:0 -6px;padding:8px 6px;transition:background .15s ease}
#mpx-client-portal .mpx-cp-ab-row.mpx-cp-ab-actionable:hover{background:rgba(201,169,110,.08)}
#mpx-client-portal .mpx-cp-ab-row.mpx-cp-ab-actionable:focus{outline:1px solid rgba(201,169,110,.35);outline-offset:2px}
#mpx-client-portal #mpx-cp-ab-retouch-row.mpx-cp-ab-retouch-extra.mpx-cp-ab-live{background:var(--extra-bg);border:1px solid rgba(232,168,74,.35);border-radius:4px}
#mpx-client-portal #mpx-cp-ab-retouch-row.mpx-cp-ab-retouch-extra.mpx-cp-ab-live .ab-cta{color:var(--extra)}
#mpx-client-portal .ab-ico{font-size:13px;flex-shrink:0;margin-top:1px}
#mpx-client-portal .ab-text{font-size:11px;color:var(--text);font-weight:400;line-height:1.5}
#mpx-client-portal .ab-sub{font-size:9px;color:rgba(232,168,74,.65);margin-top:2px}
#mpx-client-portal .good-block{border:1px solid var(--green-b);background:var(--green-bg);padding:14px 18px 14px 22px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .good-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,190,138,.4),transparent)}
#mpx-client-portal .good-block::after{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--green),rgba(125,190,138,.3))}
#mpx-client-portal .archive-block{border:1px solid var(--status-red-b,var(--red-b));background:var(--status-red-bg,rgba(220,90,90,.08));padding:14px 18px 14px 22px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .archive-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,90,90,.35),transparent)}
#mpx-client-portal .archive-block::after{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--status-red,var(--red)),rgba(220,90,90,.3))}
#mpx-client-portal .archive-block .ab-title{font-family:var(--display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--status-red,var(--red));margin-bottom:6px}
#mpx-client-portal .archive-block .archive-text{font-size:13px;color:var(--tm);margin:0 0 6px;line-height:1.45}
#mpx-client-portal .archive-block .archive-sub{font-size:11px;color:var(--tm2);margin:0;line-height:1.4;opacity:.85}
#mpx-client-portal .sc.sc-archived{opacity:.92;border-color:rgba(220,90,90,.15)}
#mpx-client-portal .sc.sc-archived .sc-ico{background:rgba(220,90,90,.08)}
#mpx-client-portal .mod.mpx-cp-read-only-tile{cursor:default}
#mpx-client-portal #mpx-cp-pay-mod.mpx-cp-read-only-tile{cursor:pointer}
#mpx-client-portal .mod.mpx-cp-read-only-tile .pay-row.due{border-color:var(--border);background:transparent}
#mpx-client-portal .mod.mpx-cp-read-only-tile #mpx-cp-pay-balance{color:var(--tm)}
#mpx-client-portal .gb-title{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:6px;display:flex;align-items:center;gap:8px}
#mpx-client-portal .gb-title::after{content:'';flex:1;height:1px;background:rgba(125,190,138,.2)}
#mpx-client-portal .gb-text{font-size:11px;color:var(--tm);line-height:1.55}

/* PACKAGE */
#mpx-client-portal .pkg-card{background:var(--surface2);border:1px solid var(--border);padding:16px 20px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .pkg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.22),transparent)}
#mpx-client-portal .pkg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#mpx-client-portal .pkg-name{font-size:13px;font-weight:500;margin-bottom:2px}
#mpx-client-portal .pkg-dur{font-size:10px;color:var(--td)}
#mpx-client-portal .pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#mpx-client-portal .pkg-item{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--tm);padding:4px 0}
#mpx-client-portal .pkg-dot{color:var(--gold);font-size:9px;flex-shrink:0}

/* LOCATION */
#mpx-client-portal .loc-card{background:var(--surface);border:1px solid var(--border);padding:16px 20px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .loc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.18),transparent)}
#mpx-client-portal .loc-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
#mpx-client-portal .loc-ico{font-size:19px;flex-shrink:0;margin-top:1px}
#mpx-client-portal .loc-main{flex:1;min-width:0}
#mpx-client-portal .loc-name{font-size:13px;font-weight:500;margin-bottom:2px}
#mpx-client-portal .loc-city{font-size:10px;color:var(--td)}
#mpx-client-portal .loc-map-btn{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);padding:5px 10px;font-family:'Montserrat',sans-serif;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);cursor:pointer;transition:all .18s;flex-shrink:0}
#mpx-client-portal .loc-map-btn:hover{border-color:var(--border-s);background:rgba(201,169,110,.04)}
#mpx-client-portal .loc-map-btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
#mpx-client-portal .loc-details{display:flex;flex-direction:column;gap:7px;padding-top:12px;border-top:1px solid var(--border)}
#mpx-client-portal .loc-row{display:flex;gap:9px;font-size:10px;color:var(--tm);line-height:1.55}
#mpx-client-portal .loc-row-ico{color:var(--td);flex-shrink:0;width:14px;text-align:center;font-size:11px;margin-top:1px}

/* DATES */
#mpx-client-portal .dates-card{background:var(--surface);border:1px solid var(--border);padding:16px 20px;margin-bottom:14px;position:relative;overflow:hidden}
#mpx-client-portal .dates-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.18),transparent)}
#mpx-client-portal .date-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(201,169,110,.07)}
#mpx-client-portal .date-row:last-child{border-bottom:none;padding-bottom:0}
#mpx-client-portal .date-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
#mpx-client-portal .dd-gold{background:var(--gold)}
#mpx-client-portal .dd-amber{background:var(--amber)}
#mpx-client-portal .dd-muted{background:rgba(201,169,110,.25)}
#mpx-client-portal .dd-red{background:var(--red)}
#mpx-client-portal .date-label{flex:1;font-size:10px;color:var(--tm)}
#mpx-client-portal .date-val{font-size:10px;color:var(--td);white-space:nowrap}
#mpx-client-portal .dv-warn{color:var(--amber);font-weight:500}
#mpx-client-portal .dv-gold{color:var(--gold)}

/* MODULE GRID */
#mpx-client-portal .mods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mpx-client-portal .mod{background:var(--surface);border:1px solid var(--border);padding:16px 16px 14px;position:relative;overflow:hidden;transition:all .22s;display:flex;flex-direction:column}
#mpx-client-portal button.mod{margin:0;width:100%;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;background:var(--surface)}
#mpx-client-portal button.mod.mod.click:enabled{cursor:pointer}
#mpx-client-portal button.mod.mod.muted:disabled{opacity:.44;cursor:default}
#mpx-client-portal .mod::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.13),transparent)}
#mpx-client-portal .mod.click{cursor:pointer;text-align:left;width:100%;font-family:'Montserrat',sans-serif}
#mpx-client-portal .mod.click:hover{border-color:var(--border-s);background:rgba(201,169,110,.04);transform:translateY(-1px)}
#mpx-client-portal .mod.click:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
#mpx-client-portal .mod.click:hover .mod-cta{gap:7px}
#mpx-client-portal .mod.muted{opacity:.44;pointer-events:none}
#mpx-client-portal .mod.locked{opacity:.35;pointer-events:none}
#mpx-client-portal .mod-ico{font-size:20px;margin-bottom:9px}
#mpx-client-portal .mod-title{font-size:12px;font-weight:500;margin-bottom:4px;color:var(--text)}
#mpx-client-portal .mod-desc{font-size:10px;color:var(--td);line-height:1.6;flex:1}
#mpx-client-portal .mod-footer{margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:6px}
#mpx-client-portal .mod-cta{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:4px;transition:gap .2s;white-space:nowrap}
#mpx-client-portal .mod-cta.off{color:var(--td);pointer-events:none}
#mpx-client-portal .mod-drs{margin-top:9px;padding-top:9px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
#mpx-client-portal .mod-dr{display:flex;align-items:center;justify-content:space-between;font-size:9px}
#mpx-client-portal .mod-drk{color:var(--td)}
#mpx-client-portal .mod-drv{color:var(--tm)}
#mpx-client-portal .mod-drv.done{color:var(--green)}
#mpx-client-portal .mod-drv.todo{color:rgba(201,169,110,.5)}
#mpx-client-portal .mod-drv.warn{color:var(--amber)}
#mpx-client-portal .mod-dr.mpx-cp-rsched-line-full .mod-drk{display:none}
#mpx-client-portal .mod-dr.mpx-cp-rsched-line-full .mod-drv{flex:1;text-align:left;line-height:1.45}
#mpx-client-portal .mpx-cp-rsched-note{font-size:8.5px;line-height:1.45;color:rgba(240,237,232,.55);margin-top:2px;padding-top:4px;border-top:1px solid rgba(201,169,110,.08)}
#mpx-client-portal .pay-rows{margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}
#mpx-client-portal .pay-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:3px 0}
#mpx-client-portal .pay-k{color:var(--td)}
#mpx-client-portal .pay-v{color:var(--tm)}
#mpx-client-portal .pay-row.total{border-top:1px solid var(--border);margin-top:3px;padding-top:5px}
#mpx-client-portal .pay-row.total .pay-k, #mpx-client-portal .pay-row.total .pay-v{color:var(--text);font-weight:500}
#mpx-client-portal .pay-row.due .pay-v{color:var(--amber);font-weight:600}
#mpx-client-portal #mpx-cp-pay-balance.mpx-cp-pay-balance-paid{color:var(--green);font-weight:600}
#mpx-client-portal #mpx-cp-pay-cta-strip.mpx-cp-pay-cta-paid{background:rgba(58,120,74,.24)!important;color:var(--green)!important}
#mpx-client-portal #mpx-cp-pay-mod:disabled{cursor:default;opacity:.9}
#mpx-client-portal #mpx-cp-pay-mod:disabled:hover{border-color:var(--border);background:var(--surface);transform:none}

/* Payment module — details CTA outside disabled tile */
#mpx-client-portal .archive-agreement-line{margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--tm2)}
#mpx-client-portal .mod.mpx-cp-archive-agreement-tile{cursor:pointer}
#mpx-client-portal .mpx-cp-pay-module{display:flex;flex-direction:column;gap:6px}

/* Payment module — details CTA outside disabled tile */
#mpx-client-portal .mpx-cp-pay-details-cta{align-self:flex-end;background:transparent;border:none;color:var(--gold);font-family:'Montserrat',sans-serif;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 2px;cursor:pointer;text-decoration:none}
#mpx-client-portal .mpx-cp-pay-details-cta:hover{text-decoration:underline;color:var(--text)}

/* Archive payment summary compact line */
#mpx-client-portal .archive-payment-summary{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--tm)}
#mpx-client-portal .archive-payment-compact{display:block;margin-bottom:4px}
#mpx-client-portal .archive-payment-details-cta{background:transparent;border:none;color:var(--gold);font-family:'Montserrat',sans-serif;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0;cursor:pointer}
#mpx-client-portal .archive-payment-details-cta:hover{text-decoration:underline;color:var(--text)}

/* Payment & receipts summary panel */
#mpx-client-portal .mpx-cp-payment-summary-panel{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:0}
#mpx-client-portal .mpx-cp-payment-summary-panel[hidden]{display:none!important}
#mpx-client-portal .mpx-cp-psp-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
#mpx-client-portal .mpx-cp-psp-sheet{position:relative;width:100%;max-width:520px;max-height:min(88vh,640px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-bottom:none;padding:18px 18px 24px;box-shadow:0 -8px 40px rgba(0,0,0,.45)}
#mpx-client-portal .mpx-cp-psp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#mpx-client-portal .mpx-cp-psp-title{font-family:var(--display);font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0;line-height:1.3}
#mpx-client-portal .mpx-cp-psp-close{background:transparent;border:1px solid var(--border);color:var(--tm);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}
#mpx-client-portal .mpx-cp-psp-outcome{font-size:12px;color:var(--tm);line-height:1.5;margin:0 0 14px;padding:10px 12px;background:rgba(201,169,110,.06);border:1px solid rgba(201,169,110,.14)}
#mpx-client-portal .mpx-cp-psp-section{margin-bottom:16px;padding-top:12px;border-top:1px solid var(--border)}
#mpx-client-portal .mpx-cp-psp-section:first-of-type{border-top:none;padding-top:0}
#mpx-client-portal .mpx-cp-psp-section-title{font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--td);margin-bottom:8px}
#mpx-client-portal .mpx-cp-psp-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;font-size:11px}
#mpx-client-portal .mpx-cp-psp-k{color:var(--td)}
#mpx-client-portal .mpx-cp-psp-v{color:var(--text);font-weight:500;text-align:right}
#mpx-client-portal .mpx-cp-psp-muted{font-size:11px;color:var(--tm2);line-height:1.45;margin:0}
#mpx-client-portal .mpx-cp-psp-rows{display:flex;flex-direction:column;gap:8px}
#mpx-client-portal .mpx-cp-psp-activity{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:11px;padding:8px 10px;background:rgba(255,255,255,.02);border:1px solid var(--border)}
#mpx-client-portal .mpx-cp-psp-activity-main{display:flex;flex-direction:column;gap:2px}
#mpx-client-portal .mpx-cp-psp-activity-label{color:var(--text);font-weight:500}
#mpx-client-portal .mpx-cp-psp-activity-meta{font-size:9px;color:var(--td)}
#mpx-client-portal .mpx-cp-pay-balance-info-row{border-top:none;margin-top:-2px;padding-top:0}
#mpx-client-portal .mpx-cp-pay-balance-info-k,#mpx-client-portal .mpx-cp-pay-balance-info-v{font-size:9px;color:var(--tm2);font-weight:400}
#mpx-client-portal .mpx-cp-pay-balance-info-v{color:var(--tm)}
#mpx-client-portal .mpx-cp-psp-balance-info-row{border-top:none;padding-top:0;margin-top:-4px}
#mpx-client-portal .mpx-cp-psp-balance-muted{color:var(--tm2);font-weight:400}
#mpx-client-portal .mpx-cp-psp-v.mpx-cp-psp-balance-due{color:var(--amber)}

/* PAYMENTS & RECEIPTS PAGE (Phase R2 shell) */
#mpx-client-portal.mpx-cp-payments-receipts-active .wrap{max-width:696px}
#mpx-client-portal #mpx-cp-payments-receipts{padding-bottom:48px}
#mpx-client-portal .mpx-cp-pr-topbar{position:sticky;top:0;z-index:200;background:rgba(10,10,10,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:52px;display:flex;align-items:center;padding:0;margin:0 -24px 0;width:calc(100% + 48px);gap:14px}
#mpx-client-portal .mpx-cp-pr-back{background:transparent;border:none;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--td);cursor:pointer;transition:color .2s;padding:0 0 0 24px;flex-shrink:0}
#mpx-client-portal .mpx-cp-pr-back::before{content:'← '}
#mpx-client-portal .mpx-cp-pr-back:hover{color:var(--tm)}
#mpx-client-portal .mpx-cp-pr-tb-div{width:1px;height:20px;background:var(--border);flex-shrink:0}
#mpx-client-portal .mpx-cp-pr-tb-info{flex:1;min-width:0;padding-right:24px}
#mpx-client-portal .mpx-cp-pr-tb-name{font-size:11px;font-weight:500;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mpx-client-portal .mpx-cp-pr-tb-sub{font-size:9px;color:var(--td);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mpx-client-portal .mpx-cp-pr-page-head{padding:28px 0 24px}
#mpx-client-portal .mpx-cp-pr-sub{max-width:480px;line-height:1.85}
#mpx-client-portal .mpx-cp-pr-sec-title{margin-top:8px}
#mpx-client-portal .mpx-cp-pr-session-strip{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid var(--border);padding:12px 18px;margin-bottom:24px;position:relative;overflow:hidden}
#mpx-client-portal .mpx-cp-pr-session-strip::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.22),transparent)}
#mpx-client-portal .mpx-cp-pr-ss-ico{font-size:16px;flex-shrink:0}
#mpx-client-portal .mpx-cp-pr-ss-text{flex:1;min-width:0}
#mpx-client-portal .mpx-cp-pr-ss-name{font-size:11px;font-weight:500;color:var(--tm);margin-bottom:2px}
#mpx-client-portal .mpx-cp-pr-ss-meta{font-size:9px;color:var(--td);display:flex;gap:10px;flex-wrap:wrap}
#mpx-client-portal .mpx-cp-pr-ss-badge{flex-shrink:0}
#mpx-client-portal .mpx-cp-pr-pay-summary{background:var(--surface2);border:1px solid var(--border);padding:20px 22px;margin-bottom:24px;position:relative;overflow:hidden}
#mpx-client-portal .mpx-cp-pr-pay-summary::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.28),transparent)}
#mpx-client-portal .mpx-cp-pr-ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
#mpx-client-portal .mpx-cp-pr-ps-cell{padding:0 18px 0 0}
#mpx-client-portal .mpx-cp-pr-ps-cell+.mpx-cp-pr-ps-cell{padding-left:18px;border-left:1px solid var(--border)}
#mpx-client-portal .mpx-cp-pr-ps-label{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--td);margin-bottom:6px}
#mpx-client-portal .mpx-cp-pr-ps-val{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--text);line-height:1;margin-bottom:3px}
#mpx-client-portal .mpx-cp-pr-ps-val.green{color:var(--green)}
#mpx-client-portal .mpx-cp-pr-ps-val.amber{color:var(--amber)}
#mpx-client-portal .mpx-cp-pr-ps-val.red{color:var(--red)}
#mpx-client-portal .mpx-cp-pr-ps-val.muted{color:var(--td);font-size:14px;font-family:'Montserrat',sans-serif;margin-top:4px}
#mpx-client-portal .mpx-cp-pr-ps-val.status{font-size:12px;font-family:'Montserrat',sans-serif;font-weight:500;margin-top:4px}
#mpx-client-portal .mpx-cp-pr-ps-val.status.green{color:var(--green)}
#mpx-client-portal .mpx-cp-pr-ps-val.status.amber{color:var(--amber)}
#mpx-client-portal .mpx-cp-pr-ps-val.status.red,#mpx-client-portal .mpx-cp-pr-ps-val.red{color:var(--red)}
#mpx-client-portal .mpx-cp-pr-ps-sub{font-size:9px;color:var(--td)}
#mpx-client-portal .mpx-cp-pr-notice{margin-bottom:14px}
#mpx-client-portal .mpx-cp-pr-receipt-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
#mpx-client-portal .mpx-cp-rcpt-row{background:var(--surface);border:1px solid var(--border);padding:16px 18px;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;transition:border-color .2s}
#mpx-client-portal .mpx-cp-rcpt-row::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.14),transparent)}
#mpx-client-portal .mpx-cp-rcpt-row::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
#mpx-client-portal .mpx-cp-rcpt-row.status-paid::after{background:var(--green)}
#mpx-client-portal .mpx-cp-rcpt-row.status-pending::after{background:var(--amber)}
#mpx-client-portal .mpx-cp-rcpt-row.status-retained::after{background:var(--amber)}
#mpx-client-portal .mpx-cp-rcpt-row.status-not-charged::after{background:rgba(240,237,232,.1)}
#mpx-client-portal .mpx-cp-rcpt-row.status-cancelled::after{background:var(--red)}
#mpx-client-portal .mpx-cp-rcpt-row.status-cancelled .mpx-cp-rcpt-amount{color:var(--red)}
#mpx-client-portal .mpx-cp-rcpt-row.available:hover{border-color:rgba(201,169,110,.25)}
#mpx-client-portal .mpx-cp-rcpt-row.clickable{cursor:pointer}
#mpx-client-portal .mpx-cp-rcpt-row.clickable:hover{border-color:rgba(232,168,74,.35);background:rgba(232,168,74,.04)}
#mpx-client-portal .mpx-cp-rcpt-ico{font-size:16px;flex-shrink:0;margin-left:6px}
#mpx-client-portal .mpx-cp-rcpt-info{flex:1;min-width:0}
#mpx-client-portal .mpx-cp-rcpt-name{font-size:12px;font-weight:500;margin-bottom:3px;color:var(--text)}
#mpx-client-portal .mpx-cp-rcpt-meta{font-size:9px;color:var(--td);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#mpx-client-portal .mpx-cp-rcpt-meta span{display:flex;align-items:center;gap:3px}
#mpx-client-portal .mpx-cp-rcpt-amount-block{text-align:right;flex-shrink:0}
#mpx-client-portal .mpx-cp-rcpt-amount{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:400;line-height:1;margin-bottom:2px}
#mpx-client-portal .mpx-cp-rcpt-row.status-paid .mpx-cp-rcpt-amount{color:var(--green)}
#mpx-client-portal .mpx-cp-rcpt-row.status-retained .mpx-cp-rcpt-amount{color:var(--amber)}
#mpx-client-portal .mpx-cp-rcpt-row.status-not-charged .mpx-cp-rcpt-amount{color:var(--td)}
#mpx-client-portal .mpx-cp-rcpt-status-label{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--td)}
#mpx-client-portal .mpx-cp-rcpt-btn-pair{display:flex;gap:6px;flex-shrink:0}
#mpx-client-portal .mpx-cp-rcpt-dl-btn{flex-shrink:0;background:transparent;border:1px solid rgba(201,169,110,.28);padding:8px 14px;font-family:'Montserrat',sans-serif;font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}
#mpx-client-portal .mpx-cp-rcpt-dl-btn:hover{background:rgba(201,169,110,.07);border-color:var(--gold)}
#mpx-client-portal .mpx-cp-rcpt-dl-btn:disabled,#mpx-client-portal .mpx-cp-rcpt-dl-btn.off{opacity:.28;cursor:not-allowed;border-color:rgba(240,237,232,.1);color:var(--td)}
#mpx-client-portal .mpx-cp-rcpt-dl-btn.off:hover{background:transparent;border-color:rgba(240,237,232,.1)}
#mpx-client-portal .mpx-cp-pr-pay-now-btn{flex-shrink:0;background:var(--amber);border:none;padding:8px 14px;font-family:'Montserrat',sans-serif;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black);cursor:pointer;transition:background .18s;display:flex;align-items:center;gap:5px;white-space:nowrap}
#mpx-client-portal .mpx-cp-pr-pay-now-btn:hover{background:#f0b85a}
#mpx-client-portal .mpx-cp-pr-pay-now-btn:disabled{opacity:.35;cursor:not-allowed}
#mpx-client-portal .mpx-cp-pr-placeholder-note{font-size:9px;color:var(--td);line-height:1.6;margin:0;padding:10px 12px;border:1px dashed rgba(201,169,110,.18);background:rgba(201,169,110,.03)}
#mpx-client-portal .mpx-cp-pr-state-msg{font-size:11px;color:var(--tm);line-height:1.65;padding:18px 4px;text-align:center}
#mpx-client-portal .mpx-cp-pr-error-notice{margin-bottom:12px}
#mpx-client-portal .mpx-cp-pr-error-actions{display:flex;justify-content:flex-start}
#mpx-client-portal .mpx-cp-rcpt-row.status-refunded::after{background:var(--blue)}
#mpx-client-portal .mpx-cp-rcpt-row.status-refunded .mpx-cp-rcpt-amount{color:var(--blue)}
#mpx-client-portal .mpx-cp-rcpt-modal{position:fixed;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;padding:32px 24px;opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1)}
#mpx-client-portal .mpx-cp-rcpt-modal[hidden]{display:none!important}
#mpx-client-portal .mpx-cp-rcpt-modal.open{opacity:1;pointer-events:all}
#mpx-client-portal .mpx-cp-rcpt-backdrop{position:absolute;inset:0;background:rgba(5,5,5,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#mpx-client-portal .mpx-cp-rcpt-sheet{background:#fff;width:100%;max-width:660px;max-height:82vh;overflow-y:auto;position:relative;transform:translateY(22px) scale(.975);opacity:0;transition:transform .36s cubic-bezier(.34,1.06,.64,1),opacity .28s ease;box-shadow:0 24px 64px rgba(0,0,0,.48),0 1px 8px rgba(0,0,0,.24);scrollbar-width:thin;scrollbar-color:rgba(184,146,74,.25) transparent}
#mpx-client-portal .mpx-cp-rcpt-modal.open .mpx-cp-rcpt-sheet{transform:none;opacity:1}
#mpx-client-portal .mpx-cp-rcpt-modal.closing{opacity:0}
#mpx-client-portal .mpx-cp-rcpt-modal.closing .mpx-cp-rcpt-sheet{transform:translateY(16px) scale(.975);opacity:0;transition:transform .28s ease,opacity .24s ease}
#mpx-client-portal .mpx-cp-rcpt-chrome{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding:10px 14px;background:linear-gradient(135deg,#0A0A0A 0%,#1C1A17 100%);border-bottom:1px solid rgba(201,169,110,.2)}
#mpx-client-portal .mpx-cp-rcpt-chrome::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#C9A96E,transparent)}
#mpx-client-portal .mpx-cp-rcpt-brand{position:absolute;left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:300;letter-spacing:.12em;color:rgba(240,237,232,.55);display:flex;align-items:center;gap:6px;pointer-events:none}
#mpx-client-portal .mpx-cp-rcpt-brand em{font-style:italic;color:#C9A96E}
#mpx-client-portal .mpx-cp-rcpt-close{position:relative;width:32px;height:32px;background:transparent;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}
#mpx-client-portal .mpx-cp-rcpt-close::before,#mpx-client-portal .mpx-cp-rcpt-close::after{content:'';position:absolute;width:16px;height:1.5px;background:rgba(201,169,110,.55);transition:background .18s,transform .22s cubic-bezier(.34,1.4,.64,1)}
#mpx-client-portal .mpx-cp-rcpt-close::before{transform:rotate(45deg)}
#mpx-client-portal .mpx-cp-rcpt-close::after{transform:rotate(-45deg)}
#mpx-client-portal .mpx-cp-rcpt-close:hover::before,#mpx-client-portal .mpx-cp-rcpt-close:hover::after{background:var(--gold)}
#mpx-client-portal .mpx-cp-rcpt-frame{width:100%;border:none;display:block;min-height:860px}
#mpx-client-portal .mpx-cp-rcpt-frame-placeholder{padding:48px 32px;text-align:center;background:#fafafa}
#mpx-client-portal .mpx-cp-rcpt-frame-msg{font-size:12px;color:#666;line-height:1.65;margin:0;max-width:360px;margin-left:auto;margin-right:auto}

/* MESSAGES */
#mpx-client-portal .chat-wrap{display:flex;flex-direction:column;height:min(460px,calc(100vh - 300px))}
#mpx-client-portal .chat-hist{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 0 14px;scrollbar-width:thin;scrollbar-color:rgba(201,169,110,.2) transparent}
#mpx-client-portal .chat-hist::-webkit-scrollbar{width:3px}
#mpx-client-portal .chat-hist::-webkit-scrollbar-thumb{background:rgba(201,169,110,.2)}
#mpx-client-portal .msg{display:flex;gap:9px;align-items:flex-end}
#mpx-client-portal .msg.mine{flex-direction:row-reverse}
#mpx-client-portal .msg-av{width:28px;height:28px;border-radius:50%;background:rgba(201,169,110,.1);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
#mpx-client-portal .msg-av.them{background:rgba(201,169,110,.15);border-color:rgba(201,169,110,.28)}
#mpx-client-portal .msg-body{max-width:74%;display:flex;flex-direction:column;gap:3px}
#mpx-client-portal .msg.mine .msg-body{align-items:flex-end}
#mpx-client-portal .msg-sender{font-size:8px;color:var(--td);letter-spacing:.08em;text-transform:uppercase;padding:0 3px}
#mpx-client-portal .msg-text{background:var(--surface2);border:1px solid var(--border);padding:10px 13px;font-size:11px;color:var(--tm);line-height:1.6}
#mpx-client-portal .msg.mine .msg-text{background:rgba(201,169,110,.1);border-color:rgba(201,169,110,.24);color:var(--text)}
#mpx-client-portal .msg-time{font-size:8px;color:var(--td);letter-spacing:.05em;padding:0 3px}
#mpx-client-portal .msg-divider{display:flex;align-items:center;gap:8px;padding:6px 0}
#mpx-client-portal .msg-div-line{flex:1;height:1px;background:var(--amber-b)}
#mpx-client-portal .msg-div-lbl{font-size:8px;color:var(--amber);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
#mpx-client-portal .chat-input{border-top:1px solid var(--border);padding-top:12px;display:flex;gap:8px;align-items:flex-end}
#mpx-client-portal .chat-ta{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(201,169,110,.22);padding:10px 13px;color:var(--text);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:300;outline:none;resize:none;min-height:42px;max-height:100px;line-height:1.5;transition:border-color .2s}
#mpx-client-portal .chat-ta:focus{border-color:var(--gold)}
#mpx-client-portal .chat-ta::placeholder{color:var(--td)}
#mpx-client-portal .chat-send{background:var(--gold);border:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0;font-size:16px;color:var(--black)}
#mpx-client-portal .chat-send:hover{background:var(--gold-l)}
#mpx-client-portal .chat-send:focus-visible{outline:1px solid var(--gold-l);outline-offset:2px}

/* CONTACT */
#mpx-client-portal .cmethod{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);background:transparent;transition:border-color .18s;cursor:pointer;margin-bottom:8px;width:100%;font-family:'Montserrat',sans-serif;text-align:left}
#mpx-client-portal .cmethod:last-child{margin-bottom:0}
#mpx-client-portal .cmethod:hover{border-color:var(--border-s)}
#mpx-client-portal .cmethod:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
#mpx-client-portal .cm-ico{font-size:16px;flex-shrink:0;width:28px;text-align:center}
#mpx-client-portal .cm-info{flex:1;min-width:0}
#mpx-client-portal .cm-label{font-size:10px;font-weight:500;margin-bottom:2px;color:var(--text)}
#mpx-client-portal .cm-val{font-size:9px;color:var(--td)}
#mpx-client-portal .cm-arr{color:var(--gold);opacity:.4;font-size:12px;transition:opacity .2s;margin-left:auto}
#mpx-client-portal .cmethod:hover .cm-arr{opacity:1}

/* EMPTY STATE */
#mpx-client-portal .empty{text-align:center;padding:64px 20px}
#mpx-client-portal .empty-ico{font-size:40px;margin-bottom:20px;opacity:.35}
#mpx-client-portal .empty-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;margin-bottom:10px;color:var(--tm)}
#mpx-client-portal .empty-sub{font-size:11px;color:var(--td);line-height:1.85;margin-bottom:28px}

/* FOOTER */
#mpx-client-portal .footer{margin-top:40px;padding:20px 0;border-top:1px solid var(--border);text-align:center;font-size:9px;color:var(--td);letter-spacing:.08em}
#mpx-client-portal .footer a{color:rgba(201,169,110,.4);text-decoration:none}

/* DEMO NAV — hidden in production unless data-mpx-public-dev-tools="1" on root */
#mpx-client-portal #mpx-cp-demo-nav,
#mpx-client-portal #mpx-cp-demo-toggle-wrap,
#mpx-client-portal .demo-nav{display:none!important}
#mpx-client-portal[data-mpx-public-dev-tools="1"] .demo-nav{display:flex!important}
#mpx-client-portal[data-mpx-public-dev-tools="1"] #mpx-cp-demo-toggle-wrap{display:block!important}
#mpx-client-portal .demo-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,10,.97);border-top:1px solid var(--border);padding:9px 14px;display:flex;align-items:center;gap:5px;overflow-x:auto;z-index:1000;backdrop-filter:blur(14px)}
#mpx-client-portal .demo-nav::-webkit-scrollbar{height:0}
#mpx-client-portal .demo-lbl{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--td);flex-shrink:0;padding-right:8px;border-right:1px solid var(--border);margin-right:2px}
#mpx-client-portal .demo-btn{padding:5px 10px;font-size:7.5px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--border);background:transparent;color:var(--td);cursor:pointer;font-family:'Montserrat',sans-serif;transition:all .18s;flex-shrink:0}
#mpx-client-portal .demo-btn:hover{border-color:var(--border-s);color:var(--tm)}
#mpx-client-portal .demo-btn.on{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.06)}

/* LEAVE A REVIEW PAGE (Phase R8B static shell) */
#mpx-client-portal.mpx-cp-leave-review-active .wrap{max-width:680px}
#mpx-client-portal #mpx-cp-leave-review{padding-bottom:48px}
#mpx-client-portal .mpx-cp-review-topbar{position:sticky;top:0;z-index:200;background:rgba(10,10,10,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:52px;display:flex;align-items:center;padding:0;margin:0 -24px 0;width:calc(100% + 48px);gap:14px}
#mpx-client-portal .mpx-cp-review-back{background:transparent;border:none;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--td);cursor:pointer;transition:color .2s;padding:0 0 0 24px;flex-shrink:0}
#mpx-client-portal .mpx-cp-review-back::before{content:'← '}
#mpx-client-portal .mpx-cp-review-back:hover{color:var(--tm)}
#mpx-client-portal .mpx-cp-review-tb-div{width:1px;height:20px;background:var(--border);flex-shrink:0}
#mpx-client-portal .mpx-cp-review-tb-info{flex:1;min-width:0;padding-right:24px}
#mpx-client-portal .mpx-cp-review-tb-name{font-size:11px;font-weight:500;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mpx-client-portal .mpx-cp-review-tb-sub{font-size:9px;color:var(--td);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mpx-client-portal .mpx-cp-review-page-head{padding:36px 0 0}
#mpx-client-portal .mpx-cp-review-sub{max-width:480px;margin-bottom:28px}
#mpx-client-portal .mpx-cp-review-sec-title{margin:24px 0 12px}
#mpx-client-portal .mpx-cp-review-session-card{background:var(--surface2);border:1px solid var(--border);padding:18px 20px;margin-bottom:28px;position:relative;overflow:hidden}
#mpx-client-portal .mpx-cp-review-session-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.28),transparent)}
#mpx-client-portal .mpx-cp-review-sc-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
#mpx-client-portal .mpx-cp-review-sc-ico{font-size:20px;flex-shrink:0}
#mpx-client-portal .mpx-cp-review-sc-info{flex:1;min-width:0}
#mpx-client-portal .mpx-cp-review-sc-type{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;margin-bottom:3px}
#mpx-client-portal .mpx-cp-review-sc-meta{font-size:9px;color:var(--td);display:flex;gap:10px;flex-wrap:wrap}
#mpx-client-portal .mpx-cp-review-sc-badge{font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);flex-shrink:0}
#mpx-client-portal .mpx-cp-review-sc-divider{height:1px;background:var(--border);margin:12px 0}
#mpx-client-portal .mpx-cp-review-sc-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:6px}
#mpx-client-portal .mpx-cp-review-sc-row:last-child{margin-bottom:0}
#mpx-client-portal .mpx-cp-review-sc-key{color:var(--td)}
#mpx-client-portal .mpx-cp-review-sc-val{color:var(--tm)}
#mpx-client-portal .mpx-cp-review-field{margin-bottom:18px}
#mpx-client-portal .mpx-cp-review-fl{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--td);display:block;margin-bottom:7px}
#mpx-client-portal .mpx-cp-review-fl-opt{color:rgba(240,237,232,.18);margin-left:4px;letter-spacing:0;text-transform:none;font-style:italic}
#mpx-client-portal .mpx-cp-review-fi{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(201,169,110,.18);padding:12px 14px;color:var(--text);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:300;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none;border-radius:0}
#mpx-client-portal .mpx-cp-review-fi:focus{border-color:var(--gold);background:rgba(201,169,110,.03)}
#mpx-client-portal .mpx-cp-review-fi::placeholder{color:var(--td)}
#mpx-client-portal .mpx-cp-review-fi-ta{resize:vertical;min-height:120px;line-height:1.65}
#mpx-client-portal .mpx-cp-review-fi-count{font-size:9px;color:var(--td);text-align:right;margin-top:4px}
#mpx-client-portal .mpx-cp-review-star-row{display:flex;gap:6px;margin-bottom:20px}
#mpx-client-portal .mpx-cp-review-star{width:42px;height:42px;background:transparent;border:1px solid rgba(201,169,110,.2);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .18s;color:rgba(201,169,110,.25);padding:0;border-radius:0}
#mpx-client-portal .mpx-cp-review-star:hover,#mpx-client-portal .mpx-cp-review-star.active{border-color:var(--gold);background:rgba(201,169,110,.07);color:var(--gold)}
#mpx-client-portal .mpx-cp-review-star-labels{display:flex;gap:6px;margin-bottom:24px}
#mpx-client-portal .mpx-cp-review-star-labels span{width:42px;font-size:8px;color:var(--td);text-align:center;letter-spacing:.04em;line-height:1.3}
#mpx-client-portal .mpx-cp-review-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
#mpx-client-portal .mpx-cp-review-chip{padding:6px 12px;background:transparent;border:1px solid rgba(201,169,110,.18);font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--td);cursor:pointer;transition:all .18s;border-radius:0}
#mpx-client-portal .mpx-cp-review-chip:hover{border-color:rgba(201,169,110,.35);color:var(--tm)}
#mpx-client-portal .mpx-cp-review-chip.on{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.07)}
#mpx-client-portal .mpx-cp-review-toggle-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;cursor:pointer}
#mpx-client-portal .mpx-cp-review-toggle-box{width:18px;height:18px;border:1px solid rgba(201,169,110,.3);background:transparent;flex-shrink:0;margin-top:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}
#mpx-client-portal .mpx-cp-review-toggle-box.on{background:var(--gold);border-color:var(--gold)}
#mpx-client-portal .mpx-cp-review-tick{font-size:10px;color:var(--black);opacity:0;transition:opacity .15s}
#mpx-client-portal .mpx-cp-review-toggle-box.on .mpx-cp-review-tick{opacity:1}
#mpx-client-portal .mpx-cp-review-toggle-label{font-size:11px;color:var(--tm);line-height:1.6}
#mpx-client-portal .mpx-cp-review-toggle-sub{font-size:9px;color:var(--td);margin-top:3px}
#mpx-client-portal .mpx-cp-review-perm-note{background:rgba(201,169,110,.05);border:1px solid var(--border);padding:12px 14px;margin-bottom:20px;font-size:10px;color:var(--td);line-height:1.65;display:flex;align-items:flex-start;gap:8px}
#mpx-client-portal .mpx-cp-review-perm-ico{flex-shrink:0;color:var(--gold)}
#mpx-client-portal .mpx-cp-review-submitting-wrap{padding-top:80px;text-align:center}
#mpx-client-portal .mpx-cp-review-submitting-msg{font-size:11px;color:var(--td);margin:0}
#mpx-client-portal .mpx-cp-review-spinner{width:22px;height:22px;border:2px solid rgba(201,169,110,.15);border-top-color:var(--gold);border-radius:50%;animation:mpxCpReviewSpin .7s linear infinite;display:inline-block;margin:0 auto 20px}
@keyframes mpxCpReviewSpin{to{transform:rotate(360deg)}}
#mpx-client-portal .mpx-cp-review-success-screen{text-align:center;padding:52px 20px 24px}
#mpx-client-portal .mpx-cp-review-success-ico{width:60px;height:60px;border-radius:50%;background:var(--green-bg);border:1px solid var(--green-b);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 20px}
#mpx-client-portal .mpx-cp-review-success-eyebrow{justify-content:center;margin-bottom:12px}
#mpx-client-portal .mpx-cp-review-success-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;line-height:1.15;margin-bottom:10px}
#mpx-client-portal .mpx-cp-review-success-title em{font-style:italic;color:var(--gold-l)}
#mpx-client-portal .mpx-cp-review-success-sub{max-width:360px;margin:0 auto 24px;text-align:center}
#mpx-client-portal .mpx-cp-review-submitted-card{background:var(--surface2);border:1px solid var(--border);padding:20px 22px;margin-bottom:20px;position:relative;overflow:hidden;text-align:left}
#mpx-client-portal .mpx-cp-review-submitted-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.25),transparent)}
#mpx-client-portal .mpx-cp-review-sub-stars{display:flex;gap:3px;margin-bottom:8px}
#mpx-client-portal .mpx-cp-review-sub-star{font-size:14px;color:var(--gold)}
#mpx-client-portal .mpx-cp-review-sub-star.off{color:rgba(201,169,110,.2)}
#mpx-client-portal .mpx-cp-review-sub-title{font-size:13px;font-weight:500;margin-bottom:6px}
#mpx-client-portal .mpx-cp-review-sub-text{font-size:11px;color:var(--tm);line-height:1.7;margin-bottom:12px}
#mpx-client-portal .mpx-cp-review-sub-meta{font-size:9px;color:var(--td);display:flex;gap:10px;flex-wrap:wrap}
#mpx-client-portal .mpx-cp-review-awaiting{color:var(--amber)}
#mpx-client-portal .mpx-cp-review-already-card{background:var(--surface2);border:1px solid var(--green-b);padding:16px 20px;margin-bottom:20px;position:relative;overflow:hidden}
#mpx-client-portal .mpx-cp-review-already-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,190,138,.35),transparent)}
#mpx-client-portal .mpx-cp-review-already-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#mpx-client-portal .mpx-cp-review-already-ico{font-size:14px;color:var(--green)}
#mpx-client-portal .mpx-cp-review-already-title{font-size:11px;font-weight:500;color:var(--text)}
#mpx-client-portal .mpx-cp-review-already-sub{font-size:10px;color:var(--td)}
#mpx-client-portal[data-mpx-public-dev-tools="1"].mpx-cp-leave-review-active .mpx-cp-review-demo-nav{display:flex!important}
#mpx-client-portal .mpx-cp-review-demo-nav{bottom:48px}

@media(max-width:540px){
  #mpx-client-portal .mods{grid-template-columns:1fr}
  #mpx-client-portal .pkg-grid{grid-template-columns:1fr}
  #mpx-client-portal .dh-checks{grid-template-columns:1fr}
  #mpx-client-portal h1.s{font-size:28px}
  #mpx-client-portal .dh-type{font-size:19px}
  #mpx-client-portal .otp-cell{width:40px;height:50px;font-size:18px}
  #mpx-client-portal .otp-row{gap:6px}
  #mpx-client-portal .pg.auth{padding-top:36px}
  #mpx-client-portal .lang-pills{display:none}
  #mpx-client-portal .tb-sub{display:none}
  #mpx-client-portal .acct-btn span:not(.acct-caret){display:none}
  #mpx-client-portal .acct-btn{padding:6px 8px}
  #mpx-client-portal .mpx-cp-pr-topbar{margin:0 -16px 0;width:calc(100% + 32px)}
  #mpx-client-portal .mpx-cp-pr-back{padding-left:16px}
  #mpx-client-portal .mpx-cp-pr-tb-info{padding-right:16px}
  #mpx-client-portal .mpx-cp-pr-ps-grid{grid-template-columns:1fr 1fr;gap:14px}
  #mpx-client-portal .mpx-cp-pr-ps-cell{padding:0;border-left:none!important}
  #mpx-client-portal .mpx-cp-rcpt-row{flex-wrap:wrap;gap:12px}
  #mpx-client-portal .mpx-cp-rcpt-amount-block{min-width:80px}
  #mpx-client-portal .mpx-cp-rcpt-dl-btn{padding:7px 10px;font-size:7px}
  #mpx-client-portal .mpx-cp-review-topbar{margin:0 -16px 0;width:calc(100% + 32px)}
  #mpx-client-portal .mpx-cp-review-back{padding-left:16px}
  #mpx-client-portal .mpx-cp-review-tb-info{padding-right:16px}
  #mpx-client-portal .mpx-cp-review-star{width:38px;height:38px;font-size:18px}
  #mpx-client-portal .mpx-cp-review-star-labels span{width:38px}
  #mpx-client-portal .mpx-cp-review-chips{gap:5px}
  #mpx-client-portal .mpx-cp-review-chip{font-size:8px;padding:5px 10px}
}