/* Agentic Sites mobile compatibility. Preserve the approved desktop design and live application behavior. */
@media(max-width:1023px){
.ag-premium .core-app-frame,.ag-premium .core-main,.ag-premium .core-page,.ag-premium .core-module-page,.ag-premium .as-app-frame,.ag-premium .as-app-body,.ag-premium .as-app-main{min-width:0;max-width:100%;width:100%}
.ag-premium .core-main{margin-left:0!important}
.ag-premium .core-sidebar{width:min(320px,88vw)!important;max-width:100%;height:100dvh;transform:translateX(-105%)!important}
.ag-premium .core-sidebar.is-open{transform:translateX(0)!important}
.ag-premium .core-sidebar-inner{min-height:0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.ag-premium .core-sidebar-scroll{min-height:0;overscroll-behavior:contain}
.ag-premium .core-sidebar-bottom{flex-shrink:0}
.ag-premium .core-mobile-menu,.ag-premium .core-sidebar-close{min-width:44px;min-height:44px}
.ag-premium .core-nav-dropdown-menu,.ag-premium .core-sidebar-popover{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.ag-premium .as-app-body.has-guide,.ag-premium .as-workspace-split,.ag-premium .ag-dashboard-grid,.ag-premium .ag-settings-grid{grid-template-columns:minmax(0,1fr)}
.ag-premium .as-app-guide{position:static;max-width:100%}
.ag-premium .ag-dashboard-grid>.ag-panel,.ag-premium .ag-dashboard-grid>.ag-growth{grid-column:auto;min-width:0}
.ag-premium .core-context-header-actions,.ag-premium .ag-panel-head,.ag-premium .ag-toolbar,.ag-premium .as-toolbar{flex-wrap:wrap;min-width:0}
.ag-premium :is(.core-table-wrap,.ag-table-wrap,.as-table-wrap,.wlc-table-wrap,.wla-table-wrap,.wl-admin-table-wrap,.overflow-x-auto){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ag-premium :is(.core-table,.wlc-matrix,.wlc-transactions,.wla-table,.wl-admin-table){min-width:100%}
.ag-premium :is(.core-page,.core-module-page,.as-app-main) :is(img,video,iframe){max-width:100%}
.ag-premium :is(.core-page,.core-module-page,.as-app-main) :is(pre,code){overflow-wrap:anywhere}
.ag-premium :is(.ag-panel,.ag-card,.ag-inner-surface,.as-card,.core-surface){min-width:0;max-width:100%}
.ag-premium :is(input,select,textarea){max-width:100%;min-width:0}
.ag-premium :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]){font-size:max(16px,1em)}
.ag-premium :is(.ag-button,.core-btn-primary,.core-btn-secondary,.as-button){max-width:100%;white-space:normal}
.ag-premium .ag-final-hero{min-height:0;height:auto}
.ag-premium .ag-final-hero .ag-hero-content{width:100%;max-width:100%;padding:32px 25px;align-items:flex-start}
.ag-premium .ag-final-hero h1{font-size:clamp(32px,5vw,46px);overflow-wrap:anywhere}
.ag-premium .ag-final-hero .ag-hero-search{width:100%;max-width:100%}
.ag-premium .ag-final-hero-image{object-position:65% center
    object-fit: cover;
}
.ag-premium .ag-final-hero::before{background:linear-gradient(90deg,rgba(249,251,255,.98),rgba(249,251,255,.91) 65%,rgba(249,251,255,.62))}
html.dark .ag-premium .ag-final-hero::before{background:linear-gradient(90deg,rgba(23,37,63,.98),rgba(23,37,63,.92) 65%,rgba(23,37,63,.68))}
.ag-premium .as-template-v7-preview{position:relative;top:auto;height:min(68dvh,680px);min-height:300px;max-width:100%}
.ag-premium .as-template-v7-preview iframe{width:100%;height:100%}
}
@media(max-width:767px){
.ag-premium .core-page,.ag-premium .core-module-page{padding:72px 15px 28px}
.ag-premium .core-page-full-bleed{padding:0}
.ag-premium .core-context-header{min-height:0;padding:24px 20px}
.ag-premium .core-context-header h1{font-size:clamp(26px,7vw,34px);overflow-wrap:anywhere}
.ag-premium .ag-final-hero .ag-hero-content{padding:28px 20px}
.ag-premium .ag-final-hero h1{font-size:clamp(30px,9vw,42px)}
.ag-premium .ag-hero-actions{flex-direction:column;align-items:stretch;width:100%}
.ag-premium .ag-hero-actions>*{width:100%;max-width:100%}
.ag-premium .ag-hero-features{flex-wrap:wrap}
.ag-premium .ag-hero-features span{white-space:normal}
.ag-premium .ag-metrics,.ag-premium .ag-final-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-premium .ag-metric{min-width:0}
.ag-premium .ag-admin-view .grid{grid-template-columns:minmax(0,1fr)}
.ag-premium :is(.ag-table-wrap,.as-table-wrap,.core-table-wrap,.wlc-table-wrap,.wla-table-wrap,.wl-admin-table-wrap){scrollbar-width:thin}
.ag-premium :is(.ag-form-actions,.as-form-actions,.core-form-actions){flex-wrap:wrap}
.ag-premium :is(.ag-form-actions,.as-form-actions,.core-form-actions)>*{max-width:100%}
.ag-premium .ag-search-results{max-width:100%;max-height:min(50dvh,360px);overflow-y:auto}
.ag-premium .ag-auth-scene{max-width:100%}
.ag-premium .ag-auth-card,.ag-premium .core-auth-card{min-width:0;max-width:100%}
.ag-premium .core-auth-card{padding:clamp(20px,5vw,30px)}
}
@media(max-width:375px){
.ag-premium .ag-metrics,.ag-premium .ag-final-metrics,.ag-premium .as-template-v7-summary{grid-template-columns:minmax(0,1fr)}
.ag-premium .core-page,.ag-premium .core-module-page{padding-left:12px;padding-right:12px}
.ag-premium .core-page-full-bleed{padding:0}
.ag-premium .ag-final-hero .ag-hero-content{padding:25px 17px}
}
/* Standalone SiteBuilder: responsive workbench, not a resized desktop canvas. */
@media(max-width:1023px){
.sb-body{overflow-x:hidden;overflow-y:auto}
.sb-shell{width:100%;min-width:0;min-height:100dvh;height:auto}
.sb-topbar{height:auto;min-height:64px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px;align-items:center}
.sb-brand{min-width:0;flex:1 1 190px}.sb-brand>div{min-width:0}.sb-brand strong,.sb-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-history{min-width:0;flex:0 1 auto}.sb-history [data-sb-save-state]{display:none}
.sb-actions{min-width:0;flex:1 1 100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.sb-actions .sb-btn{min-height:44px}
.sb-workspace{display:flex!important;flex-direction:column;min-width:0;width:100%;min-height:0!important;overflow:visible!important}
.sb-stage{min-width:0;width:100%;height:auto!important;min-height:0!important;padding:12px!important;overflow:visible!important;background:var(--sb-bg)!important}
.sb-canvas-wrap{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sb-browser{min-width:0;max-width:100%;overflow:hidden!important;border:1px solid var(--sb-border)!important;border-radius:12px!important}
.sb-canvas{min-width:0;max-width:100%;min-height:0!important}
.sb-left,.sb-right{position:static!important;inset:auto!important;width:100%!important;max-width:100%;height:auto!important;min-height:0;overflow:visible;box-shadow:none!important;border:0}
.sb-pages,.sb-layers,.sb-inspector{max-height:none!important;min-height:0;overflow:visible}
.sb-modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
.sb-field-group :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px}
.sb-mobile-panel-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:var(--sb-panel);border-bottom:1px solid var(--sb-border)}
.sb-mobile-panel-tabs button{flex:1;min-height:44px;padding:10px;border:1px solid var(--sb-border);border-radius:10px;background:var(--sb-panel);color:var(--sb-text);font:inherit;font-size:13px;font-weight:700;white-space:nowrap}
.sb-mobile-panel-tabs button[aria-selected=true]{border-color:var(--sb-primary,#2e7bff);background:color-mix(in srgb,var(--sb-primary,#2e7bff) 10%,var(--sb-panel))}
.sb-body[data-ag-mobile-panel=pages] .sb-stage,.sb-body[data-ag-mobile-panel=pages] .sb-right,.sb-body[data-ag-mobile-panel=canvas] .sb-left,.sb-body[data-ag-mobile-panel=canvas] .sb-right,.sb-body[data-ag-mobile-panel=settings] .sb-left,.sb-body[data-ag-mobile-panel=settings] .sb-stage{display:none!important}
}
@media(max-width:480px){.sb-topbar{padding:10px}.sb-actions .sb-btn{flex:1;justify-content:center}.sb-device-switch{max-width:100%}.sb-modal-actions{flex-wrap:wrap}.sb-modal-actions>*{flex:1}}
/* CreativeTools: preserve canvas dimensions and expose tools through a compact tab strip. */
@media(max-width:1023px){
.ct-full-studio{width:100%;max-width:100%;min-width:0;min-height:100dvh;height:auto!important;overflow:visible!important}
.ct-studio-form{width:100%;min-width:0;height:auto!important;min-height:100dvh;overflow:visible!important}
.ct-studio-topbar{height:auto!important;min-height:64px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px}
.ct-studio-identity{min-width:0;flex:1 1 190px}.ct-studio-title-wrap{min-width:0;max-width:100%}.ct-studio-title-wrap input{max-width:100%;min-width:0;font-size:16px}
.ct-studio-actions{min-width:0;max-width:100%;flex-wrap:wrap;gap:6px}.ct-studio-actions button{min-height:40px}
.ct-site-studio-workspace,.ct-image-studio-workspace{display:flex!important;flex-direction:column;grid-template-columns:none!important;width:100%;min-width:0;height:auto!important;min-height:0!important;overflow:visible!important}
.ct-studio-rail{width:100%!important;min-width:0!important;height:auto;display:flex;flex-direction:row;align-items:stretch;gap:5px;padding:7px 10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--ct-studio-line)}
.ct-studio-rail button,.ct-studio-rail a{width:auto;min-width:55px;min-height:48px;flex:0 0 auto;padding:7px 10px}
.ct-studio-rail-spacer{flex:1;min-width:0}
.ct-site-library,.ct-site-source-panel,.ct-image-assets-panel,.ct-image-inspector{position:static!important;inset:auto!important;width:100%!important;min-width:0;max-width:100%;height:auto!important;min-height:0;overflow:visible!important;box-shadow:none!important;border:0}
.ct-site-preview-area,.ct-image-canvas-area{min-width:0;width:100%;height:auto!important;min-height:0!important;overflow:visible!important}
.ct-site-preview-toolbar,.ct-image-canvas-toolbar{height:auto!important;min-height:49px;flex-wrap:wrap;gap:8px;padding:9px 12px}
.ct-image-canvas-tools,.ct-preview-devices{max-width:100%;overflow-x:auto}
.ct-site-library-scroll,.ct-site-settings-scroll,.ct-image-panel-scroll,.ct-image-inspector-scroll{height:auto!important;max-height:none!important;overflow:visible!important}
.ct-site-preview-area iframe{max-width:100%}
.ct-image-canvas-shell,.ct-image-canvas-workspace,.ct-canvas-wrap,.ct-canvas-shell{min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ct-image-bottom-bar{flex-wrap:wrap;height:auto!important;gap:8px}
.ct-full-studio :is(input,select,textarea){max-width:100%;min-width:0}
.ct-full-studio :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]){font-size:max(16px,1em)}
.ct-mobile-panel-tabs{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--ct-studio-line);background:var(--ct-studio-panel);overflow-x:auto}
.ct-mobile-panel-tabs button{flex:1;min-height:44px;padding:8px 10px;border:1px solid var(--ct-studio-line);border-radius:9px;background:var(--ct-studio-panel);color:var(--ct-studio-text);font:inherit;font-size:13px;font-weight:700;white-space:nowrap}
.ct-mobile-panel-tabs button[aria-selected=true]{border-color:var(--app-primary,#2e7bff);background:color-mix(in srgb,var(--app-primary,#2e7bff) 10%,var(--ct-studio-panel))}
.ct-full-studio[data-ag-mobile-panel=tools] :is(.ct-site-preview-area,.ct-site-source-panel,.ct-image-canvas-area,.ct-image-inspector),.ct-full-studio[data-ag-mobile-panel=canvas] :is(.ct-site-library,.ct-site-source-panel,.ct-image-assets-panel,.ct-image-inspector),.ct-full-studio[data-ag-mobile-panel=settings] :is(.ct-site-library,.ct-site-preview-area,.ct-image-assets-panel,.ct-image-canvas-area){display:none!important}
.ct-full-studio[data-ag-mobile-panel=tools] :is(.ct-site-library,.ct-image-assets-panel),.ct-full-studio[data-ag-mobile-panel=settings] :is(.ct-site-source-panel,.ct-image-inspector){display:block!important}
.ct-full-studio[data-ag-mobile-panel=canvas] :is(.ct-site-preview-area,.ct-image-canvas-area){display:flex!important;flex-direction:column}
}
@media(max-width:480px){.ct-studio-topbar{padding:10px}.ct-studio-actions{width:100%;justify-content:space-between}.ct-studio-actions .ct-studio-primary{flex:1}.ct-site-preview-toolbar,.ct-image-canvas-toolbar{padding:8px 10px}}
/* Support Desk: retain complete tables, readable messages, and reachable administration controls. */
@media(max-width:1023px){
.sd-shell,.sd-main,.sd-topbar-inner,.sd-footer{min-width:0;max-width:100%}
.sd-main{width:calc(100% - 28px)}
.sd-page-hero,.sd-ticket-hero,.sd-page-header{min-width:0;flex-wrap:wrap}
.sd-create-experience,.sd-thread-layout,.sd-thread-layout-polished,.sd-admin-summary,.sd-context-grid,.sd-policy-grid{grid-template-columns:minmax(0,1fr)}
.sd-sidebar-card{position:static}
.sd-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sd-table-v17{min-width:1180px}
.sd-message-body,.sd-ticket-copy,.sd-credential-value{overflow-wrap:anywhere;min-width:0}
.sd-message-body :is(pre,code){max-width:100%;overflow-x:auto}
.sd-reply-action-row,.sd-compose-commandbar,.sd-compose-command-group{flex-wrap:wrap}
.sd-modal,.sd-split-popover{max-width:calc(100vw - 24px)}
}
@media(max-width:767px){
.sd-main,.sd-topbar-inner,.sd-footer{width:calc(100% - 24px)}
.sd-page-hero,.sd-ticket-hero{gap:16px}
.sd-page-hero{padding:23px 20px}
.sd-page-hero h1,.sd-ticket-hero h1{font-size:clamp(26px,7vw,35px);overflow-wrap:anywhere}
.sd-ticket-hero p{margin-left:0}
.sd-form-row,.sd-inline-fields,.sd-search-form,.sd-search-form-v17{grid-template-columns:minmax(0,1fr)}
.sd-form-row>*{min-width:0}
.sd-main :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:max(16px,1em);max-width:100%}
.sd-main :is(.sd-button,.sd-tool-button){min-height:44px;white-space:normal}
.sd-nav{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.sd-sidebar-stack{grid-template-columns:minmax(0,1fr)}
.sd-access-benefits,.sd-create-benefits{grid-template-columns:minmax(0,1fr)}
.sd-credential-row{grid-template-columns:minmax(0,1fr)}
.sd-ticket-card{min-width:0}
}
@media(max-width:480px){.sd-main,.sd-topbar-inner,.sd-footer{width:calc(100% - 20px)}.sd-page-hero,.sd-form-card,.sd-card-pad{padding:18px}.sd-attention-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ag-premium .core-sidebar,.sb-body *,.ct-full-studio *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}