.client-space{display:flex;flex-direction:column;height:100vh;max-height:-webkit-fill-available;background-color:var(--ui-50)}.client-space-title h1{font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.client-space-title p{font-size:var(--font-m);color:var(--ui-600);max-width:60ch}.client-space-content{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--headerHeight) + var(--space-4))}.client-space-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;transition:transform .2s ease-in-out;background-color:var(--ui-50)}.client-space-header{display:grid;grid-template-columns:1fr 1fr;align-items:center;background-color:var(--ui-50);padding:var(--space-2) var(--space-4);height:var(--headerHeight);flex-shrink:0}.client-space-header__left{justify-self:start;display:flex;align-items:center;justify-content:start}.client-space-header__left .business-logo{max-height:30px;max-width:150px;object-fit:contain}.client-space-header__left .business-name{font-size:var(--font-l);font-weight:var(--font-bold);color:var(--accent, "#000000");margin:0}.client-space-header__left .back-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--ui-600);transition:var(--fx-fast)}.client-space-header__left .back-link:hover{background-color:var(--ui-200);color:var(--ui-800)}.client-space-header__right{justify-self:end}.client-space-header .avatar-btn{background:none;border:none;padding:0;border-radius:50%;cursor:pointer}.client-user-menu{display:flex;flex-direction:column;gap:var(--space-1)}.client-user-menu .menu-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:none;border:none;color:var(--ui-700);font-size:var(--font-s);cursor:pointer;border-radius:var(--radius-1);text-decoration:none;font-weight:var(--font-regular)}.client-user-menu .menu-item:hover{background-color:var(--ui-100);color:var(--ui-800)}