.client-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(1040px,90vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;box-shadow:-12px 0 48px #183e8626;background:#fff;overflow:hidden}
.client-drawer::backdrop{background:#16202b66}
.client-drawer[open]{display:flex;flex-direction:column;animation:client-slide .18s ease-out}
.client-drawer-head{position:sticky;top:0;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid #dce4ee;background:#fff;color:#183e86}
.client-drawer-head button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#183e86;font:inherit;font-size:24px;cursor:pointer}
.client-drawer iframe{width:100%;flex:1;min-height:0;border:0;background:#f6f8fb}
.client-drawer-status{padding:12px 24px;margin:0}
.in-client-drawer{--wiin-header-height:0px;--drawer-gutter:24px}
.in-client-drawer .sidebar,.in-client-drawer .mobile-bar,.in-client-drawer .chat-widget{display:none!important}
.in-client-drawer .app-shell{display:block!important}
.in-client-drawer .main-content{box-sizing:border-box;margin:0!important;width:100%!important;max-width:none!important;padding:20px var(--drawer-gutter) 32px!important}
.in-client-drawer .main-content:has(.persistent-save){padding-bottom:140px!important}
.in-client-drawer .page-head{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-bottom:20px}
.in-client-drawer .page-head>div:first-child{flex:1 1 300px;min-width:0}
.in-client-drawer .page-head h1{font-size:clamp(22px,3vw,28px);line-height:1.25;overflow-wrap:anywhere;margin:8px 0}
.in-client-drawer .page-head .toolbar{display:flex;flex-wrap:wrap;gap:8px}
.in-client-drawer .client-activity-summary{display:block;font-size:14px;font-weight:400;line-height:1.5;margin-top:6px}
.in-client-drawer .client-tabs{box-sizing:border-box;position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;gap:4px;max-width:100%;margin:0 0 20px;padding:8px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 3px 10px #183e8608;overflow-x:auto;scroll-padding-inline:8px}
.in-client-drawer .client-tabs>a,.in-client-drawer .client-tabs>button{flex:none;white-space:nowrap;min-height:42px;padding:10px 14px;font-size:14px}
.in-client-drawer .card{border-radius:12px;box-shadow:none}
.in-client-drawer .persistent-save{box-sizing:border-box;left:0;right:0;gap:10px;padding:12px var(--drawer-gutter) calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -4px 16px #183e8608}
@keyframes client-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:640px){
  .client-drawer{width:100vw}
  .client-drawer-head{padding:8px 16px}
  .in-client-drawer{--drawer-gutter:16px}
  .in-client-drawer .page-head{gap:12px}
  .in-client-drawer .page-head .toolbar{width:100%}
  .in-client-drawer .client-tabs{padding:6px;gap:2px}
  .in-client-drawer .client-tabs>a,.in-client-drawer .client-tabs>button{padding:10px 12px}
  .in-client-drawer .persistent-save{flex-wrap:wrap}
  .in-client-drawer .persistent-save .save-status{flex-basis:100%;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.client-drawer[open]{animation:none}}