.leysam-client-page{--leysam-client-blue:#123452;--leysam-client-orange:#f58220}
.leysam-client-page .leysam-portal-app{--app-green:#123452;--app-ink:#203342;--app-line:#dce4ea;background:#f4f7fa}
.leysam-client-panel{box-sizing:border-box;max-width:1080px;margin:0 auto 16px;padding:22px;border:1px solid #dce4ea;border-radius:18px;background:#fff;color:#203342;overflow-wrap:anywhere;scroll-margin-top:90px}
.leysam-client-panel h2,.leysam-client-panel h3{color:#123452}
.leysam-client-panel input:not([type=checkbox]):not([type=hidden]),.leysam-client-panel select,.leysam-client-panel textarea{max-width:100%;font-size:16px;box-sizing:border-box}
.leysam-client-panel button,.leysam-client-panel input[type=submit]{min-height:44px}
.leysam-client-nav{box-sizing:border-box;display:flex;gap:8px;overflow-x:auto;max-width:1080px;margin:12px auto 18px;padding:10px;background:#123452;border-radius:14px;scrollbar-width:thin}
.leysam-client-nav a{flex:none;display:flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:10px;color:#fff!important;text-decoration:none;font-weight:650;white-space:nowrap}
.leysam-client-nav a:hover,.leysam-client-nav a:focus-visible{background:#f58220;color:#123452!important}
.leysam-client-page a:focus-visible,.leysam-client-page button:focus-visible,.leysam-client-table-scroll:focus-visible{outline:3px solid #f58220;outline-offset:3px}
.leysam-client-table-scroll{max-width:100%;overflow-x:auto}
.leysam-client-table-scroll table{min-width:560px}
.leysam-client-swipe-hint{display:none}
@media(max-width:760px){
 .leysam-client-panel{padding:16px;border-radius:14px}
 .leysam-client-nav{position:sticky;top:0;z-index:20}
 .leysam-client-page.admin-bar .leysam-client-nav{top:46px}
 .leysam-client-swipe-hint{display:block;color:#516272;font-size:13px!important}
 .leysam-client-page .leysam-client-booking-cards{display:block;width:100%;overflow:visible}
 .leysam-client-booking-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .leysam-client-booking-cards tbody{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 12px;scrollbar-width:thin}
 .leysam-client-booking-cards tbody tr{display:block;box-sizing:border-box;flex:0 0 88%;min-width:0;scroll-snap-align:start;padding:14px;border:1px solid #dce4ea;border-top:4px solid #123452;border-radius:14px;background:#f8fafc}
 .leysam-client-page .leysam-client-booking-cards td{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr);gap:8px;min-width:0;padding:9px 0!important;border-bottom:1px solid #dce4ea;font-size:14px!important}
 .leysam-client-booking-cards td::before{content:attr(data-label);font-weight:650;color:#526575}
 .leysam-client-booking-cards td:last-child{border:0}
 .leysam-client-booking-cards td:last-child a{background:#f58220!important;color:#123452!important;min-height:44px}
}

/* Scoped to the customer portal after its app sections initialise. */
.leysam-client-page #masthead,.leysam-client-page #mobile-drawer,.leysam-client-page #colophon{display:none!important}
.leysam-client-page #inner-wrap{padding-top:0!important}
.leysam-client-page .leysam-portal-app{margin-top:12px!important}
.leysam-client-bar{display:flex;align-items:center;gap:12px;max-width:1080px;margin:0 auto 12px;color:#123452}
.leysam-client-bar img{width:52px;height:52px;object-fit:contain;background:white;border-radius:10px}
.leysam-client-bar strong{font-size:20px;line-height:1.2}
.leysam-client-bar a{margin-left:auto;color:#123452!important;font-size:13px;text-decoration:underline;min-height:44px;display:flex;align-items:center}
.leysam-client-page .leysam-client-nav{justify-content:flex-start!important;gap:8px!important;margin:0 auto 16px!important;padding:8px!important;border-radius:12px}
.leysam-client-page .leysam-client-nav a{background:transparent!important;border:1px solid #63819a!important;color:#fff!important;margin:0!important;padding:10px 16px!important;border-radius:9px!important;font-size:14px!important;line-height:1.3!important}
.leysam-client-page .leysam-client-nav a:hover,.leysam-client-page .leysam-client-nav a:focus-visible{background:#f58220!important;border-color:#f58220!important;color:#123452!important}
@media(max-width:760px){.leysam-client-page .leysam-portal-app{padding:10px!important}.leysam-client-page .leysam-client-panel{padding:16px!important}.leysam-client-page .leysam-account>h2{font-size:22px!important;line-height:1.3!important}.leysam-client-page .leysam-client-nav{top:0}}

/* Profile presentation uses the existing account table and sign-out link. */
.leysam-client-page .leysam-client-profile{border-top:0!important;padding:20px!important}
.leysam-client-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.leysam-client-profile-head>div{min-width:0;flex:1}
.leysam-client-avatar{display:flex;flex:none;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#123452;color:#fff;font-size:20px;font-weight:700}
.leysam-client-page .leysam-client-profile-label{margin:0 0 4px!important;color:#526575!important;font-size:12px!important;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.leysam-client-page .leysam-client-profile-head h2{margin:0!important;font-size:20px!important;line-height:1.3!important;color:#123452}
.leysam-client-page .leysam-client-profile>p{font-size:14px!important;line-height:1.5!important;margin:12px 0!important}
.leysam-client-page .leysam-client-profile .leysam-account-details{display:block!important;margin:16px 0!important;background:#f4f7fa!important;border:1px solid #dce4ea;border-radius:12px;overflow:hidden}
.leysam-client-page .leysam-client-profile .leysam-account-details tbody{display:block!important}
.leysam-client-page .leysam-client-profile .leysam-account-details tr{display:block!important;width:100%!important;padding:12px 14px!important;border-bottom:1px solid #dce4ea}
.leysam-client-page .leysam-client-profile .leysam-account-details tr:last-child{border-bottom:0}
.leysam-client-page .leysam-client-profile .leysam-account-details th{display:block!important;width:100%!important;padding:0!important;border:0!important;font-size:12px!important;line-height:1.4!important;color:#526575!important}
.leysam-client-page .leysam-client-profile .leysam-account-details td{display:block!important;width:100%!important;padding:4px 0 0!important;border:0!important;font-size:15px!important;line-height:1.4!important;color:#203342!important;overflow-wrap:anywhere}
.leysam-client-page .leysam-client-profile-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #dce4ea}
.leysam-client-page .leysam-client-profile .leysam-client-signout{background:transparent!important;border:1px solid #dce4ea!important;color:#123452!important;padding:8px 14px!important;min-height:44px;font-size:14px!important;border-radius:9px}
@media(max-width:760px){.leysam-client-page .leysam-client-profile{padding:16px!important}.leysam-client-profile-head{gap:12px}.leysam-client-avatar{width:48px;height:48px;font-size:18px}.leysam-client-page .leysam-client-profile-head h2{font-size:18px!important}}

.leysam-client-page .leysam-client-panel[hidden],.leysam-client-page .leysam-registration[hidden],.leysam-client-page p[hidden]{display:none!important}
.leysam-client-page .leysam-client-nav a[aria-current=page]{background:#f58220!important;border-color:#f58220!important;color:#123452!important}
.leysam-client-choose{padding:20px;margin:0 0 16px;border:1px solid #dce4ea;border-radius:14px;background:#fff;color:#526575;font-size:15px}

.leysam-client-page .leysam-client-section-hidden{display:none!important}