/* Phase 45.47.70 — approved centred UI / readable sidebars / roomy commerce cards. Loaded last so it intentionally overrides the compact/icon-rail and ultra-dense 8-column rules. */ body.lfp454770-approved-layout{--lfp770-max:1500px;--lfp770-gap:clamp(14px,1.35vw,22px);--lfp770-line:rgba(22,83,62,.14);--lfp770-green:#153f31;--lfp770-gold:#c6a34a} body.lfp454770-approved-layout *,body.lfp454770-approved-layout *:before,body.lfp454770-approved-layout *:after{box-sizing:border-box} /* -------------------------------------------------------------------------- 1) Centre the public page canvas and the main visual cards. -------------------------------------------------------------------------- */ body.lfp454770-approved-layout.lfp454762-frontend-authority .lfp-phase4516-page-chrome{ width:min(var(--lfp770-max),calc(100vw - 36px))!important;max-width:var(--lfp770-max)!important;margin:14px auto 28px!important;padding:8px!important;left:auto!important;right:auto!important;transform:none!important } body.lfp454770-approved-layout .lfp-front-wrap, body.lfp454770-approved-layout .lfp-front-inner{min-width:0!important} body.lfp454770-approved-layout .lfp-front-inner{margin-left:auto!important;margin-right:auto!important} body.lfp454770-approved-layout .lfp764-public-home{ width:min(1460px,100%)!important;max-width:1460px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;transform:none!important } body.lfp454770-approved-layout .lfp764-hero, body.lfp454770-approved-layout .lfp764-section, body.lfp454770-approved-layout .lfp764-seasonal, body.lfp454770-approved-layout .lfp764-final-cta{width:100%!important;margin-left:auto!important;margin-right:auto!important} /* Do not allow old negative/full-viewport catalogue breakout rules to pull content left. */ body.lfp454770-approved-layout .lfp4555-catalogue{ position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:min(var(--lfp770-max),100%)!important;max-width:var(--lfp770-max)!important;margin-left:auto!important;margin-right:auto!important } body.lfp454770-approved-layout .lfp4555-catalogue.lfp-box, body.lfp454770-approved-layout .lfp4555-catalogue .lfp-catalogue-shell{padding:clamp(16px,1.8vw,26px)!important} /* -------------------------------------------------------------------------- 2) Desktop role workspace: restore a readable full sidebar instead of an 82px icon rail. This fixes Seller and Client dashboards alike. -------------------------------------------------------------------------- */ @media(min-width:900px){ body.lfp454770-approved-layout.lfp454715-app-workspace .lfp454715-app, body.lfp454770-approved-layout.lfp454762-icon-navigation .lfp454715-app{grid-template-columns:250px minmax(0,1fr)!important} body.lfp454770-approved-layout .lfp454715-sidebar{padding:18px 14px 16px!important;overflow-y:auto!important;overflow-x:hidden!important} body.lfp454770-approved-layout .lfp454715-side-head{justify-content:space-between!important;padding:2px 6px 20px!important} body.lfp454770-approved-layout .lfp454715-logo{justify-content:flex-start!important} body.lfp454770-approved-layout .lfp454715-logo strong{display:block!important;font-size:16px!important} body.lfp454770-approved-layout .lfp454715-nav{gap:6px!important} body.lfp454770-approved-layout .lfp454715-nav>a, body.lfp454770-approved-layout .lfp454715-nav-group>summary, body.lfp454770-approved-layout .lfp454715-side-foot>a{ position:relative!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;align-items:center!important;justify-items:stretch!important;width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:9px 11px!important;border-radius:12px!important;gap:10px!important } body.lfp454770-approved-layout .lfp454715-nav>a>span, body.lfp454770-approved-layout .lfp454715-nav-group>summary>span, body.lfp454770-approved-layout .lfp454715-nav-group>summary>b, body.lfp454770-approved-layout .lfp454715-side-foot>a>span{display:block!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important} body.lfp454770-approved-layout .lfp454715-nav>a svg, body.lfp454770-approved-layout .lfp454715-nav-group>summary svg, body.lfp454770-approved-layout .lfp454715-side-foot>a svg{width:20px!important;height:20px!important} body.lfp454770-approved-layout .lfp454715-nav-group{position:static!important} body.lfp454770-approved-layout .lfp454715-nav-group>div{position:static!important;display:none!important;width:auto!important;padding:4px 0 4px 42px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} body.lfp454770-approved-layout .lfp454715-nav-group[open]>div{display:grid!important} body.lfp454770-approved-layout .lfp454715-nav-group>div a{padding:7px 9px!important;min-height:36px!important} body.lfp454770-approved-layout .lfp454715-nav>a:after, body.lfp454770-approved-layout .lfp454715-nav-group>summary:after, body.lfp454770-approved-layout .lfp454715-side-foot>a:after{display:none!important} /* Phase 45.47.69 links are direct sidebar children. Give them the same readable treatment. */ body.lfp454770-approved-layout .lfp454715-sidebar>a[data-lfp454769-link]{ display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;margin:3px 0!important;padding:9px 11px!important;border-radius:11px!important;color:rgba(255,255,255,.84)!important;text-decoration:none!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important } body.lfp454770-approved-layout .lfp454715-sidebar>a[data-lfp454769-link]:hover{background:rgba(255,255,255,.09)!important;color:#fff!important} body.lfp454770-approved-layout .lfp454715-sidebar>a[data-lfp454769-link] .lfp454769-side-icon{display:grid!important;place-items:center!important;width:22px!important;font-size:18px!important} body.lfp454770-approved-layout .lfp454715-sidebar>a[data-lfp454769-link]>span:last-child{display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important} } @media(min-width:761px) and (max-width:899px){ body.lfp454770-approved-layout .lfp454715-app{grid-template-columns:220px minmax(0,1fr)!important} } /* -------------------------------------------------------------------------- 3) Centre dashboard content and give information cards breathing room. -------------------------------------------------------------------------- */ body.lfp454770-approved-layout .lfp454715-stage-content{padding:clamp(18px,2.2vw,32px)!important} body.lfp454770-approved-layout .lfp454715-stage-content .lfp454710-dashboard-shell{ width:100%!important;max-width:var(--lfp770-max)!important;margin-left:auto!important;margin-right:auto!important;padding:0!important } body.lfp454770-approved-layout .lfp454715-app .lfp454710-main .lfp-box, body.lfp454770-approved-layout .lfp454715-app .lfp454710-main .lfp-card, body.lfp454770-approved-layout .lfp454769-panel{border-radius:20px!important;padding:clamp(20px,2vw,30px)!important} body.lfp454770-approved-layout .lfp454769-market-orders{margin:0 auto 20px!important} body.lfp454770-approved-layout .lfp454769-market-grid{gap:12px!important} body.lfp454770-approved-layout .lfp454769-market-grid article{padding:17px 18px!important;min-height:86px!important;align-items:center!important} /* Billing / dashboard tiles are roomy, near-square and their buttons stay inside. */ @media(min-width:1050px){ body.lfp454770-approved-layout .lfp454715-app .lfp454710-main .lfp-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important} body.lfp454770-approved-layout .lfp454715-app .lfp454710-main .lfp-grid-cards>.lfp-box{max-width:none!important;min-height:210px!important;padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important} } body.lfp454770-approved-layout .lfp454715-app .lfp-grid-cards .lfp-btn{white-space:normal!important;text-align:center!important;max-width:100%!important} body.lfp454770-approved-layout .lfp454715-app .lfp-grid-cards>.lfp-box .lfp-btn:first-of-type{margin-top:auto!important} /* -------------------------------------------------------------------------- 4) Public marketplace/home product cards: 4 comfortable cards across, instead of the former ultra-dense 8-column rail. -------------------------------------------------------------------------- */ body.lfp454770-approved-layout .lfp764-category-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important} body.lfp454770-approved-layout .lfp764-category{min-height:82px!important;padding:15px!important} body.lfp454770-approved-layout .lfp764-category strong{font-size:13px!important} body.lfp454770-approved-layout .lfp764-category small{font-size:10px!important} body.lfp454770-approved-layout .lfp764-product-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important} body.lfp454770-approved-layout .lfp764-product-card{min-height:390px!important;border-radius:18px!important} body.lfp454770-approved-layout .lfp764-product-media{height:188px!important;min-height:188px!important} body.lfp454770-approved-layout .lfp764-product-body{padding:14px!important;gap:8px!important} body.lfp454770-approved-layout .lfp764-seller-line{font-size:9.5px!important} body.lfp454770-approved-layout .lfp764-product-card h3{min-height:2.5em!important;margin:7px 0 10px!important;font-size:16px!important;line-height:1.25!important} body.lfp454770-approved-layout .lfp764-product-meta strong{font-size:18px!important} body.lfp454770-approved-layout .lfp764-product-meta span{font-size:9.5px!important} body.lfp454770-approved-layout .lfp764-product-actions{grid-template-columns:minmax(90px,.75fr) minmax(130px,1.25fr)!important;gap:10px!important;margin-top:13px!important} body.lfp454770-approved-layout .lfp764-product-actions .lfp-btn, body.lfp454770-approved-layout .lfp764-mini-link{min-height:42px!important;padding:9px 11px!important;font-size:11px!important;white-space:normal!important;text-align:center!important} /* Client catalogue cards are governed by the existing dedicated catalogue * stylesheet phase454777.css. Retire this old 430px card/42px stacked-stepper * layout so the compact catalogue never fights another layout authority. */ /* Marketplace grids outside the Phase 64 homepage get the same roomy card rhythm. */ @media(min-width:1280px){ body.lfp454770-approved-layout .lfp-market-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important} } /* -------------------------------------------------------------------------- Responsive fallbacks: keep cards useful rather than squeezing them. -------------------------------------------------------------------------- */ @media(max-width:1279px) and (min-width:981px){ body.lfp454770-approved-layout .lfp764-product-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:980px) and (min-width:641px){ body.lfp454770-approved-layout .lfp764-product-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} body.lfp454770-approved-layout .lfp764-product-card{min-height:370px!important} } @media(max-width:760px){ body.lfp454770-approved-layout.lfp454762-frontend-authority .lfp-phase4516-page-chrome{width:100%!important;max-width:100%!important;margin:0!important;padding:6px!important} body.lfp454770-approved-layout .lfp454715-stage-content{padding:10px 8px 18px!important} body.lfp454770-approved-layout .lfp4555-catalogue{width:100%!important;max-width:100%!important;margin:0 auto!important} } @media(max-width:640px){ body.lfp454770-approved-layout .lfp764-product-rail{grid-template-columns:1fr!important;gap:14px!important} body.lfp454770-approved-layout .lfp764-product-card{min-height:0!important} body.lfp454770-approved-layout .lfp764-product-media{height:210px!important;min-height:210px!important} body.lfp454770-approved-layout .lfp764-product-actions{grid-template-columns:1fr 1.25fr!important} } @media(prefers-reduced-motion:reduce){body.lfp454770-approved-layout *{transition:none!important}} /* Phase 45.47.162 — unified client UX, only within the existing client app. Overrides obsolete icon-only rail on desktop; no new page system. */ @media(min-width:761px){ body.lfp454770-approved-layout.lfp454762-icon-navigation .lfp454715-app[data-role="client"], body.lfp454770-approved-layout .lfp454715-app[data-role="client"]{display:grid!important;grid-template-columns:232px minmax(0,1fr)!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-sidebar{position:sticky!important;top:0!important;width:auto!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:15px 11px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-head{justify-content:space-between!important;padding:2px 5px 16px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-logo{justify-content:flex-start!important;gap:9px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-logo strong{display:block!important;font-size:15px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary{display:grid!important;grid-template-columns:21px minmax(0,1fr) 13px!important;justify-items:stretch!important;align-items:center!important;gap:11px!important;width:100%!important;height:auto!important;min-height:44px!important;padding:10px 11px!important;margin:0!important;border-radius:10px!important;text-align:left!important;place-items:unset!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary>b{display:block!important;min-width:0!important;white-space:normal!important;line-height:1.3!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>div{display:none!important;position:static!important;left:auto!important;top:auto!important;width:100%!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:3px 0 5px 12px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group[open]>div{display:grid!important} } body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-sidebar{background:#133f30!important;color:#fff!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav{display:grid!important;gap:5px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary{font-size:13px!important;font-weight:700!important;color:#e9f3eb!important;border:1px solid transparent!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a.active, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>div a.active{background:#255f49!important;color:#fff!important;border-color:rgba(222,190,103,.38)!important;box-shadow:inset 3px 0 0 #e1ba59!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav :is(a,summary):focus-visible{outline:2px solid #e7c264!important;outline-offset:2px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>div a{display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;padding:8px 10px!important;border-radius:9px!important;color:#e3eee6!important;font-size:12px!important;text-decoration:none!important;white-space:normal!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>div a svg{display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;stroke:currentColor!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group:not([open])>div{display:none!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-foot{margin-top:auto!important;padding-top:12px!important} /* Client page canvas: consistent card sizes, readable data and compact actions. */ body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-stage-content{padding:clamp(12px,1.7vw,23px)!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454710-dashboard-shell{max-width:1320px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454710-main .lfp-box, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454769-panel, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454754-shop{padding:clamp(14px,1.6vw,23px)!important;border-radius:15px!important;background:#fff!important;border:1px solid #dce6df!important;box-shadow:0 5px 20px rgba(16,63,42,.05)!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-metrics,.lfp454769-quick,.lfp454754-actions){gap:12px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-metrics>a,.lfp454769-quick>a,.lfp454754-actions>a){border-radius:12px!important;border:1px solid #dce7df!important;background:#fbfdfb!important;box-shadow:none!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-metrics>a,.lfp454769-quick>a,.lfp454754-actions>a):hover{border-color:#b49a5b!important;background:#f4faf5!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-order-grid,.lfp454769-lower){gap:12px!important;min-width:0!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454769-order-grid>article{min-width:0!important;border:1px solid #dde8df!important;border-radius:13px!important;padding:14px!important;overflow-wrap:anywhere!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454769-card-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454769-card-actions .lfp-btn{white-space:normal!important;max-width:100%!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp-btn,button.lfp-btn){color:#fff!important;background:#195a40!important;border-color:#195a40!important;text-align:center!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp-btn-alt{color:#195a40!important;background:#fff!important;border-color:#bfd3c3!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-tier,.lfp454769-status){font-size:11px!important} @media(max-width:760px){ body.lfp454770-approved-layout .lfp454715-app[data-role="client"]{display:block!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-sidebar{position:fixed!important;top:0!important;left:0!important;width:min(306px,88vw)!important;max-width:88vw!important;height:100dvh!important;padding:14px 11px!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:99998!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary{display:grid!important;grid-template-columns:20px minmax(0,1fr) 12px!important;justify-items:stretch!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:9px 10px!important;margin:0!important;gap:9px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav>a>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>summary>b{display:block!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group>div{position:static!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;display:none!important;padding:3px 0 5px 12px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-nav-group[open]>div{display:grid!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-head>button{display:grid!important;place-items:center!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-topbar{min-height:58px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] :is(.lfp454769-lower,.lfp454769-order-grid){grid-template-columns:1fr!important} } @media(max-width:520px){body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454769-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Existing direct auction catalogue link in the client sidebar. */ body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-foot>a[data-lfp454754-catalogue]{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 11px!important;border:1px solid rgba(222,190,103,.35)!important;border-radius:10px!important;color:#f4f8ed!important;background:rgba(255,255,255,.06)!important;text-decoration:none!important;font-size:12.5px!important;font-weight:750!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-foot>a[data-lfp454754-catalogue] svg{display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important} /* Phase 45.47.165: client navigation is a user-controlled collapsible sidebar. Overwrites the older icon rail and permanent expanded layouts only inside the client portal. */ @media (min-width:761px){ body.lfp454770-approved-layout .lfp454715-app[data-role="client"], body.lfp454770-approved-layout.lfp454762-icon-navigation .lfp454715-app[data-role="client"]{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-sidebar{position:fixed!important;top:0!important;left:0!important;width:248px!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:width .18s ease!important;transform:none!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-stage{grid-column:2!important;min-width:0!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-topbar [data-lfp454715-open]{display:grid!important;place-items:center!important;flex-shrink:0!important;width:42px!important;height:42px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-side-head [data-lfp454715-close]{display:grid!important;place-items:center!important;color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;min-width:29px!important;height:29px!important;cursor:pointer!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed, body.lfp454770-approved-layout.lfp454762-icon-navigation .lfp454715-app[data-role="client"].lfp165-client-closed{grid-template-columns:76px minmax(0,1fr)!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-sidebar{width:76px!important;padding:12px 7px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-head{justify-content:center!important;padding:2px 0 13px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-logo{justify-content:center!important;margin:0!important;padding:0!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-logo strong, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-head [data-lfp454715-close], body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav>a>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>summary>span, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>summary>b, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>div, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-foot a>span{display:none!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav>a, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>summary, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-foot>a, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454775-catalogue-side{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:60px!important;min-height:45px!important;height:auto!important;margin:0 auto!important;padding:9px!important;gap:0!important;grid-template-columns:none!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav svg, body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-foot svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex:0 0 20px!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group[open]>div{display:none!important} } @media(max-width:760px){ body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-menu{display:grid!important;place-items:center!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"] .lfp454715-sidebar{transform:translateX(-104%)!important;transition:transform .2s ease!important} body.lfp454770-approved-layout .lfp454715-app[data-role="client"].drawer-open .lfp454715-sidebar{transform:translateX(0)!important} } /* Phase 45.47.166 — one client sidebar state, controlled by existing menu button. */ @media(min-width:761px){ body .lfp454715-app[data-role="client"]{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important} body .lfp454715-app[data-role="client"] .lfp454715-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;transform:none!important;width:76px!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:12px 7px!important;z-index:80!important} body .lfp454715-app[data-role="client"].lfp165-client-expanded{grid-template-columns:244px minmax(0,1fr)!important} body .lfp454715-app[data-role="client"].lfp165-client-expanded .lfp454715-sidebar{width:244px!important;padding:14px 11px!important} body .lfp454715-app[data-role="client"] .lfp454715-stage{grid-column:2!important;min-width:0!important} body .lfp454715-app[data-role="client"] .lfp454715-topbar [data-lfp454715-open]{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;cursor:pointer!important;pointer-events:auto!important;width:43px!important;height:43px!important} body .lfp454715-app[data-role="client"] .lfp454715-nav{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important} body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-head{justify-content:center!important} body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-logo strong, body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-head [data-lfp454715-close], body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav>a>span, body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>summary>span, body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>summary>b, body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-nav-group>div, body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-side-foot a>span{display:none!important} body .lfp454715-app[data-role="client"].lfp165-client-closed :is(.lfp454715-nav>a,.lfp454715-nav-group>summary,.lfp454715-side-foot>a,.lfp454775-catalogue-side){display:flex!important;justify-content:center!important;align-items:center!important;grid-template-columns:none!important;gap:0!important;width:100%!important;max-width:60px!important;min-height:44px!important;padding:9px!important;margin:0 auto!important} body .lfp454715-app[data-role="client"].lfp165-client-closed :is(.lfp454715-nav svg,.lfp454715-side-foot svg){width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important} body .lfp454715-app[data-role="client"].lfp165-client-expanded .lfp454715-nav-group>div{display:flex!important;flex-direction:column!important} } @media(max-width:760px){body .lfp454715-app[data-role="client"] .lfp454715-sidebar{width:min(292px,88vw)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translateX(-105%)!important;z-index:99998!important}body .lfp454715-app[data-role="client"].drawer-open .lfp454715-sidebar{transform:translateX(0)!important}body .lfp454715-app[data-role="client"] [data-lfp454715-open]{display:grid!important;visibility:visible!important;place-items:center!important;pointer-events:auto!important}} /* Phase 45.47.168: client-only single authority for hamburger and sidebar states. */ @media(min-width:761px){ body .lfp454715-app[data-role="client"].lfp165-client-closed{grid-template-columns:76px minmax(0,1fr)!important} body .lfp454715-app[data-role="client"].lfp165-client-expanded{grid-template-columns:244px minmax(0,1fr)!important} body .lfp454715-app[data-role="client"].lfp165-client-closed .lfp454715-sidebar{width:76px!important} body .lfp454715-app[data-role="client"].lfp165-client-expanded .lfp454715-sidebar{width:244px!important} body .lfp454715-app[data-role="client"] [data-lfp454715-open]{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;font-size:21px!important;width:44px!important;height:44px!important} } @media(max-width:760px){body .lfp454715-app[data-role="client"] .lfp454715-sidebar{transform:translateX(-105%)!important;visibility:hidden!important;pointer-events:none!important} body .lfp454715-app[data-role="client"].drawer-open .lfp454715-sidebar{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}} body .lfp454715-app[data-role="client"] .lfp454715-nav svg, body .lfp454715-app[data-role="client"] .lfp454715-side-foot svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important}