html,body{max-width:100%;overflow-x:clip}img,video,canvas,svg,input,select,textarea,button{max-width:100%}@media (max-width:1180px) and (min-width:761px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px;padding-inline:14px}.page{padding:34px 28px 60px}.topbar{padding-inline:28px}.dashboard-grid,.project-modules,.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.agents-panel,.wide-panel,.finance-quick-add{grid-column:1/-1}.customer-studio-nav,.management-tabs,.new-customer-workspace-tabs,.design-team-workspace>nav{overscroll-behavior-inline:contain;scrollbar-width:thin;max-width:100%;overflow-x:auto}}@media (max-width:900px){.page-heading,.design-team-workspace>header,.customer-portal-builder>header,.media-toolbar,.presentation-save-row{flex-wrap:wrap;align-items:flex-start}.page-heading>div,.page-heading>section,.customer-portal-builder>header>div,.media-toolbar>div{min-width:0}.project-overview,.dd-summary,.finance-summary,.presentation-media-grid,.lead-template-grid,.lead-version-history>div{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-onboarding,.media-shell,.portal-settings,.settings-workspace{grid-template-columns:1fr}.dd-onboarding>aside,.media-shell>aside,.settings-workspace>aside{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.dd-onboarding>aside{padding:12px;display:flex}.dd-onboarding>aside>small,.dd-onboarding>aside>h2{display:none}.dd-onboarding>aside>button{flex:none;min-width:150px}.modal,.customer-modal,.support-modal,.vision-library,.design-task-composer-backdrop>form{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}@media (max-width:760px){:root{--mobile-page-gutter:16px}.app-shell{min-width:0;display:block}.sidebar{width:100%;height:auto;padding:12px var(--mobile-page-gutter) 10px;position:relative;inset:auto;overflow:visible}.brand-row{min-height:42px;padding:0 1px 9px}.brand-actions{flex:none}.sidebar-collapse,.sidebar-expand,.nav-label,.nav-divider,.system-state,.workspace-context-note{display:none!important}.sidebar>nav{overscroll-behavior-inline:contain;scrollbar-width:none;gap:5px;min-width:0;padding-bottom:2px;display:flex;overflow:auto visible}.sidebar>nav::-webkit-scrollbar{display:none}.management-tabs::-webkit-scrollbar{display:none}.new-customer-workspace-tabs::-webkit-scrollbar{display:none}.customer-studio-nav::-webkit-scrollbar{display:none}.sidebar .nav-section,.sidebar .app-nav-section,.sidebar .settings-nav-section{border:0;flex:none;margin:0;padding:0;display:flex}.sidebar .nav-link,.workspace-back{white-space:nowrap;min-height:40px;padding-inline:11px}.projects-nav .nav-link span,.design-workspace-nav .nav-link span{display:inline}.sidebar-footer{margin:6px 0 0;padding:0;display:flex}.sidebar-footer:empty{display:none}.sidebar-footer:not(:has(>.nav-link)){display:none}.sidebar-footer>.nav-link{min-height:36px}.main-wrap{width:100%;min-width:0}.topbar{height:52px;padding:0 var(--mobile-page-gutter)}.date-chip{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 88px);font-size:9px;overflow:hidden}.page{width:100%;padding:22px var(--mobile-page-gutter) 72px}.page-heading{gap:16px;margin-bottom:22px}.page-heading h1,.company-page-heading h1,.project-heading>.page-heading h1{font-size:clamp(28px,9vw,36px)}.page-heading p{line-height:1.5}.primary-button,.page-heading>button,.page-heading>a{min-height:42px}.focus-banner{grid-template-columns:auto minmax(0,1fr);padding:16px}.dashboard-grid,.project-modules,.finance-grid,.dd-module-grid,.dd-form-preview,.portal-module-grid,.portal-preview main>div,.media-assets,.permission-groups,.admin-preview-grid{grid-template-columns:minmax(0,1fr)}.agents-panel,.wide-panel,.finance-quick-add,.dd-form-preview label.wide{grid-column:auto}.panel,.dd-editor-shell>header,.dd-form-preview,.settings-content>header,.organization-invitations,.test-user-creator,.member-permission-matrix{padding-inline:14px}.project-top-grid,.customer-manager-body,.customer-board-head,.media-customer-strip,.presentation-save-row{grid-template-columns:minmax(0,1fr)}.project-heading{min-width:0}.project-title-mark,.project-title-mark.logo-mark,.project-title-mark.logo-mark img{min-width:42px;width:42px!important;height:42px!important}.project-cards,.project-overview,.dd-summary,.finance-summary,.presentation-media-grid,.lead-template-grid,.lead-version-history>div{grid-template-columns:minmax(0,1fr)}.settings-workspace>aside{gap:5px;padding:7px;display:flex}.settings-workspace-picker,.settings-workspace>aside>button{flex:none;min-width:145px}.settings-workspace-picker{border:0;align-content:center;margin:0;padding:0 7px 0 2px}.organization-state-card,.organization-invitation-list article,.test-user-list article,.lead-pipeline article{grid-template-columns:minmax(0,1fr) auto}.organization-state-card>span,.organization-state-card>i,.lead-pipeline article>span:first-child{display:none}.organization-invitations>form,.test-user-creator>form,.media-intake form,.media-asset-detail form,.design-task-composer-backdrop form>div{grid-template-columns:minmax(0,1fr)}.media-intake,.media-asset-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);bottom:10px;right:10px;overflow-y:auto}.profile-popover{width:min(250px,100vw - 20px);position:fixed;top:58px;right:10px}.os-assistant{bottom:12px;right:12px}.os-assistant-panel,.os-assistant-panel.with-chat-sidebar{width:min(430px,100vw - 24px);max-height:calc(100dvh - 82px);bottom:58px;right:0}.deck-projects-shell{grid-template-columns:34px minmax(0,1fr) 34px}.deck-projects>a{width:min(280px,100vw - 104px)}.deck-intro{padding-inline:var(--mobile-page-gutter)}}@media (max-width:430px){.project-heading{align-items:flex-start}.project-cards,.project-overview,.vision-grid,.social-grid,.company-detail-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.notebook-fields,.founder-detail-pair{grid-template-columns:minmax(0,1fr)}.notebook-tabs,.management-tabs,.new-customer-workspace-tabs,.customer-studio-nav{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.deck-discreet-control{right:16px}.deck-discreet-split{width:100%}.deck-discreet{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
