/* Client portal only: readable controls and contained content on small screens. */
.pk-link-page,.pk-link-panel,.pk-link-panel>*{min-width:0;max-width:100%;box-sizing:border-box}
.pk-link-panel{display:flex;flex-direction:column;align-items:stretch!important;gap:16px}
.pk-link-panel .ql-card{order:0;width:100%;margin:0}
.pk-link-panel .pk-link-intro{order:1;line-height:1.8;font-size:14px}
.pk-link-panel .pk-gateway-restart{order:2;margin:0!important;padding:14px;background:#e3b23c08;border:1px solid #e3b23c30;border-radius:12px}
.pk-link-page #revspx-backbar{display:flex;flex-wrap:wrap;gap:10px!important}
.pk-link-page #revspx-back-title{line-height:1.8;min-width:0}
.pk-link-page .rvx-back{min-height:44px;flex-shrink:0;font-family:inherit}
.pk-link-page #revspx-hub .rvx-plat{box-sizing:border-box;font-family:inherit}
.pk-link-page #revspx-hub .rvx-plat:focus-visible{outline:2px solid #73deb9;outline-offset:4px}
.pk-link-page #revspx-mt5>div:first-child{flex-wrap:wrap}
.pk-link-page #revspx-mt5 input{min-height:46px}
.pk-link-page .pk-gateway-frame{width:100%;max-width:100%;display:block;min-height:400px}
#pk-menu-backdrop{display:none}
@media(max-width:760px){
 body.pk-shell{--pk-side:0px!important}
 body.pk-shell #root{margin-right:0!important;padding-top:72px}
 body.pk-shell #root main{width:100%;padding:16px 12px!important;min-width:0}
 body.pk-shell #root main>*,#pk-client-insights .ci-wrap,#pk-settings-lab .lab-wrap{min-width:0;max-width:100%;box-sizing:border-box}
 #pk-shell #pk-header{right:0;padding:0 14px;z-index:10003}
 #pk-shell #pk-header b{font-size:16px;line-height:1.5}
 #pk-shell #pk-toggle{width:44px;height:44px;margin-left:10px}
 #pk-shell #pk-header .pk-badge{font-size:10px}
 #pk-shell #pk-sidebar{top:72px;width:min(300px,86vw);padding:18px 14px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));z-index:10002;box-shadow:-12px 12px 40px #0005;overscroll-behavior:contain}
 #pk-shell #pk-sidebar .pk-logo{font-size:24px;padding:0 12px 14px}
 #pk-shell #pk-sidebar .pk-label{font-size:12px}
 #pk-shell #pk-sidebar .pk-nav{font-size:15px;min-height:48px;padding:12px;gap:10px;margin:3px 0}
 #pk-shell #pk-sidebar .pk-nav i{display:block;width:24px;font-size:20px}
 #pk-shell #pk-sidebar .pk-bottom{font-size:12px}
 #pk-shell #pk-menu-backdrop:not([hidden]){display:block;position:fixed;inset:72px 0 0;background:#0009;border:0;border-radius:0;z-index:10001;cursor:pointer;touch-action:manipulation}
 body.pk-shell.pk-mobile-menu{overflow:hidden}
 body.pk-shell :is(#root main,#pk-client-insights,#pk-settings-lab) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;max-width:100%;min-width:0;box-sizing:border-box;min-height:44px}
 body.pk-shell :is(#root main,#pk-client-insights,#pk-settings-lab) :is(button:not([role=switch]),summary){min-height:44px;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
 body.pk-shell #root main button.h-6.w-11[aria-pressed]{min-height:24px;height:24px}
 body.pk-shell #root main button.h-6.w-11[aria-pressed]::after{content:"";position:absolute;inset:-10px 0}
 body.pk-shell #root main .rvx-mtabs{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 body.pk-shell #root main .rvx-mtab{min-width:0;white-space:normal;text-align:center;padding:12px 8px;line-height:1.7;font-size:13px}
 body.pk-shell #root main p{overflow-wrap:anywhere}
 body.pk-shell #root main :is(.overflow-x-auto,.overflow-auto){max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 body.pk-shell #root main .grid{min-width:0}
 body.pk-shell #root main .grid>*{min-width:0}
 .pk-link-page #revspx-hub{margin:8px 0 20px!important}
 .pk-link-page #revspx-hub>div:last-child{gap:14px!important}
 .pk-link-page #revspx-hub .rvx-plat{width:100%;padding:24px 18px}
 .pk-link-page #revspx-hub .rvx-ic{width:60px;height:60px;font-size:30px;margin-bottom:12px}
 .pk-link-page #revspx-hub .rvx-t{font-size:21px}
 .pk-link-page #revspx-hub .rvx-s{font-size:14px;margin-bottom:12px}
 .pk-link-page #revspx-backbar{margin:4px 0 18px!important}
 .pk-link-page #revspx-back-title{width:100%;font-size:17px!important}
 .pk-link-page #revspx-mt5{padding:16px!important}
 .pk-link-page .pk-gateway-frame{height:65vh!important;height:65dvh!important;min-height:400px;max-height:760px}
 #pk-client-insights .ci-check-grid,#pk-client-insights .ci-reasons{grid-template-columns:minmax(0,1fr)}
 #pk-client-insights .ci-toolbar label{min-width:min(100%,140px)}
 #pk-client-insights .ci-event{flex-wrap:wrap;gap:8px}
 #pk-client-insights .ci-calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(40px,1fr));padding-bottom:6px}
 #pk-client-insights .ci-card strong{overflow-wrap:anywhere}
 #pk-settings-lab .lab-basic{grid-template-columns:minmax(0,1fr)}
 #pk-settings-lab .lab-basic label{font-size:14px}
 #pk-settings-lab .lab-mode{grid-template-columns:minmax(0,1fr)}
 #ci-dialog{width:calc(100vw - 24px);max-height:85dvh;padding:18px;box-sizing:border-box}
}
@media(max-width:360px){#pk-shell #pk-header .pk-badge{display:none}.pk-link-panel .ql-card{padding:14px}}
@media(prefers-reduced-motion:reduce){#revspx-hub .rvx-plat{animation:none!important;transition:none!important}}