@media (max-width:900px){main.shell:has(>.wcc-sidebar){width:100%!important;min-width:0!important;max-width:100vw!important;min-height:100dvh!important;display:block!important;overflow-x:clip!important}main.shell:has(>.wcc-sidebar)>.content{width:100%!important;min-width:0!important;max-width:100vw!important;padding:22px 16px calc(64px + env(safe-area-inset-bottom))!important;grid-column:auto!important}main.shell:has(>.wcc-sidebar)>.content>*{min-width:0}main.shell:has(>.wcc-sidebar)>.content :is(section,article,aside,form,fieldset,div){min-width:0}.wcc-sidebar{-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);width:100%!important;min-width:0!important;max-width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;padding:max(9px, env(safe-area-inset-top)) 14px 8px!important;border-right:0!important;border-bottom:1px solid var(--v13-line)!important;background:color-mix(in srgb, var(--v13-sidebar) 94%, transparent)!important;z-index:100!important;align-self:auto!important;position:sticky!important;top:0!important;overflow:hidden!important;box-shadow:0 8px 28px #18282312!important}.wcc-sidebar-topline{align-items:center!important;gap:8px!important;min-height:36px!important;padding:0 126px 8px 0!important;display:flex!important;position:relative!important}.wcc-sidebar .studio-brand{min-width:0!important;max-width:100%!important}.wcc-sidebar .w3-brand-logo{border-radius:10px!important;flex:0 0 32px!important;width:32px!important;height:32px!important}.wcc-sidebar .studio-brand-copy strong{white-space:nowrap!important;font-size:11.5px!important;line-height:1.15!important}.wcc-sidebar .studio-brand-copy small{display:none!important}.wcc-sidebar-search-icon{top:max(9px, env(safe-area-inset-top))!important;z-index:4!important;border-radius:10px!important;width:34px!important;height:34px!important;min-height:34px!important;position:absolute!important;right:14px!important}.wcc-sidebar .wcc-mobile-theme{top:max(9px, env(safe-area-inset-top))!important;z-index:5!important;margin:0!important;display:flex!important;position:absolute!important;right:54px!important}.wcc-sidebar .wcc-mobile-theme .wcc-theme-control{border:1px solid var(--v13-line)!important;background:var(--v13-surface-2)!important;border-radius:10px!important;grid-template-columns:repeat(3,27px)!important;width:auto!important;min-height:34px!important;padding:2px!important;display:grid!important}.wcc-sidebar .wcc-mobile-theme .wcc-theme-control button{touch-action:manipulation!important;border-radius:8px!important;width:27px!important;height:28px!important;min-height:28px!important;padding:0!important;font-size:10px!important}.wcc-sidebar .studio-sidebar-footer{display:none!important}.wcc-sidebar [data-mobile-nav-rail],.wcc-sidebar .studio-nav{cursor:grab;overscroll-behavior-x:contain!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pinch-zoom!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-flow:row!important;align-items:center!important;gap:6px!important;width:calc(100% + 28px)!important;max-width:none!important;margin:0 -14px!important;padding:2px 14px 4px!important;scroll-padding-inline:14px!important;display:flex!important;overflow:scroll hidden!important}.wcc-sidebar [data-mobile-nav-rail]::-webkit-scrollbar{display:none!important}.wcc-sidebar .studio-nav::-webkit-scrollbar{display:none!important}.wcc-sidebar [data-mobile-nav-rail]:active{cursor:grabbing}.wcc-sidebar .wcc-nav-group,.wcc-sidebar .wcc-nav-group-items{display:contents!important}.wcc-sidebar .studio-nav-label{display:none!important}.wcc-sidebar .studio-nav-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;scroll-snap-align:center!important;touch-action:pan-x pinch-zoom!important;border-radius:12px!important;flex:none!important;grid-template-columns:30px auto!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:4px 11px 4px 6px!important;display:grid!important;transform:none!important}.wcc-sidebar .studio-nav-item:hover{transform:none!important}.wcc-sidebar .studio-nav-icon{border-radius:9px!important;flex:0 0 30px!important;width:30px!important;height:30px!important}.wcc-sidebar .studio-nav-icon svg{width:15px!important;height:15px!important}.wcc-sidebar .studio-nav-copy strong{white-space:nowrap!important;font-size:11.5px!important;line-height:1!important}.wcc-nav-external{display:none!important}main.shell:has(>.wcc-sidebar)>.content :is(input,select,textarea){max-width:100%!important;font-size:16px!important}main.shell:has(>.wcc-sidebar)>.content :is(.wcc-btn,.studio-button,.primary-button,.secondary-button,.wi-btn,.w3-button,.inline-button){min-height:44px!important}main.shell:has(>.wcc-sidebar)>.content :is(h1,h2,h3,p,strong,small){overflow-wrap:anywhere}main.shell:has(>.wcc-sidebar) :is(.hero,.studio-tool-hero,.studio-projects-header,.wcc-page-head,.wi-hero){border-radius:18px!important;min-height:auto!important;padding:22px!important}main.shell:has(>.wcc-sidebar) :is(.hero,.studio-tool-hero,.studio-projects-header,.wi-hero){flex-direction:column!important;align-items:flex-start!important;gap:18px!important}main.shell:has(>.wcc-sidebar) :is(.hero,.studio-tool-hero,.studio-projects-header,.wcc-page-head,.wi-hero) h1{letter-spacing:-.045em!important;max-width:100%!important;font-size:clamp(31px,9vw,42px)!important;line-height:1.02!important}main.shell:has(>.wcc-sidebar) :is(.studio-tool-actions,.today-hero-actions,.wi-actions,.wcc-head-actions){flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}main.shell:has(>.wcc-sidebar) :is(.studio-tool-actions,.today-hero-actions,.wi-actions,.wcc-head-actions)>*{flex:145px!important;min-height:44px!important}main.shell:has(>.wcc-sidebar) :is(.crm-layout,.studio-clients-layout,.finance-layout,.today-layout,.security-panel,.studio-project-detail-layout){grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) :is(.wcc-panel,.w3-card,.crm-panel,.finance-panel,.operations-panel,.today-panel,.wi-section,.studio-project-gallery-card,.studio-project-section){border-radius:16px!important;max-width:100%!important}main.shell:has(>.wcc-sidebar) .today-hero{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}main.shell:has(>.wcc-sidebar) .today-hero h1{font-size:clamp(32px,9vw,42px)!important;line-height:1.02!important}main.shell:has(>.wcc-sidebar) .today-core-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .wcc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .operations-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .crm-summary.studio-legacy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .today-core-metrics>a{min-width:0!important;min-height:92px!important;padding:14px!important}main.shell:has(>.wcc-sidebar) .wcc-metrics>*{min-width:0!important;min-height:92px!important;padding:14px!important}main.shell:has(>.wcc-sidebar) .operations-summary article{min-width:0!important;min-height:92px!important;padding:14px!important}main.shell:has(>.wcc-sidebar) .client-kpis>*{min-width:0!important;min-height:92px!important;padding:14px!important}:is(main.shell:has(>.wcc-sidebar) .today-core-metrics strong,main.shell:has(>.wcc-sidebar) .wcc-metrics strong){overflow-wrap:anywhere!important;font-size:clamp(20px,6vw,25px)!important}:is(main.shell:has(>.wcc-sidebar) .today-pulse-strip,main.shell:has(>.wcc-sidebar) .finance-actions-bar,main.shell:has(>.wcc-sidebar) .wi-subnav,main.shell:has(>.wcc-sidebar) .studio-project-tabs){overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pinch-zoom!important;scrollbar-width:none!important;overflow:scroll hidden!important}main.shell:has(>.wcc-sidebar) .today-pulse-strip::-webkit-scrollbar{display:none!important}main.shell:has(>.wcc-sidebar) .finance-actions-bar::-webkit-scrollbar{display:none!important}main.shell:has(>.wcc-sidebar) .wi-subnav::-webkit-scrollbar{display:none!important}main.shell:has(>.wcc-sidebar) .studio-project-tabs::-webkit-scrollbar{display:none!important}main.shell:has(>.wcc-sidebar) .today-pulse-strip{grid-template-columns:repeat(4,minmax(132px,1fr))!important;padding-bottom:5px!important}main.shell:has(>.wcc-sidebar) .today-row-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(main.shell:has(>.wcc-sidebar) .studio-project-gallery,main.shell:has(>.wcc-sidebar) .wcc-sector-layouts){grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .studio-project-gallery-cover{height:190px!important}main.shell:has(>.wcc-sidebar) .studio-project-gallery-body{padding:17px!important}main.shell:has(>.wcc-sidebar) .studio-project-meta-grid{grid-template-columns:1fr!important;gap:10px!important}main.shell:has(>.wcc-sidebar) .studio-project-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}main.shell:has(>.wcc-sidebar) .studio-project-card-actions a{text-align:center!important;justify-content:center!important;align-items:center!important;min-height:42px!important;display:flex!important}:is(main.shell:has(>.wcc-sidebar) .cms-template-library,main.shell:has(>.wcc-sidebar) .wcc-sector-group){padding-inline:15px!important}main.shell:has(>.wcc-sidebar) :is(.pipeline-wrap,.task-board-wrap){overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pinch-zoom!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;scrollbar-color:var(--v13-line-strong) transparent!important;width:100%!important;max-width:100%!important;padding-bottom:10px!important;overflow:scroll hidden!important}main.shell:has(>.wcc-sidebar) .pipeline-wrap .pipeline{flex-direction:row!important;align-items:stretch!important;gap:10px!important;width:max-content!important;min-width:0!important;display:flex!important}main.shell:has(>.wcc-sidebar) .task-board-wrap .task-board{flex-direction:row!important;align-items:stretch!important;gap:10px!important;width:max-content!important;min-width:0!important;display:flex!important}main.shell:has(>.wcc-sidebar) .intelligence-pipeline{flex-direction:row!important;align-items:stretch!important;gap:10px!important;width:max-content!important;min-width:0!important;display:flex!important}main.shell:has(>.wcc-sidebar) .pipeline-column{scroll-snap-align:start!important;flex:0 0 min(82vw,310px)!important;width:min(82vw,310px)!important;min-width:min(82vw,310px)!important}main.shell:has(>.wcc-sidebar) .task-column{scroll-snap-align:start!important;flex:0 0 min(82vw,310px)!important;width:min(82vw,310px)!important;min-width:min(82vw,310px)!important}main.shell:has(>.wcc-sidebar) .intelligence-pipeline .pipeline-column{scroll-snap-align:start!important;flex:0 0 min(82vw,310px)!important;width:min(82vw,310px)!important;min-width:min(82vw,310px)!important}main.shell:has(>.wcc-sidebar) .task-column{min-height:380px!important}main.shell:has(>.wcc-sidebar) .pipeline-column{min-height:340px!important}main.shell:has(>.wcc-sidebar) .wi-content{max-width:100%!important}main.shell:has(>.wcc-sidebar) .wi-subnav{scroll-snap-type:x proximity!important;flex-wrap:nowrap!important;gap:5px!important;width:100%!important;display:flex!important}main.shell:has(>.wcc-sidebar) .wi-subnav a{scroll-snap-align:start!important;touch-action:pan-x pinch-zoom!important;flex:none!important;min-height:42px!important}main.shell:has(>.wcc-sidebar) .wi-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.shell:has(>.wcc-sidebar) .wi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.shell:has(>.wcc-sidebar) .wi-grid.cols-3{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-grid.cols-2{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-form-grid{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-drafts{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-field.wide{grid-column:auto!important}main.shell:has(>.wcc-sidebar) .wi-card{padding:15px!important}main.shell:has(>.wcc-sidebar) .wi-section{padding:16px!important}main.shell:has(>.wcc-sidebar) .wi-section-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}:is(main.shell:has(>.wcc-sidebar) .wi-card-actions a,main.shell:has(>.wcc-sidebar) .wi-card-actions button){flex:135px!important;justify-content:center!important;min-height:42px!important}main.shell:has(>.wcc-sidebar) .finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}main.shell:has(>.wcc-sidebar) .finance-summary article{min-width:0!important;min-height:94px!important;padding:14px!important}main.shell:has(>.wcc-sidebar) :is(.crm-panel,.finance-panel,.operations-panel,.wcc-panel,.studio-project-section):has(table){-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;overflow-x:auto!important}main.shell:has(>.wcc-sidebar) table{width:max(100%,640px)!important;min-width:640px!important}main.shell:has(>.wcc-sidebar) :is(.task-modal-backdrop,.modal-backdrop){padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))!important}main.shell:has(>.wcc-sidebar) :is(.task-modal,.modal,[role=dialog]){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overscroll-behavior:contain!important;overflow-y:auto!important}}@media (max-width:620px){main.shell:has(>.wcc-sidebar)>.content{padding:18px 14px calc(56px + env(safe-area-inset-bottom))!important}main.shell:has(>.wcc-sidebar) :is(.hero,.studio-tool-hero,.studio-projects-header,.wcc-page-head,.wi-hero){border-radius:17px!important;padding:19px!important}:is(main.shell:has(>.wcc-sidebar) .today-panel,main.shell:has(>.wcc-sidebar) .wcc-panel,main.shell:has(>.wcc-sidebar) .crm-panel,main.shell:has(>.wcc-sidebar) .finance-panel,main.shell:has(>.wcc-sidebar) .operations-panel,main.shell:has(>.wcc-sidebar) .wi-section){border-radius:15px!important}main.shell:has(>.wcc-sidebar) .finance-summary{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-opportunity{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wi-score{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:10px 12px!important}main.shell:has(>.wcc-sidebar) .wi-score strong{margin-top:0!important}main.shell:has(>.wcc-sidebar) .wi-rule{grid-template-columns:1fr auto!important;gap:9px!important}main.shell:has(>.wcc-sidebar) .wi-rule>label{grid-column:1/-1!important}main.shell:has(>.wcc-sidebar) .wi-timeline-item{grid-template-columns:1fr!important;gap:4px!important}main.shell:has(>.wcc-sidebar) .studio-project-card-actions{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wcc-sector-group{padding:15px!important}main.shell:has(>.wcc-sidebar) .wcc-sector-layout{grid-template-columns:1fr!important}main.shell:has(>.wcc-sidebar) .wcc-sector-layout-preview{min-height:145px!important}:is(main.shell:has(>.wcc-sidebar) .crm-form-grid,main.shell:has(>.wcc-sidebar) .task-modal-grid){grid-template-columns:1fr!important}}@media (max-width:380px){.wcc-sidebar-topline{padding-right:118px!important}.wcc-sidebar .studio-brand-copy{display:none!important}.wcc-sidebar .wcc-mobile-theme{right:52px!important}.wcc-sidebar .wcc-mobile-theme .wcc-theme-control{grid-template-columns:repeat(3,25px)!important}.wcc-sidebar .wcc-mobile-theme .wcc-theme-control button{width:25px!important}main.shell:has(>.wcc-sidebar) .today-core-metrics{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .wcc-metrics{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .operations-summary{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .client-kpis{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .crm-summary.studio-legacy-metrics{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .wi-grid.cols-4{grid-template-columns:1fr 1fr!important}main.shell:has(>.wcc-sidebar) .wi-metrics{grid-template-columns:1fr 1fr!important}}
