/* MAR Client Hub Pro v3.6 — front-end-only authentication and dashboard */
.mar-portal-auth{max-width:1180px;margin:32px auto 55px;padding:0 12px}
.mar-portal-auth-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.82fr);background:#fff;border:1px solid #e1e5ea;border-radius:24px;box-shadow:0 18px 55px rgba(23,37,56,.075);overflow:hidden}
.mar-portal-auth-form-wrap{padding:clamp(27px,4.5vw,62px)}
.mar-portal-auth-form-wrap h2{font-size:clamp(28px,3vw,39px);line-height:1.18;letter-spacing:-.03em;margin:13px 0}
.mar-portal-auth .mar-portal-intro{max-width:465px;font-size:15px;color:#5d6a7a;line-height:1.7;margin:0 0 25px}
.mar-portal-form{display:flex;flex-direction:column;gap:9px}
.mar-portal-form label{color:#273344;font-size:13px;font-weight:750}
.mar-portal-form>input{background:#fbfcfe;border:1px solid #c9d2dd;border-radius:10px;min-height:49px;padding:12px 14px;color:#182536;font:inherit;width:100%;margin:0 0 11px}
.mar-portal-form>input:focus-visible,.mar-portal-form button:focus-visible,.mar-portal-tabs a:focus-visible,.mar-portal-tabs button:focus-visible{outline:3px solid #ce9060;outline-offset:3px}
.mar-portal-form .mar-hub-button{border-radius:10px;width:100%;padding:14px 18px;min-height:50px;background:#24262b;font-size:14px;margin-top:13px}
.mar-portal-form .mar-hub-button:hover{background:#3a4050}
.mar-portal-form-extras{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;margin:5px 0}
.mar-portal-form-extras .mar-portal-remember{display:inline-flex;align-items:center;gap:7px;font-weight:500;margin:0}
.mar-portal-form-extras a,.mar-portal-textlink{color:#293f65;text-decoration:underline;text-underline-offset:3px}
.mar-portal-textlink{display:inline-block;margin-top:20px;font-size:13px}
.mar-portal-auth-aside{background:#24262b;color:#fff;padding:clamp(27px,4vw,60px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.mar-portal-auth-aside .mar-hub-eyebrow{color:#e4b894}
.mar-portal-auth-aside h3{font-size:clamp(24px,2.7vw,34px);letter-spacing:-.035em;line-height:1.25;color:#fff;margin:4px 0}
.mar-portal-auth-aside p{color:#d4d5d9;line-height:1.7;font-size:14px;margin:0}
.mar-portal-benefits{display:flex;flex-direction:column;gap:12px;margin:14px 0 12px;font-size:14px}
.mar-portal-first-time{border-top:1px solid #55565e;padding-top:23px;margin-top:11px!important}
.mar-portal-secondary{color:#fff!important;text-decoration:none;display:inline-block;border:1px solid rgba(255,255,255,.65);border-radius:10px;padding:13px 18px;text-align:center;font-weight:700;margin-top:7px}
.mar-portal-secondary:hover{background:rgba(255,255,255,.1)}
.mar-portal-alert,.mar-portal-success{padding:13px 15px;border-radius:8px;margin:12px 0 22px;font-size:14px}
.mar-portal-alert{background:#fff0ed;color:#943820;border:1px solid #f2b8a7}
.mar-portal-success{background:#edf8f1;color:#205b36;border:1px solid #b9ddc4}
.mar-portal-dashboard .mar-hub-top{padding:26px 0 14px;align-items:flex-start}
.mar-portal-dashboard .mar-hub-top h2{font-size:clamp(26px,3vw,35px);letter-spacing:-.03em}
.mar-portal-dashboard .mar-portal-intro{max-width:650px;color:#647181;margin:0}
.mar-portal-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:13px 20px;border-bottom:1px solid #dfe5eb;margin:16px 0 28px;padding:0 0 15px}
.mar-portal-tabs a,.mar-portal-tabs button{background:transparent;border:0;color:#263750;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer;padding:6px 0}
.mar-portal-logout{margin-left:auto}
.mar-portal-dashboard .mar-hub-panel{scroll-margin-top:110px}
.mar-portal-dashboard .mar-hub-project span:last-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:820px){.mar-portal-auth-card{grid-template-columns:1fr}.mar-portal-auth-aside{padding:30px}.mar-portal-auth-form-wrap{padding:30px}}
@media(max-width:560px){.mar-portal-auth{margin:18px auto 35px;padding:0 4px}.mar-portal-auth-card{border-radius:15px}.mar-portal-auth-form-wrap,.mar-portal-auth-aside{padding:23px}.mar-portal-tabs{gap:9px 15px}.mar-portal-logout{margin-left:0}.mar-portal-form-extras{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.mar-portal-auth *{transition:none!important}}


/* MAR v5.1: custom front-end customer portal, never WP admin UI. */
.mar51-client-dashboard{max-width:1240px;margin:24px auto 60px!important;padding:0 12px}
.mar51-account-hero{background:linear-gradient(120deg,#14243f,#203b59 70%,#2e4257);color:white;border-radius:24px;padding:clamp(22px,4vw,45px);display:flex;gap:26px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.mar51-account-hero::after{content:'';position:absolute;right:-55px;bottom:-90px;width:210px;height:210px;border-radius:50%;border:32px solid rgba(247,126,50,.22);pointer-events:none}
.mar51-account-hero h2{color:#fff!important;font-size:clamp(26px,3vw,40px)!important;margin:8px 0 10px}.mar51-account-hero p{color:#deebf2!important;margin:0;max-width:500px}.mar51-account-hero .mar-hub-eyebrow{color:#ffae72!important}
.mar51-account-new{display:inline-flex;align-items:center;justify-content:center;background:#ef7630;color:#fff!important;border-radius:9px;padding:13px 20px;text-decoration:none!important;font-weight:750;min-width:150px;z-index:1}
.mar51-account-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
.mar51-account-sidebar{display:flex;flex-direction:column;gap:4px;padding:12px 9px 16px;border:1px solid #e3e9f0;background:#f7f9fc;border-radius:15px;position:sticky;top:100px}
.mar51-account-sidebar a,.mar51-account-sidebar button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 13px;color:#18304d!important;font-size:14px;font-weight:700;text-decoration:none!important;border-radius:9px;background:transparent;border:0;text-align:left;cursor:pointer;font-family:inherit}
.mar51-account-sidebar a:hover,.mar51-account-sidebar a:focus-visible,.mar51-account-sidebar button:hover{background:#eaf0f8}
.mar51-account-sidebar form{margin:9px 0 0;border-top:1px solid #e4e8ef;padding-top:8px}
.mar51-account-sidebar span{color:#ec7933;font-size:20px;line-height:1}
.mar51-account-main{min-width:0}.mar51-account-main .mar-hub-panel{padding:24px;border:1px solid #e5ebf1;border-radius:15px;box-shadow:none;margin:0 0 20px;scroll-margin-top:105px}
.mar51-account-main .mar-hub-panel h3{font-size:clamp(20px,2vw,25px);letter-spacing:-.025em;margin:0 0 15px}
.mar51-account-main .mar-hub-project{border-bottom:1px solid #edf1f4;padding:14px 4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.mar51-account-main .mar-hub-project:last-child{border-bottom:0}
.mar51-muted{color:#667487;font-size:13px}
.mar51-profile-form{display:flex;flex-direction:column;gap:16px;margin:20px 0}.mar51-profile-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;color:#24384e}
.mar51-profile-form input{width:100%;min-height:47px;border:1px solid #cbd5e1;border-radius:9px;padding:11px 14px;color:#22374d;background:#fff}
.mar51-profile-form input:disabled{background:#f1f5f9}.mar51-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.mar51-profile-form button{align-self:flex-start}
.mar51-client-dashboard :is(a,button,input):focus-visible{outline:3px solid #f47d39;outline-offset:3px}
@media(max-width:900px){.mar51-account-layout{grid-template-columns:1fr;gap:18px}.mar51-account-sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.mar51-account-sidebar a,.mar51-account-sidebar form{width:auto}.mar51-account-sidebar form{border-top:0;margin:0;padding:0}}
@media(max-width:600px){.mar51-account-hero{border-radius:17px;display:block}.mar51-account-hero .mar51-account-new{margin-top:19px}.mar51-account-sidebar{border-radius:12px}.mar51-account-sidebar a,.mar51-account-sidebar button{font-size:12px;padding:9px}.mar51-two{grid-template-columns:1fr}.mar51-account-main .mar-hub-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.mar51-client-dashboard *{scroll-behavior:auto!important;transition:none!important}}

.mar51-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.mar51-consent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;font-size:13px!important;font-weight:500!important}.mar51-consent input{width:auto!important;min-height:auto!important;margin-top:3px}.mar51-register-cta{margin:14px 0;font-size:14px}.mar51-register-cta a{font-weight:800;color:#ef7932}

.mar51-order-detail-link{font-size:12px;font-weight:800;color:#e87237;padding-left:10px}.mar51-order-detail{background:#f7f9fc;padding:18px;border-radius:10px;margin:17px 0;border:1px solid #e5ebf1}.mar51-order-detail p{margin:8px 0}.mar51-order-detail h4{margin-top:0}