/* Shared customer workspace, navigation and feature panels. */
body.customer-facing-page{--cx-navy:#123851;--cx-blue:#1d628e;--cx-teal:#128573;--cx-line:#d8e5ee;--cx-muted:#536b7e;background:radial-gradient(circle at 88% 3%,#e2f1f9,transparent 30%),#f3f7fa}
body.customer-facing-page .site-header,body.customer-facing-page .portal-header,body.customer-facing-page .customer-brand-header{box-shadow:0 6px 24px #12385113}
body.customer-facing-page .customer-workspace-layout{display:grid;grid-template-columns:clamp(220px,17vw,280px) minmax(0,1fr);gap:clamp(18px,2.5vw,36px);align-items:start;max-width:100%;min-width:0}
body.customer-facing-page .customer-workspace-sidebar{position:sticky;top:20px;display:grid;gap:12px;min-width:0;padding:22px 15px;border:1px solid var(--cx-line);border-radius:18px;background:#fff;box-shadow:0 12px 28px #173d5710;color:var(--cx-navy)}
body.customer-facing-page .customer-sidebar-eyebrow{font-size:.68rem;font-weight:850;letter-spacing:.11em;color:var(--cx-blue)}body.customer-facing-page .customer-workspace-sidebar>strong{font-size:1.1rem;line-height:1.3;padding:0 8px}
body.customer-facing-page .customer-workspace-sidebar nav{display:grid;gap:4px;margin:5px 0;padding-top:12px;border-top:1px solid var(--cx-line)}body.customer-facing-page .customer-workspace-sidebar nav a{display:block;padding:12px 13px;border-radius:10px;color:#24516b;font-size:.9rem;font-weight:720;text-decoration:none;overflow-wrap:anywhere}body.customer-facing-page .customer-workspace-sidebar nav a:hover,body.customer-facing-page .customer-workspace-sidebar nav a:focus-visible{background:#eaf5fc;color:#124d73;outline-offset:2px}body.customer-facing-page .customer-workspace-sidebar>small{padding:12px 8px 2px;border-top:1px solid var(--cx-line);color:var(--cx-muted);line-height:1.5}
body.customer-facing-page .customer-workspace-content{min-width:0}body.customer-facing-page .customer-workspace-content>*{min-width:0}body.customer-facing-page .portal-hero,body.customer-facing-page.property-portal .portal-welcome{border:1px solid #b9d7e8;border-radius:22px;background:radial-gradient(circle at 95% 3%,#d1f0ef,transparent 31%),linear-gradient(135deg,#eaf5fc,#fff 64%);box-shadow:0 17px 37px #153a5411;padding:clamp(24px,3.2vw,48px)}body.customer-facing-page .portal-hero h1,body.customer-facing-page.property-portal .portal-welcome h1{line-height:1.12;max-width:30ch}body.customer-facing-page .portal-hero p,body.customer-facing-page.property-portal .portal-welcome p{max-width:70ch;line-height:1.65}
body.customer-facing-page .portal-access{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(20px,4vw,60px);align-items:stretch;min-height:min(620px,70vh)}body.customer-facing-page .portal-access-story{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,5vw,72px);border:1px solid #b7d9ec;border-radius:22px;background:linear-gradient(142deg,#e4f3fb,#fff 77%);box-shadow:0 15px 34px #173a5410}body.customer-facing-page .portal-access-story h1{max-width:14ch;margin:0;color:#133d59;font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.07}body.customer-facing-page .portal-access-story p{max-width:55ch;margin:0;color:#536a7c;line-height:1.7}body.customer-facing-page .portal-access-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}body.customer-facing-page .portal-access-links a{padding:11px 15px;border:1px solid #bcd9e9;border-radius:9px;color:#145978;background:#fff;font-weight:700;text-decoration:none}body.customer-facing-page .portal-access .portal-login{width:100%;max-width:none;margin:0;align-self:center;padding:clamp(24px,3vw,42px)}
body.customer-facing-page .customer-page-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:clamp(22px,3vw,42px);border:1px solid #c0dbe9;border-radius:20px;background:linear-gradient(123deg,#e6f4fa,#fff 70%);box-shadow:0 13px 31px #173d5710;min-width:0}body.customer-facing-page .customer-page-hero>div{min-width:0}body.customer-facing-page .customer-page-hero small{display:block;margin-bottom:8px;color:#176c8d;font-size:.7rem;font-weight:850;letter-spacing:.11em}body.customer-facing-page .customer-page-hero h1,body.customer-facing-page .customer-page-hero h2{margin:0;color:#123b55;font-size:clamp(1.7rem,2.8vw,2.8rem);line-height:1.15;overflow-wrap:anywhere}body.customer-facing-page .customer-page-hero p{max-width:72ch;margin:10px 0 0;color:#536b7d;line-height:1.6}body.customer-facing-page .customer-page-hero .support-button,body.customer-facing-page .customer-page-hero .portal-button{flex:none}
body.customer-facing-page .support-main .support-grid{gap:clamp(18px,2vw,30px)}body.customer-facing-page .support-main .support-card,body.customer-facing-page .listing-card,body.customer-facing-page.property-portal .portal-card{border-radius:16px;box-shadow:0 10px 28px #1739510a}body.customer-facing-page .support-main>form,body.customer-facing-page .support-main>.support-card{max-width:none}
body.customer-facing-page .original-support-layout{width:100%;max-width:none;margin:12px auto 48px;padding:0 clamp(18px,3vw,64px);grid-template-columns:clamp(220px,17vw,280px) minmax(0,1fr);gap:clamp(18px,2.5vw,36px)}body.customer-facing-page .original-support-menu{position:sticky;top:18px;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px #173d5710}body.customer-facing-page .original-support-brand{min-height:100px;display:grid;place-items:center;background:linear-gradient(130deg,#134468,#1a7189);padding:15px}body.customer-facing-page .original-support-brand img{height:72px;width:100%;max-width:220px;object-fit:contain}body.customer-facing-page .original-support-brand strong{color:#fff;overflow-wrap:anywhere}body.customer-facing-page .original-support-layout>.support-main{min-width:0;padding:0;max-width:none;margin:0}
body.customer-facing-page .page-grid>.welcome{border-radius:18px;padding:clamp(22px,3vw,42px);background:linear-gradient(135deg,#e7f4fb,#fff);border:1px solid #c9e0ed}body.customer-facing-page .page-grid>.booking-card{min-width:0}body.customer-facing-page .support-main>.support-grid>div:first-child{padding:clamp(20px,3vw,42px);border-radius:18px;background:linear-gradient(135deg,#e7f4fb,#fff);border:1px solid #c9e0ed}
@media(max-width:1050px){body.customer-facing-page .customer-workspace-layout,body.customer-facing-page .original-support-layout{grid-template-columns:minmax(0,1fr)}body.customer-facing-page .customer-workspace-sidebar{position:static;padding:14px 16px}body.customer-facing-page .customer-workspace-sidebar nav{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}body.customer-facing-page .customer-workspace-sidebar nav a{padding:9px 11px}body.customer-facing-page .customer-workspace-sidebar>small{display:none}body.customer-facing-page .original-support-menu{position:static}body.customer-facing-page .portal-access{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}}
@media(max-width:760px){body.customer-facing-page .portal-access{grid-template-columns:1fr;min-height:0}body.customer-facing-page .portal-access-story{padding:26px}body.customer-facing-page .portal-access-story h1{max-width:none}body.customer-facing-page .customer-page-hero{display:block;padding:24px}body.customer-facing-page .customer-page-hero .support-button,body.customer-facing-page .customer-page-hero .portal-button{display:inline-flex;margin-top:16px}body.customer-facing-page .customer-workspace-layout{gap:15px}body.customer-facing-page .original-support-layout{padding:0 16px}}
@media(max-width:520px){body.customer-facing-page .customer-workspace-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.customer-facing-page .customer-workspace-sidebar nav a{font-size:.82rem}body.customer-facing-page .portal-hero,body.customer-facing-page.property-portal .portal-welcome{padding:22px}body.customer-facing-page .portal-access-story h1{font-size:2rem}}