/* Cumora mobile chrome over the same Studio business pages. */
:root{--skype:var(--accent);--ink-500:var(--muted)}
#mobile-navigation,#mobile-back{display:none}
#mobile-tools-tabs{display:none}
.kb-heading-title,.kb-heading-actions{display:flex;align-items:center;gap:10px;min-width:0}.kb-heading-actions{flex:none}
@media(max-width:760px){
 html,body{width:100%;height:100dvh;min-width:0;overflow:hidden;overscroll-behavior:none}
 body{padding:0 0 calc(68px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column}
 #sidebar{display:none!important}#main{width:100%!important;min-width:0!important;margin:0!important;flex:1;min-height:0}
 .main-top{height:48px!important;min-height:48px!important;padding:0 12px!important;gap:8px}
 .studio-wordmark{font-size:15px!important}.studio-wordmark em,.breadcrumb,.main-top #show-sidebar{display:none!important}
 .main-top .studio-brand-mark{width:24px;height:24px}.main-top .studio-brand-mark img{width:24px;height:24px}
 #mobile-navigation{display:block;position:fixed;z-index:40;left:0;right:0;bottom:0;background:var(--side);border-top:1px solid var(--line)}
 #mobile-navigation nav{display:grid;backdrop-filter:blur(16px)}
 #mobile-navigation button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:8px 0;border:0;background:transparent;border-radius:0;font-size:11px}
 #mobile-navigation button>span{position:relative}#mobile-navigation svg{width:22px;height:22px;display:block}
 #mobile-navigation button>span:last-child{font-weight:500;font-size:10px}
 .auth-locked #mobile-navigation{display:none}.auth-locked{padding-bottom:0!important}
 #workspace,#conversation,#collaboration-view,#group-layout{width:100%!important;min-width:0!important;max-width:100%!important}
 .collab-hub{padding:16px!important}.collab-hub-heading{align-items:stretch!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.collab-search input{width:100%!important;font-size:16px!important}
 .start-work-open #conversation{--home-gutter:14px!important}.start-work-open #conversation #messages{padding-top:18px!important}.start-work-open #composer-area{padding-bottom:12px!important}.start-work-open .work-filter{padding-top:12px!important}.start-work-open .collab-feed{gap:10px!important}.start-work-open .collab-task{height:138px!important;padding:15px 16px!important}
 #group-layout{position:relative;flex:1}.group-list-panel{width:100%!important;min-width:0!important;border-right:0!important;padding:0 10px 12px!important}
 #collaboration-view:not([data-surface=delivery]):not(.all-shared-files) .group-chat{display:none!important}
 body.mobile-room #collaboration-view:not([data-surface=delivery]) .group-list-panel{display:none!important}
 body.mobile-room #collaboration-view:not([data-surface=delivery]) .group-chat{display:flex!important;width:100%!important}
 body.mobile-room #mobile-back{display:block;background:transparent;border:0;color:var(--skype);min-height:44px;padding:0 8px 0 0;font-size:16px}
 body.mobile-room .studio-wordmark{display:none!important}
 #collaboration-view[data-surface=delivery] .group-chat,#collaboration-view.all-shared-files .group-chat{display:flex!important}
 #collaboration-view.all-shared-files .group-list-panel{display:none!important}
 .group-chat-heading{height:auto!important;min-height:58px!important;padding:8px 12px!important;gap:8px}.group-chat-heading>div:first-child{min-width:0}.group-title-line{min-width:0}#group-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #group-title{font-size:17px!important}.group-heading-members{gap:4px!important}
 #group-messages{padding:12px!important}.group-message{max-width:100%!important}.group-message-body{overflow-wrap:anywhere}
 #group-composer{padding:8px 10px!important}.group-input-wrap{padding:8px 10px!important}
 .group-composer-tools{flex-wrap:wrap;gap:4px!important}.group-composer-tools>button{min-height:36px}
 #group-input,#prompt{font-size:16px!important;max-height:120px!important}
 .project-tabs{overflow:auto;white-space:nowrap;gap:4px!important;padding:0 8px!important}
 .project-tabs button{padding:8px!important;min-height:40px;flex:none}
 .project-board{padding:14px!important}.project-task-row{gap:8px!important;padding:13px 2px!important}.project-task-row em{flex:none}.group-chat .shared-toolbar{padding:12px!important}.group-chat .shared-toolbar>input{width:100%!important;flex-basis:100%}.group-members-popover{right:0!important;max-width:calc(100vw - 24px)!important}
 .group-chat #shared-list,.group-chat .collaboration-results{padding:0 12px 16px!important}
 .delivery-grid,.shared-grid,.collaboration-grid,.knowledge-grid{grid-template-columns:1fr!important}
 .project-delivery{min-width:0!important;max-width:100%!important}.project-detail-layout{grid-template-columns:1fr!important}
 dialog{width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 30px)!important;margin:auto;padding:16px!important}
 #delivery-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;padding:0!important;max-height:calc(100dvh - 16px)!important}
 #delivery-dialog .delivery-dialog-header{min-height:48px!important;padding:8px 12px!important;gap:10px!important}#delivery-dialog .delivery-dialog-header h2{font-size:14px!important}
 #delivery-dialog .preview-markdown{padding:14px!important;font-size:14px!important;line-height:1.68!important}#delivery-preview-host{min-width:0!important;flex-direction:column!important}
 #delivery-dialog .delivery-document h1{font-size:19px!important}#delivery-dialog .delivery-document h2{font-size:16px!important;margin-top:1rem!important}#delivery-dialog .delivery-document h3{font-size:14px!important}
 #delivery-dialog .markdown-table-wrap{width:100%;overflow-x:auto!important}.preview-markdown .markdown-table-wrap table{min-width:560px}.preview-markdown .markdown-table-wrap th,.preview-markdown .markdown-table-wrap td{padding:9px 10px!important}
 #preview-panel{width:100%!important;min-width:0!important}.delivery-dialog-actions{flex-wrap:wrap!important;padding:8px!important}
 #delivery-dialog #delivery-edit-form{padding:8px!important;gap:8px!important}#delivery-dialog #delivery-edit{padding:9px 10px!important}#delivery-dialog #delivery-edit-send{padding:8px 12px!important}
 .preview-frame{min-height:50dvh}.sheet-container{overflow:auto}.image-stage img{max-width:100%}
 #account-view{padding:16px!important;overflow:auto!important}.account-layout,.acct-layout{display:block!important;width:100%!important;min-width:0!important}.acct-login{width:100%!important;max-width:440px;margin:0 auto;padding:16px 0!important}
 .account-field input,.account-field textarea,.account-field select{font-size:16px!important;min-height:44px}
 #automatic-tasks-view{padding:12px!important;min-width:0!important;overflow:auto}.calendar-week,.calendar-month{min-width:630px}.calendar-grid{overflow:auto}
 #crm-view,#trends-view,#skills-view,#knowledge-view,#experts-view,#members-view{padding:12px!important;min-width:0!important;overflow:auto}
 .crm-table-wrap,.calendar-body,.sheet-container{overflow:auto!important}
 .content-column{max-width:100%!important;width:100%!important;padding:12px!important}#composer{margin:0!important;width:100%!important}
 .recent-columns,.history-item{grid-template-columns:minmax(0,1fr) 56px 32px!important}.recent-date{display:none}
 #mobile-more,.mobile-action-menu{background:var(--surface);border:1px solid var(--line);border-radius:16px}
 #mobile-more h2{margin:0 0 8px;font-size:18px}#mobile-more button,.mobile-action-menu button{display:block;width:100%;min-height:48px;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);text-align:left;padding:8px 12px;font-size:16px}
 #reveal-file,#client-update{display:none!important}
 button,a,input,textarea,select{touch-action:manipulation}button{max-width:100%}
 body.studio-web .tool-library-split{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
 body.studio-web .tool-library-split>#mobile-tools-tabs{display:flex;grid-row:1;grid-column:1;align-items:center;gap:4px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg)}
 body.studio-web #mobile-tools-tabs strong{flex:1;font-size:20px;font-weight:600}
 body.studio-web #mobile-tools-tabs button{min-width:58px;min-height:34px;padding:6px 12px;border-radius:8px;color:var(--muted);font-size:13px}
 body.studio-web #mobile-tools-tabs button[aria-pressed=true]{background:var(--selected);color:var(--text)}
 body.studio-web .tool-library-split>#conversation,body.studio-web .tool-library-split>#mcp-view{grid-row:2;grid-column:1;min-height:0;border:0}
 body.studio-web .tool-library-split>#mcp-view{display:none}
 body.studio-web .tool-library-split.mobile-tools-mcp>#conversation{display:none}
 body.studio-web .tool-library-split.mobile-tools-mcp>#mcp-view{display:block;overflow-y:auto}
 body.studio-web .tool-library-split #messages.skills-surface,body.studio-web .tool-library-split .mcp-page{padding:14px}
 body.studio-web .tool-library-split .skills-page-heading h1,body.studio-web .tool-library-split .mcp-heading h1{display:none}
 body.studio-web .tool-library-split .skills-page-heading{justify-content:flex-end;margin-bottom:10px}
 body.studio-web .tool-library-split .skill-filters{flex-wrap:nowrap;gap:4px;overflow-x:auto;margin-bottom:14px;padding-bottom:10px}
 body.studio-web .tool-library-split .skill-filter{flex:none;padding:7px 9px}
 body.studio-web .tool-library-split .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.studio-web .tool-library-split .skill-card{padding:12px;min-height:82px}
 body.studio-web .skill-document-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px)}
 body.studio-web .skill-document-heading{padding:16px}.skill-document-heading h2{font-size:19px;line-height:26px}
 body.studio-web .skill-document-body{padding:18px 16px}.skill-document-actions{padding:12px 16px}
 body.studio-web .tool-library-split .mcp-heading{justify-content:flex-end;margin-bottom:12px}
 body.studio-web .tool-library-split .mcp-search{max-width:none;margin-bottom:14px}
}
@media(max-width:760px){
 body.studio-web{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
 body.studio-web #main{height:100%;overflow:hidden}
 body.studio-web #workspace{flex:1;min-height:0}
 body.studio-web #preview-panel[hidden]{display:none!important}
 body.studio-web #messages{padding:18px 14px 12px}
 body.studio-web .welcome{padding:36px 2px 20px}
 body.studio-web .welcome h1{font-size:25px}
 body.studio-web #composer-area{padding:8px 10px 10px}
 body.studio-web #composer{border-radius:14px;padding:10px 10px 7px}
 body.studio-web .composer-note{display:none}
 body.studio-web #files-button{width:40px;height:40px;padding:0;font-size:0;display:grid;place-items:center}
 body.studio-web #files-button svg{width:18px;height:18px}
 body.studio-web #mobile-navigation nav{grid-template-columns:repeat(6,minmax(0,1fr));padding:2px 6px max(env(safe-area-inset-bottom),4px)}
 body.studio-web #mobile-navigation button{min-height:52px;padding:6px 0;color:var(--ink-500)}
 body.studio-web #mobile-navigation button[aria-current]{color:var(--skype)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:760px){
 #main>.main-top{position:relative!important;inset:auto!important;flex:none!important;border-radius:0!important}
 #main{border-radius:0!important}#toast{bottom:90px!important;z-index:80}
 #collaboration-view[data-surface=delivery] #shared-files-panel{display:flex!important;flex-direction:column!important;width:100%!important;overflow:auto!important}
 #collaboration-view[data-surface=delivery] #delivery-selection{display:none!important;grid-column:auto!important;grid-row:auto!important}
 body.mobile-delivery #collaboration-view[data-surface=delivery] #shared-files-panel>:not(#delivery-selection){display:none!important}
 body.mobile-delivery #collaboration-view[data-surface=delivery] #delivery-selection{display:block!important;width:100%;flex:1}
 body.mobile-delivery #mobile-back{display:block;background:none;border:0;color:var(--skype);font-size:16px;min-height:44px}
 body.mobile-delivery .studio-wordmark{display:none!important}
 .delivery-selection-content{width:100%!important;padding:18px 16px 28px!important}.delivery-selection-content>header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 .delivery-selection-state{grid-column:2;grid-row:1}.delivery-selection-hero{grid-template-columns:1fr!important;gap:0!important}.delivery-selection-hero>svg{display:none}.delivery-hero-preview{min-height:0!important;aspect-ratio:16/10;border-right:0!important;border-bottom:1px solid var(--line)}.delivery-hero-copy{padding:16px}.delivery-selection-content>footer button{min-height:44px}
 #shared-files-panel>header{position:static!important;flex:none!important;min-height:58px;padding:12px!important}
 .group-chat #shared-list{padding:0 12px 12px!important}#delivery-scope-tabs{margin:0 12px!important}
}
@media(max-width:760px){
 .brand-field{display:block!important}.brand-field>dt{margin-bottom:6px}.brand-field>dd{margin:0}
 .dataset-grid,.account-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Phone browsers: list first, with one readable column per screen. */
@media(max-width:760px){
 body.studio-web.auth-locked{padding-bottom:0!important}
 body.studio-web #mobile-navigation button{min-height:60px;gap:5px}
 body.studio-web #mobile-navigation button>span:last-child{font-size:11px}
 body.studio-web #mobile-navigation nav{padding:2px 6px max(env(safe-area-inset-bottom),4px)}
 body.studio-web #mobile-navigation svg{width:21px;height:21px}
 body.studio-web .main-top .studio-wordmark{flex:none;min-width:0}
 body.studio-web .main-top .studio-brand-mark{flex:none;min-width:24px}
 body.studio-web .main-top .studio-brand-mark img{width:auto;height:24px}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-files-panel{overflow:hidden!important;background:var(--bg)}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-files-panel>header{height:auto;min-height:56px;padding:14px 16px 8px!important;border:0;background:transparent}
 body.studio-web #collaboration-view[data-surface=delivery] .shared-delivery-title{font-size:22px;font-weight:600}
 body.studio-web #collaboration-view[data-surface=delivery] .shared-delivery-subtitle{display:none}
 body.studio-web #collaboration-view[data-surface=delivery] #delivery-scope-tabs{display:flex;flex:none;gap:24px;margin:0 16px!important;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent}
 body.studio-web #collaboration-view[data-surface=delivery] #delivery-scope-tabs button{height:46px;padding:0 0 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;text-align:center}
 body.studio-web #collaboration-view[data-surface=delivery] #delivery-scope-tabs button[aria-selected=true]{border-bottom-color:var(--action)}
 body.studio-web #collaboration-view[data-surface=delivery] .delivery-scope-copy strong{font-size:15px;font-weight:500;color:var(--muted)}
 body.studio-web #collaboration-view[data-surface=delivery] #delivery-scope-tabs button[aria-selected=true] strong{color:var(--text)}
 body.studio-web #collaboration-view[data-surface=delivery] .delivery-scope-copy small{display:none}
 body.studio-web #collaboration-view[data-surface=delivery] .shared-toolbar{display:block;flex:none;padding:12px 16px!important;border:0;background:transparent}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-search{height:42px;font-size:16px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);border-radius:10px}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-error:empty{display:none}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px!important;border:0;background:transparent}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list .shared-file-row{border-radius:0;border-bottom:1px solid var(--line);margin:0;padding:0;background:transparent;box-shadow:none}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list .shared-file-open{min-height:76px;padding:12px 4px;gap:12px}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list .shared-file-open>span:last-child{min-width:0;flex:1}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list .shared-file-open strong{font-size:15px;font-weight:500}
 body.studio-web #collaboration-view[data-surface=delivery] #shared-list .shared-file-open small{font-size:12px;margin-top:6px}
 body.studio-web.mobile-delivery #collaboration-view[data-surface=delivery] #delivery-selection{min-height:0;overflow-y:auto}
 body.studio-web .delivery-selection-content h2{font-size:20px;overflow-wrap:anywhere}
 body.studio-web .delivery-selection-promise{margin:14px 0 18px;font-size:15px;line-height:1.7}
 body.studio-web .delivery-selection-hero{min-height:0;border-radius:12px}
 body.studio-web .delivery-hero-preview>.result-icon{min-height:0}
 body.studio-web .delivery-selection-content>footer{position:sticky;bottom:0;z-index:2;margin:18px -16px -28px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(12px)}
 body.studio-web .delivery-selection-copy{font-size:15px;line-height:1.8}
 body.studio-web #group-composer{margin:0 10px 10px;padding:10px!important}
 body.studio-web #account-view .account-page{padding:8px 0 24px}
 body.studio-web #account-view .acct-hero{margin-bottom:20px}
 body.studio-web #account-view .acct-hero h1{font-size:24px}
 body.studio-web #account-view .acct-hero p,body.studio-web #account-view .acct-session{display:none}
 body.studio-web #account-view .acct-summary{gap:12px;padding:14px;min-height:88px;flex-wrap:wrap}
 body.studio-web #account-view .acct-avatar{width:48px;height:48px;font-size:21px}
 body.studio-web #account-view .acct-summary strong{font-size:18px}
 body.studio-web #account-view .acct-panel{padding:14px}
}

@media(max-width:760px){
 body.studio-web #messages.library-surface{padding:14px 14px 10px}
 body.studio-web .kb-knowledge-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 12px}
 body.studio-web .kb-knowledge-heading .kb-heading-title{display:flex;align-items:center;gap:10px;min-width:0}
 body.studio-web .kb-knowledge-heading h1{flex:none;font-size:22px;line-height:30px}
 body.studio-web .kb-knowledge-heading #knowledge-space{width:104px;min-width:0;max-width:104px;height:34px;padding:0 24px 0 8px;border:0;background:var(--soft);font-size:12px;line-height:34px;white-space:nowrap;text-overflow:ellipsis}
 body.studio-web .kb-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex:none}
 body.studio-web .kb-heading-actions .primary-button{min-height:38px;padding:0 12px;border-radius:10px;font-size:13px}
 body.studio-web .kb-heading-actions .kb-import-menu summary svg:last-child{display:none}
 body.studio-web .knowledge-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 0 14px;padding:3px;border:0;border-radius:11px;background:var(--soft);overflow:visible}
 body.studio-web .knowledge-nav button{display:grid;place-items:center;min-width:0;min-height:38px;padding:0 8px;border:0!important;border-radius:8px;font-size:13px;white-space:nowrap}
 body.studio-web .knowledge-nav button[aria-current=page]{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.14);color:var(--text)}
 body.studio-web .knowledge-nav button::after{display:none!important}
 body.studio-web .kb-personal-heading{margin-bottom:14px}body.studio-web .kb-personal-heading h1{font-size:20px}body.studio-web .kb-personal-library{overflow:visible}body.studio-web .kb-personal-toolbar{padding-bottom:10px}body.studio-web .kb-personal-toolbar .kb-search{max-width:none}body.studio-web .kb-personal-row{min-height:66px}body.studio-web .kb-personal-open{padding:11px 4px}body.studio-web .kb-personal-copy strong{font-size:14px}body.studio-web .kb-personal-note{padding:12px;margin-bottom:14px}body.studio-web .kb-personal-note textarea{font-size:16px;min-height:94px}
 body.studio-web .kb-browser{flex-direction:column;gap:0;min-height:0}
 body.studio-web .kb-tree{width:100%;flex:0 0 auto;max-height:none;overflow:visible;padding:0 0 12px;border:0}
 body.studio-web .kb-section-tabs{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;background:transparent}
 body.studio-web .kb-section-tab{display:flex;justify-content:space-between;width:100%;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:12px}
 body.studio-web .kb-section-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--action) 65%,var(--line));background:var(--selected);color:var(--text)}
 body.studio-web .kb-section-tab small{font-size:10px}
 body.studio-web .kb-tree-content{display:none}
 body.studio-web .kb-folder-content{width:100%;flex:1;min-height:0;padding:0}
 body.studio-web .kb-breadcrumb{display:none}
 body.studio-web .kb-folder-content .kb-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 0 10px}
 body.studio-web .kb-folder-content .kb-toolbar .kb-search{grid-column:1;grid-row:1;max-width:none;min-width:0;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
 body.studio-web .kb-folder-content .kb-toolbar .kb-search input{font-size:16px}
 body.studio-web .kb-folder-content .kb-toolbar #submission-filter{grid-column:1 / -1;grid-row:2;max-width:none;width:100%;height:40px;font-size:13px}
 body.studio-web .kb-folder-content .kb-toolbar .top-spacer{display:none}
 body.studio-web .kb-library-actions{grid-column:2;grid-row:1;align-self:center}
 body.studio-web .kb-library-actions summary{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
 body.studio-web .kb-library-actions>div{top:46px;min-width:150px}
 body.studio-web .kb-list{min-height:0;overflow:auto}
 body.studio-web .kb-folder-content .kb-table{display:block;min-width:0;width:100%}
 body.studio-web .kb-folder-content .kb-table thead{display:none}
 body.studio-web .kb-folder-content .kb-table tbody{display:block}
 body.studio-web .kb-folder-content .kb-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:60px;border-bottom:1px solid var(--line)}
 body.studio-web .kb-folder-content .kb-table tr:hover td{background:transparent}
 body.studio-web .kb-folder-content .kb-table td{display:none;height:auto;padding:0;border:0}
 body.studio-web .kb-folder-content .kb-table td:first-child{display:block;grid-column:1;min-width:0;padding:8px 8px 8px 0}
 body.studio-web .kb-folder-content .kb-table td:nth-child(3){display:block;grid-column:2;padding:0 4px}
 body.studio-web .kb-folder-content .kb-table td:last-child{display:block;grid-column:3;width:32px}
 body.studio-web .kb-folder-content .kb-name{min-height:44px;padding:0;font-size:14px;gap:10px}
 body.studio-web .kb-folder-content .kb-name svg{width:18px;height:18px;flex:none}
 body.studio-web .kb-folder-content .kb-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:7px;background:var(--soft);font-size:10px}
 body.studio-web .kb-folder-content .kb-empty{padding:48px 18px}
 body.studio-web .kb-folder-content .kb-footer{padding:10px 0 2px;font-size:10px}
}

/* Keep business overflow and personal account actions in separate mobile menus. */
#mobile-menu-open,#mobile-profile-open,#mobile-profile{display:none}
@media(max-width:760px){
 body.studio-web:not(.auth-locked) #mobile-menu-open{display:block;flex:none;min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--text);font-size:15px;white-space:nowrap}
 body.studio-web #mobile-menu{inset:0 auto 0 0;width:min(300px,86vw)!important;max-width:86vw!important;height:100dvh;max-height:100dvh!important;margin:0;padding:0!important;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--side)}
 body.studio-web #mobile-menu[open]{display:flex;flex-direction:column}
 #mobile-menu>header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:8px 16px;border-bottom:1px solid var(--line)}
 #mobile-menu>header strong{font-size:17px;font-weight:600}
 #mobile-menu>header button{min-width:44px;min-height:44px;color:var(--muted);font-size:14px}
 body.studio-web #mobile-menu #sidebar{display:flex!important;flex:1;min-height:0;width:100%;min-width:0;border:0;border-radius:0;padding:0 12px max(8px,env(safe-area-inset-bottom));background:transparent}
 #mobile-menu #sidebar .titlebar,#mobile-menu #sidebar .sidebar-brand{display:none!important}
 #mobile-menu #sidebar .side-top{width:100%;align-items:stretch;padding:12px 0;gap:4px}
 #mobile-menu #sidebar .nav-row{width:100%;height:44px;min-height:44px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:0 14px;margin:0;border-radius:8px;font-size:15px}
 #mobile-menu #sidebar .nav-row>span:not([data-icon]):not([hidden]){display:block;min-width:0;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:15px;line-height:20px}
 #mobile-menu #sidebar .nav-row svg{width:21px;height:21px;flex:none}
 #mobile-menu #sidebar .nav-row.active:before{display:none}
 #mobile-menu #sidebar :is(#spaces-nav,#private-nav,#delivery-nav,#crm-nav,#automatic-tasks-nav,#library-nav,#skills-nav,#members-nav){display:none!important}
 #mobile-menu #sidebar #studio-tools{display:flex!important;gap:4px;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
 #mobile-menu #sidebar .side-bottom{display:none!important}
 #mobile-menu #sidebar :is(#enterprise-entry,#rail-logout,#sidebar-version){display:none!important}
 body.studio-web:not(.auth-locked) #mobile-profile-open{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;color:#fff;font-size:14px;font-weight:600}
 body.studio-web #mobile-profile-open[data-status]:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid var(--side);border-radius:50%;background:var(--muted)}
 body.studio-web #mobile-profile-open[data-status=avail]:after{background:var(--success)}
 body.studio-web #mobile-profile{position:fixed;inset:54px 10px auto auto;width:220px!important;max-width:calc(100vw - 20px)!important;max-height:none!important;margin:0;padding:6px!important;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.32)}
 body.studio-web #mobile-profile[open]{display:block}
 body.studio-web #mobile-profile button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;color:var(--text);font-size:15px;text-align:left}
 body.studio-web #mobile-profile button :is(svg,[data-icon]){width:19px;height:19px;flex:none;color:var(--muted)}
 body.studio-web #mobile-profile button:hover,body.studio-web #mobile-profile button:focus-visible{background:var(--selected)}
 body.studio-web #mobile-profile [data-profile-target=account-logout]{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;color:var(--error)}
}
@media(max-width:760px){
 body.studio-web .calendar-toolbar{height:auto;display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:8px 0 12px;overflow:visible}
 body.studio-web .calendar-heading{white-space:nowrap}
 body.studio-web .calendar-nav{justify-self:center;margin:0;white-space:nowrap}
 body.studio-web .calendar-nav button{height:40px;min-width:32px}
 body.studio-web .calendar-view-switch{grid-column:3;grid-row:1;margin:0}
 body.studio-web .calendar-view-switch button{height:36px;width:30px}
 body.studio-web .calendar-range{grid-column:1 / 3;grid-row:2;min-width:0}
 body.studio-web .calendar-new{grid-column:3;grid-row:2;justify-content:center;min-height:40px;white-space:nowrap}
 body.studio-web .calendar-time-head,body.studio-web .calendar-time-body{min-width:0;grid-template-columns:32px repeat(var(--calendar-days),minmax(0,1fr))}
 body.studio-web .calendar-time-gutter span{padding-right:3px}
 body.studio-web .calendar-month,body.studio-web .calendar-week{min-width:0}
 body.studio-web .calendar-week span{padding:12px 4px 8px}
 body.studio-web .calendar-day{padding:5px 2px}
 body.studio-web #boards-view .boards-page{padding:16px}
 body.studio-web #boards-view .agents-heading{flex-wrap:wrap;gap:12px}
 body.studio-web #boards-view .agents-heading>div{flex:1;min-width:160px}
 body.studio-web #boards-view .agents-heading .primary-button{flex:none;min-height:44px;white-space:nowrap}
}

/* Keep phone composers compact until the user starts writing. */
@media(max-width:760px){
 body.studio-web #group-composer:has(#group-attachments:empty):not(:focus-within){margin-bottom:8px;padding:5px 10px!important;border-color:var(--line)}
 body.studio-web #group-composer:has(#group-attachments:empty):not(:focus-within) .group-input-wrap{min-height:36px;padding:0!important}
 body.studio-web #group-composer:has(#group-attachments:empty):not(:focus-within) #group-input{min-height:36px!important;max-height:36px!important;padding:7px 0}
 body.studio-web #group-composer:has(#group-attachments:empty):not(:focus-within) :is(.group-compose-mode,.composer-toolbar){display:none}
 body.studio-web #composer:has(#attachments:empty):has(#selected-skill:empty):not(:focus-within){padding:5px 10px!important;border-color:var(--line)}
 body.studio-web #composer:has(#attachments:empty):has(#selected-skill:empty):not(:focus-within) #prompt{min-height:36px!important;max-height:36px!important;padding:7px 0}
 body.studio-web #composer:has(#attachments:empty):has(#selected-skill:empty):not(:focus-within) :is(.composer-toolbar,.composer-content-row){display:none}
}
/* Phone web keeps client-only update details out of its compact account surfaces. */
@media(max-width:760px){
 body.studio-web #sidebar-version,body.studio-web #settings .settings-row:has(#client-version),body.studio-web #client-version-note{display:none!important}
}

/* Phone boards keep their original structure; wide tables scroll within the board. */
@media(max-width:760px){
 body.studio-web #workspace.board-detail-page{padding-top:44px}
 .board-detail-nav{height:44px;padding:0 12px;gap:8px}
 .board-detail-nav .quiet-button{min-height:44px;padding:0 4px}
 .board-detail-nav strong{display:none}
 body.studio-web :is(#crm-view,#trends-view){padding:0!important}
 body.studio-web :is(#crm-view .crm-main,#trends-view .trends-main,#sales-playbook-view .sales-page){padding:16px;min-width:0}
 .board-detail{padding:12px 16px 24px;overscroll-behavior:contain}
 .board-detail>header{gap:8px;margin-bottom:14px;flex-wrap:wrap}
 .board-detail>header :is(.quiet-button,.primary-button){min-height:40px;padding:8px;white-space:nowrap;font-size:12px}
 .board-detail-heading{gap:10px;padding-bottom:16px;flex-wrap:wrap}
 .board-detail-heading>div{min-width:0;flex:1 1 210px}
 .board-detail-heading h1{font-size:22px;line-height:1.4;overflow-wrap:anywhere}
 .board-detail-heading p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
 .board-kind-badge{white-space:nowrap;align-self:flex-start}
 .board-maintenance{grid-template-columns:1fr 1fr;margin:14px 0}
 .board-maintenance>div{padding:10px 12px}
 .board-maintenance>div+div{border:0}
 .board-maintenance>div:nth-child(2){border-left:1px solid var(--line-soft)}
 .board-maintenance>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft)}
 .board-maintenance>div:last-child strong{margin:0}
 .board-maintenance strong{white-space:normal;line-height:1.5}
 .board-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
 .board-metrics article{min-width:0;padding:14px}
 .board-metrics strong{font-size:24px;margin:8px 0 4px;overflow-wrap:anywhere}
 .board-metrics p{line-height:1.5}
 .board-sections{grid-template-columns:minmax(0,1fr);gap:12px}
 .board-sections section{padding:16px;overflow-wrap:anywhere}
 .board-sections li{font-size:13px;line-height:1.85;margin:6px 0}
 .usage-updated{font-size:10px;white-space:nowrap}
 .usage-table-wrap,.crm-table-wrap{max-width:100%;overscroll-behavior-x:contain}
 .usage-table-card th,.usage-table-card td{padding:12px;font-size:12px}
 .usage-table-card tr>:first-child:not(.usage-empty){position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 var(--line)}
 .usage-table-card td:first-child small{max-width:112px;white-space:normal;overflow-wrap:anywhere}
 .crm-heading{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px!important}
 .crm-heading h1{min-width:0;white-space:nowrap}
 .crm-heading #crm-refresh{grid-column:2;grid-row:1;min-height:40px}
 .crm-heading #crm-ask{grid-column:1/-1;min-height:42px;font-size:13px}
 .crm-metrics{gap:10px}
 .crm-metrics>div{padding:14px}
 .crm-metrics dd{font-size:26px;margin-top:8px}
 .crm-sales{margin-top:16px}
 .crm-section-heading{flex-wrap:wrap;padding:14px;gap:8px}
 .crm-search{width:100%;margin:4px 0 0;min-height:42px}
 .crm-search input{width:100%;font-size:14px}
 #crm-view .crm-main table{min-width:440px;font-size:12px}
 #crm-view .crm-main th,#crm-view .crm-main td{padding:12px 10px}
 #crm-view .crm-main tr>:first-child{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 var(--line)}
 .crm-table-footer{gap:8px;padding:10px 12px;flex-wrap:wrap}
 .crm-table-footer .icon-button{width:36px;height:36px}
 #crm-sales-coverage{flex:1 1 100%;line-height:1.5}
 .trends-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px}
 .trends-tabs .tab{flex:none;min-height:40px;padding:7px 11px}
 .trends-meta{gap:6px;flex-wrap:wrap;padding:12px 0;line-height:1.5}
 #trends-view .trends-grid,#trends-view:has(.trend-detail) .trends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #trends-view .trend-card{min-height:156px;padding:12px}
 .trend-card h2{font-size:14px;line-height:1.6;margin:10px 0 16px}
 .trend-card footer{flex-wrap:wrap;gap:4px;overflow-wrap:anywhere}
 .trend-card footer,.trend-tag{font-size:11px}
 #trends-view{position:relative}
 #trends-view:has(.trend-detail) .trends-main{visibility:hidden}
 .trend-detail{position:absolute;inset:0;width:100%;border:0;padding:16px;z-index:2}
 .trend-detail header{margin-bottom:16px}.trend-detail header button{width:44px;height:44px}
 .trend-detail footer button{min-height:44px}
 #sales-playbook-view .sales-heading{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px!important}
 #sales-playbook-view .sales-search{width:100%;max-width:none;min-height:44px}
 #sales-playbook-view .sales-categories button{min-height:40px;padding:8px 12px}
 #sales-playbook-view .sales-layout{margin-top:14px;gap:0;grid-template-columns:minmax(0,1fr);overflow:hidden}
 #sales-playbook-view .sales-questions{height:auto;border:1px solid var(--line)}
 #sales-playbook-view .sales-question{min-height:52px}
 #sales-playbook-view .sales-question>svg{opacity:1}
 #sales-playbook-view #sales-detail h2{font-size:19px;line-height:1.6}
 #sales-playbook-view .sales-answer{padding:16px}
 #sales-playbook-view .sales-answer-heading{gap:12px}#sales-playbook-view .sales-actions{margin:0;width:100%;justify-content:space-between}
 #sales-playbook-view .sales-actions button{min-height:42px}
}

/* A phone slide gets the whole width; thumbnails sit below, not beside it. */
@media(max-width:760px){
 #delivery-dialog[data-layout=presentation]{height:calc(100dvh - 16px)}
 #delivery-dialog[data-layout=presentation]:has(.ppt-viewer){height:fit-content}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-header{padding:8px 10px;gap:8px;min-height:52px}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-header h2{font-size:14px}
 #delivery-dialog[data-layout=presentation] #delivery-back{font-size:0;padding:6px;width:32px}
 #delivery-dialog[data-layout=presentation] #delivery-back::before{content:'←';font-size:20px}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-header:has(#delivery-up:not([hidden])) #delivery-back{display:none}
 #delivery-dialog[data-layout=presentation] #delivery-expand{display:none}
 #delivery-dialog[data-layout=presentation] #preview-content{padding:8px;overflow:hidden}
 #delivery-dialog[data-layout=presentation] .ppt-viewer{flex-direction:column;gap:8px}
 #delivery-dialog[data-layout=presentation]:has(.ppt-viewer) #delivery-preview-host{flex:none}
 #delivery-dialog[data-layout=presentation] .ppt-viewer{height:auto}
 #delivery-dialog[data-layout=presentation] .ppt-main{order:0;flex:1;min-width:0}
 #delivery-dialog[data-layout=presentation] .ppt-thumbnails{order:1;flex-direction:row;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-snap-type:x proximity}
 #delivery-dialog[data-layout=presentation] .ppt-thumbnails button{width:76px;scroll-snap-align:center;padding:3px}
 #delivery-dialog[data-layout=presentation] .ppt-thumbnails img{width:68px;height:40px}
 #delivery-dialog[data-layout=presentation] .ppt-toolbar{order:1;height:48px;gap:4px;margin-top:4px}
 #delivery-dialog[data-layout=presentation] .ppt-toolbar button{min-height:44px;min-width:40px;font-size:15px;padding:6px}
 #delivery-dialog[data-layout=presentation] .ppt-toolbar [data-ppt-zoom=fit]{font-size:12px;padding:6px 8px}
 #delivery-dialog[data-layout=presentation] .ppt-counter{min-width:48px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
 #delivery-dialog[data-layout=presentation] .ppt-scale{display:none}
 #delivery-dialog[data-layout=presentation] .ppt-viewport{flex:none;height:calc((100vw - 44px) * .5625 + 16px);background:var(--side);touch-action:pan-y pinch-zoom}
 #delivery-dialog[data-layout=presentation] .ppt-canvas{padding:8px}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-actions{min-height:48px;gap:6px}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-actions button{min-height:40px}
}
@media(max-height:500px) and (max-width:960px){
 #delivery-dialog[data-layout=presentation]{width:calc(100vw - 12px)!important;height:calc(100dvh - 12px);max-height:none}
 #delivery-dialog[data-layout=presentation]:has(.ppt-viewer){height:calc(100dvh - 12px)}
 #delivery-dialog[data-layout=presentation]:has(.ppt-viewer) #delivery-preview-host{flex:1}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-header{min-height:42px;padding:4px 12px}
 #delivery-dialog[data-layout=presentation] .delivery-dialog-actions{display:none}
 #delivery-dialog[data-layout=presentation] #preview-content{padding:6px}
 #delivery-dialog[data-layout=presentation] .ppt-viewer{gap:8px}
 #delivery-dialog[data-layout=presentation] .ppt-viewer{height:100%}
 #delivery-dialog[data-layout=presentation] .ppt-viewport{height:auto;flex:1}
 #delivery-dialog[data-layout=presentation] .ppt-toolbar{height:32px}
 #delivery-dialog[data-layout=presentation] #delivery-edit-form{display:none}
}

/* Knowledge center: the same compact ledger on phone, never a squeezed desktop table. */
@media(max-width:760px){
 body.studio-web .kb-scope-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-height:44px;margin:0 0 12px;padding:3px;border:0;border-radius:11px;background:var(--soft)}
 body.studio-web .kb-scope-tabs button{justify-content:center;gap:5px;height:38px;padding:0 6px;border-radius:8px;font-size:12px}
 body.studio-web .kb-scope-tabs button[aria-selected=true]{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.14)}body.studio-web .kb-scope-tabs button[aria-selected=true]::after{display:none}
 body.studio-web #messages-scroll:has(>.library-surface){overflow:hidden}
 body.studio-web #messages.library-surface{height:100%;min-height:0;overflow:hidden}
 body.studio-web .kb-ledger{flex:1;min-height:0;overflow:hidden}body.studio-web .kb-ledger-toolbar{display:flex;justify-content:flex-end;gap:8px;min-height:0;padding:0 0 8px}
 body.studio-web .kb-ledger-toolbar .kb-search{grid-column:1 / -1;width:100%;max-width:none;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
 body.studio-web .kb-ledger-toolbar .kb-search input{font-size:16px}body.studio-web .kb-ledger-toolbar select{grid-row:2;width:100%;max-width:none;height:40px;font-size:12px}
 body.studio-web .kb-ledger-toolbar>span{margin:0;padding-left:2px;align-self:center;font-size:10.5px}body.studio-web .kb-ledger-toolbar .kb-library-actions{flex:none}
 body.studio-web .kb-ledger-list,body.studio-web .brand-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.studio-web .kb-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;min-height:68px}
 body.studio-web .kb-ledger-open{grid-column:1;min-height:67px;padding:10px 2px;gap:10px}body.studio-web .kb-ledger-icon{width:34px;height:34px}body.studio-web .kb-ledger-copy strong{font-size:14px}
 body.studio-web .kb-ledger-copy small{max-width:100%;font-size:10px}body.studio-web .kb-ledger-state{grid-column:2;max-width:74px;padding:4px 6px;font-size:10px}body.studio-web .kb-ledger-view{grid-column:3;min-width:48px;height:44px;margin:0;padding:0 7px;font-size:12px}body.studio-web .kb-ledger-row>.kb-row-menu{grid-column:4;margin:0}
 body.studio-web .kb-ledger-footer{padding:10px 2px 2px}body.studio-web .kb-upload-guidance{margin:9px 2px 2px;font-size:10px}
 body.studio-web .kb-personal-add>div{right:0;width:min(286px,calc(100vw - 28px));top:44px}body.studio-web .kb-personal-add button{min-height:52px}
 body.studio-web .dataset-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.studio-web .dataset-toolbar .dataset-search{grid-column:1 / -1;min-width:0;max-width:none}
 body.studio-web .dataset-toolbar #dataset-license{grid-column:1}body.studio-web .dataset-toolbar #dataset-purpose{grid-column:2}body.studio-web .dataset-toolbar .dataset-count{grid-column:1 / -1;grid-row:3;width:auto;margin:0}
 body.studio-web .dataset-ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:4px;min-height:82px;padding:0 2px}
 body.studio-web .dataset-ledger-row .kb-ledger-open{grid-column:1 / -1;min-height:56px;padding:8px 0 2px}body.studio-web .dataset-row-files{grid-column:1;grid-row:2;padding:0 0 9px 44px}
 body.studio-web .dataset-ledger-row .kb-ledger-state{grid-column:2;grid-row:2;margin-bottom:9px}body.studio-web .dataset-ledger-row .dataset-actions{grid-column:1 / -1;grid-row:3;justify-content:flex-start;padding:0 0 10px 44px}
}