.client-portal-main{max-width:1240px;margin:0 auto;padding-bottom:48px}.portal-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--mss-cyan);border-radius:12px;background:var(--mss-surface-raised);color:var(--mss-text)}.portal-banner--test{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 16%,var(--mss-bg));color:var(--mss-text)}.portal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;margin-bottom:20px}.portal-header h1{margin:0 0 8px}.portal-header p{margin:0;color:var(--mss-muted)}.portal-status{display:grid;gap:6px;min-width:220px;padding:14px 16px;border:1px solid var(--mss-line);border-radius:12px;background:var(--mss-surface)}.portal-status strong{color:var(--success)}.portal-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--mss-line)}.portal-tabs button{min-height:40px;padding:0 15px;border:1px solid var(--mss-cyan);border-radius:999px;background:transparent;color:var(--mss-text);font:inherit;font-weight:800;cursor:pointer}.portal-tabs button[aria-selected=true]{background:var(--mss-blue);box-shadow:0 0 22px color-mix(in srgb,var(--mss-blue) 48%,transparent)}.portal-panel[hidden]{display:none}.portal-panel{display:grid;gap:16px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-card{min-height:0;padding:20px}.portal-card h2{margin:0 0 8px;font-size:1.35rem}.portal-card p{margin:0;color:var(--mss-muted)}.portal-kicker{margin:0 0 6px!important;color:var(--mss-cyan)!important;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.portal-next{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:var(--mss-cyan);background:linear-gradient(135deg,color-mix(in srgb,var(--mss-blue) 20%,var(--mss-surface)),var(--mss-surface))}.portal-next strong,.portal-next span{display:block}.portal-next span{margin-top:4px;color:var(--mss-muted)}.portal-button{min-height:42px;padding:0 15px;border:1px solid var(--mss-cyan);border-radius:999px;background:var(--mss-blue);color:#fff;font:inherit;font-weight:800;cursor:pointer}.portal-button--secondary{background:transparent}.portal-button:disabled{border-color:var(--mss-line);background:var(--mss-surface);color:var(--mss-muted);cursor:not-allowed;box-shadow:none}.portal-checklist{display:grid;gap:0;margin:0;padding:0;list-style:none}.portal-checklist li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--mss-line)}.portal-checklist li:last-child{border-bottom:0}.check-done{color:var(--success)}.check-current{color:var(--orange)}.check-locked{color:var(--mss-muted)}.portal-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-destination{display:grid;gap:6px;padding:15px;border:1px solid var(--mss-cyan);border-radius:12px;background:var(--mss-surface);color:inherit;text-decoration:none}.portal-destination:hover,.portal-destination:focus-visible{border-color:var(--mss-cyan);box-shadow:0 0 22px color-mix(in srgb,var(--mss-cyan) 35%,transparent);outline:none}.portal-destination small{color:var(--mss-cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portal-destination span{overflow-wrap:anywhere}.portal-destination--disabled{border-color:var(--mss-line);color:var(--mss-muted)}.portal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-form label{display:grid;gap:7px;color:var(--mss-text);font-weight:700}.portal-form input,.portal-form select,.portal-form textarea{width:100%;box-sizing:border-box;min-height:42px;padding:9px 12px;color:var(--mss-text);background:var(--mss-bg);border:1px solid var(--mss-line);border-radius:9px;font:inherit}.portal-form textarea{min-height:100px;resize:vertical}.portal-form .portal-form-full{grid-column:1/-1}.portal-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1;margin-top:4px}.portal-form-status{color:var(--mss-muted)}.portal-protected{padding:14px;border:1px dashed var(--mss-cyan);border-radius:10px;color:var(--mss-muted)}.portal-protected strong{color:var(--mss-text)}.portal-payment-test{border-color:var(--orange)}.portal-payment-test h2{color:var(--orange)}.portal-notice{padding:12px 14px;border-left:3px solid var(--mss-cyan);background:var(--mss-surface-raised);color:var(--mss-text)}.portal-identity{display:flex;gap:10px;align-items:center}.portal-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mss-cyan);border-radius:50%;background:var(--mss-surface-raised);font-weight:800}.portal-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 14px;border:1px solid var(--orange);border-radius:10px;background:color-mix(in srgb,var(--orange) 12%,var(--mss-surface))}.portal-price strong{color:var(--orange);font-size:1.1rem}.portal-domain-options{display:grid;gap:9px;margin-top:16px;padding:16px;border:1px solid var(--mss-cyan);border-radius:10px;background:var(--mss-surface-raised)}.portal-domain-options span{color:var(--mss-muted)}.portal-domain-options .portal-button{width:max-content}.portal-card .portal-form-actions{margin-top:16px}@media(max-width:760px){.portal-header,.portal-grid,.portal-destinations,.portal-form{grid-template-columns:1fr}.portal-status{min-width:0}.portal-next{align-items:stretch;flex-direction:column}.portal-header{display:flex;flex-direction:column}.portal-price{align-items:flex-start;flex-direction:column}.portal-domain-options .portal-button{width:100%}}
.website-change-request{display:grid;gap:12px;margin-top:20px;padding:18px;border:1px dashed var(--mss-cyan);border-radius:12px;background:var(--mss-surface-raised)}.website-change-request h4,.website-change-request p{margin:0}.website-change-request form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) auto;gap:12px;align-items:end}.website-change-request label{display:grid;gap:7px;font-weight:700}.website-change-request select,.website-change-request textarea{width:100%;box-sizing:border-box;min-height:42px;padding:9px 12px;color:var(--mss-text);background:var(--mss-bg);border:1px solid var(--mss-line);border-radius:9px;font:inherit}.website-change-request textarea{min-height:86px;resize:vertical}@media(max-width:760px){.website-change-request form{grid-template-columns:1fr}.website-change-request .portal-button{width:100%}}
.portal-order-summary{width:min(100%,900px);margin:6px auto 0;padding:28px;border:1px solid var(--mss-cyan);border-radius:16px;background:linear-gradient(145deg,var(--mss-surface-raised),var(--mss-surface));box-shadow:0 0 30px color-mix(in srgb,var(--mss-blue) 32%,transparent)}.portal-order-heading,.portal-payment-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--mss-line)}.portal-order-heading h4{margin:5px 0 4px;font-size:clamp(1.65rem,3vw,2.35rem)}.portal-payment-heading h4{margin:3px 0 0;font-size:1.45rem}.portal-order-description{font-size:1rem}.portal-order-price{display:grid;justify-items:end;flex:0 0 auto}.portal-order-price strong{color:var(--orange);font-size:clamp(2rem,4vw,3rem);line-height:1}.portal-order-price span{margin-top:7px;color:var(--mss-muted);font-weight:700}.portal-order-kicker{margin:0!important;color:var(--mss-cyan)!important;font-size:.72rem;font-weight:900;letter-spacing:.13em}.portal-order-count{padding:6px 10px;border:1px solid var(--mss-line);border-radius:999px;color:var(--mss-muted);font-size:.78rem;font-weight:800}.portal-order-totals{display:grid;gap:10px;margin:20px 0 0}.portal-order-totals div{display:flex;justify-content:space-between;gap:20px}.portal-order-totals dt,.portal-order-totals dd{margin:0}.portal-order-due{margin-top:5px;padding-top:14px;border-top:1px solid var(--mss-line);font-size:1.2rem;font-weight:900}.portal-order-due dd{color:var(--orange)}.portal-order-renewal{margin:18px 0!important;padding:14px;border-left:3px solid var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--mss-surface));color:var(--mss-text)!important;line-height:1.5}.portal-payment-step{display:grid;gap:16px;margin-top:26px;padding-top:26px;border-top:1px solid var(--mss-line)}.portal-checkout-submit{grid-column:1/-1;width:100%;margin-top:4px}.portal-payment-heading .portal-button{white-space:nowrap}@media(max-width:760px){.portal-order-summary{padding:18px}.portal-order-heading,.portal-payment-heading{flex-direction:column}.portal-order-price{justify-items:start}.portal-checkout-submit{width:100%}}

/* The Essentials portal uses the same shell geometry as the MatosSites workspace. */
.client-portal-page .client-portal-main{width:auto;max-width:none;margin:0 0 0 calc(var(--mss-sidebar-width) + var(--mss-shell-gap));padding:8px clamp(20px,3vw,46px) 48px 0}
.portal-context{margin:0 0 18px;padding:12px 16px;border:1px solid var(--mss-line);border-radius:12px;background:var(--mss-surface-raised);color:var(--mss-muted)}
.client-portal-sidebar .navmark.navmark--logo{min-height:190px;margin-bottom:8px;padding:4px}
.client-portal-sidebar .mss-navmark-logo{width:248px;height:178px;max-width:100%;object-fit:contain;border-radius:12px}
.client-portal-nav-items{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}
.client-portal-nav-items a{flex:0 0 auto}
.client-portal-sidebar .mss-sidebar-logout{margin-top:auto}
body.mss-nav-collapsed .client-portal-sidebar .navmark.navmark--logo{min-height:64px}
body.mss-nav-collapsed .client-portal-sidebar .mss-navmark-logo{width:56px;height:56px}
@media(max-width:760px){.client-portal-page .client-portal-main{width:100%;margin:0;padding:74px 14px 28px}.client-portal-sidebar .navmark.navmark--logo{min-height:170px}.client-portal-sidebar .mss-navmark-logo{width:230px;height:158px}}

.portal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.portal-settings-card{border:1px solid var(--mss-line);border-radius:14px;padding:1.15rem;background:var(--mss-surface)}.portal-settings-card h3{margin:.25rem 0 .85rem;font-size:1.15rem}.portal-settings-card label{display:flex;align-items:center;gap:.6rem;margin:.7rem 0}.portal-settings-card input[type=color]{width:3.5rem;height:2.2rem;padding:.15rem}.portal-settings-help{font-size:.9rem;color:var(--mss-muted)}@media(max-width:760px){.portal-settings-grid{grid-template-columns:1fr}}

.portal-settings-clone{display:grid;gap:1.25rem}.portal-settings-clone>h3{text-align:center;font-size:1.45rem}.portal-settings-section{padding:1.15rem;border:1px solid var(--mss-line);border-radius:14px;background:var(--mss-surface)}.portal-settings-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.portal-settings-option{background:var(--mss-surface-raised);font-size:.9rem}.portal-settings-help{color:var(--mss-muted)}

.portal-settings-top-options{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:0 0 1rem}

.portal-settings-option{background:var(--mss-blue,#1769e8);border-color:var(--mss-cyan,#58b9ff);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--mss-blue,#1769e8) 38%,transparent)}.portal-settings-option:hover,.portal-settings-option:focus-visible{background:var(--mss-blue,#1769e8);filter:brightness(1.14);outline:none}

.client-portal-page .portal-settings-clone .mss-button{min-height:46px;padding:0 16px;border:1px solid var(--mss-cyan);border-radius:9px;background:var(--mss-blue);color:var(--mss-text);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--mss-blue) 38%,transparent)}.client-portal-page .portal-settings-clone .mss-button:hover{filter:brightness(1.14)}
 .portal-approval-banner{display:grid;gap:8px;margin-bottom:18px;padding:28px 30px;border:2px solid var(--orange);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 22%,var(--mss-surface)),var(--mss-surface));box-shadow:0 0 28px color-mix(in srgb,var(--orange) 28%,transparent)}.portal-approval-banner h3{margin:0;font-size:1.7rem}.portal-approval-banner p{margin:0;color:var(--mss-text)}.portal-approval-banner .portal-button{width:max-content;margin-top:8px;background:var(--orange);border-color:var(--orange);color:#111}