.sidebar-mobile-close,.sidebar-backdrop,.mobile-menu-icon{display:none}@media (max-width:900px){body.mobile-navigation-open{overflow:hidden}.crm-shell,.premium-ui .crm-shell{grid-template-columns:minmax(0,1fr)}.sidebar,.premium-ui .sidebar{z-index:31;overscroll-behavior:contain;width:min(300px,100vw - 48px);height:100dvh;padding-top:22px;display:none;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:24px 0 70px #02100da8}.sidebar.mobile-open{animation:.22s cubic-bezier(.2,.8,.2,1) both responsive-sidebar-in;display:flex}.sidebar .brand{padding-right:46px}.sidebar-mobile-close{z-index:2;color:#d9eee5;background:#173c2f;border:1px solid #6ccfa73b;border-radius:11px;place-items:center;width:40px;height:40px;position:absolute;top:22px;right:16px}.sidebar.mobile-open .sidebar-mobile-close,.sidebar-backdrop{display:grid}.sidebar-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02100d99;border:0;width:100%;height:100%;padding:0;animation:.18s both responsive-backdrop-in;position:fixed;inset:0}.mobile-brand{background:#081d17;border:1px solid #227658;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative;box-shadow:0 8px 22px #092d201f}.mobile-brand .brand-logo.compact{width:34px;height:34px}.mobile-menu-icon{color:#042117;box-sizing:content-box;background:#62efbb;border:2px solid #f8fcfa;border-radius:7px;padding:2px;display:block;position:absolute;bottom:-4px;right:-4px}.topbar,.premium-ui .topbar{gap:14px;height:72px;padding-inline:22px}.topbar .search{width:min(500px,100vw - 250px);margin-right:auto}.content,.premium-ui .content{width:100%;max-width:none;padding:30px 24px 48px}.page-heading>div:first-child,.tasks-toolbar>div:first-child,.calendar-toolbar>div:first-child{min-width:0}.settings-drawer{width:min(760px,100%)}.integration-grid,.wa-builder,.emby-layout{grid-template-columns:minmax(0,1fr)}.task-create-card,.wa-review,.calendar-agenda{position:static}}@media (max-width:600px){.topbar,.premium-ui .topbar{gap:10px;height:66px;padding-inline:14px}.topbar .search{display:none}.top-actions{margin-left:auto}.top-actions .primary-button{min-height:44px;padding:10px 14px}.content,.premium-ui .content{padding:24px 14px 42px}.page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.page-heading h1{max-width:100%;font-size:clamp(27px,8.5vw,34px)}.heading-actions,.data-mode-toggle{width:100%}.data-mode-toggle{justify-content:flex-start}.data-mode-toggle>i{margin-left:auto}.metrics{gap:12px}.metrics article{min-width:0;padding:17px}.panel-heading,.ai-title,.tasks-toolbar,.wa-section-head{align-items:flex-start}.panel-heading{flex-wrap:wrap;gap:12px}.panel-heading>div{flex:210px;min-width:0}.panel-heading button{min-height:40px}.pipeline-panel,.ai-panel,.tasks-panel,.contacts-panel{padding:16px}.pipeline-grid{scroll-snap-type:x proximity;margin-inline:-4px;padding:2px 4px 8px;scroll-padding-inline:4px}.pipeline-grid .stage{scroll-snap-align:start}.contacts-panel{overflow:visible}.contact-table,.company-table{gap:10px;min-width:0;display:grid}.contact-table .table-head,.company-table .company-table-head{display:none}.contact-row-button,.company-row{background:#fff;border:1px solid #dceae4;border-radius:13px;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:14px;display:grid;box-shadow:0 8px 24px #0f38290a}.contact-row-button:hover,.company-row:hover{transform:none}.contact-name,.company-name{border-bottom:1px solid #edf3f0;min-width:0;padding-bottom:10px}.contact-name>span,.company-name>span{min-width:0}.contact-name small,.company-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-row-button>span[data-label],.company-row>span[data-label]{text-align:right;grid-template-columns:minmax(104px,auto) minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.contact-row-button>span[data-label]:before,.company-row>span[data-label]:before{content:attr(data-label);color:#789087;text-align:left;font-size:12px;font-weight:750}.company-domain{overflow-wrap:anywhere;justify-content:flex-end}.contacts-directory .panel-heading,.companies-directory .panel-heading{flex-direction:column;align-items:stretch}.contacts-directory .panel-heading>div,.companies-directory .panel-heading>div{flex:none}.contacts-directory .panel-heading button,.companies-directory .panel-heading button,.tasks-count{justify-content:center;width:100%}.task-create-card,.task-list-card{padding:17px}.task-form-row{grid-template-columns:minmax(0,1fr)}.workspace-task{grid-template-columns:auto minmax(0,1fr);align-items:start}.workspace-task-copy>b{text-overflow:clip;white-space:normal;overflow:visible}.workspace-task-copy>span{flex-wrap:wrap}.task-reassign{grid-column:1/-1}.calendar-toolbar h2{font-size:clamp(27px,8.5vw,32px)}.calendar-toolbar-actions,.calendar-month-nav{width:100%}.calendar-today,.calendar-create{min-height:44px}.calendar-mobile-strip{scroll-snap-type:x proximity}.calendar-mobile-strip button{scroll-snap-align:start}.integration-hero,.wa-hero,.emby-hero{border-radius:18px}.integration-hero{gap:14px;padding:20px}.integration-security{width:100%}.integration-form-row,.wa-field-grid,.wa-field-grid.three,.wa-filter-grid,.wa-schedule-options,.emby-mini-metrics,.emby-report-grid,.emby-form{grid-template-columns:minmax(0,1fr)}.wa-hero{padding:20px}.wa-connection{width:100%;margin-left:0}.wa-tabs{scroll-snap-type:x proximity;scroll-padding-inline:5px}.wa-tabs button{scroll-snap-align:start;min-height:44px}.wa-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-metric-grid article{min-width:0}.wa-quick-launch{min-height:300px}.wa-quick-launch>div{max-width:100%}.wa-editor-actions{flex-direction:column;align-items:stretch}.wa-editor-actions small{width:100%}.wa-editor-actions button{justify-content:center;width:100%}.emby-hero{padding:20px}.emby-tools{scroll-snap-type:x proximity;grid-template-columns:none;gap:7px;padding:10px;display:flex;overflow-x:auto}.emby-tools>button{scroll-snap-align:start;flex:0 0 148px;min-width:148px}.emby-security span{white-space:normal;width:100%;padding-left:27px}.emby-stage,.emby-tool-panel{min-width:0}.emby-prompts{margin-left:0}.modal-backdrop{align-items:end;padding:6px}.modal,.modal.lead-modal,.lead-detail-modal,.calendar-modal{border-radius:20px 20px 14px 14px;width:100%;max-height:calc(100dvh - 12px);padding:28px 18px 22px;overflow-y:auto}.modal-close{width:40px;height:40px}.lead-form{gap:18px;margin-top:22px}.lead-form fieldset{padding:16px}.lead-field-grid,.lead-detail-grid{grid-template-columns:minmax(0,1fr)}.lead-form>.primary-button{width:100%;min-height:48px}.lead-detail-head{align-items:flex-start}.lead-detail-head>span{flex:0 0 48px;width:48px;height:48px}.lead-detail-footer,.settings-actions{flex-direction:column;align-items:stretch}.settings-drawer{width:100%}.settings-drawer>header,.settings-body,.settings-drawer>nav{padding-left:16px;padding-right:16px}.settings-drawer>nav{scrollbar-width:none;overflow-x:auto}.settings-drawer>nav button{flex:none;min-height:44px}.invite-card{padding:16px}.invite-fields,.invite-fields.identity-fields,.permission-grid{grid-template-columns:minmax(0,1fr)}.invite-card form>.primary-button{justify-self:stretch;width:100%}.team-directory article{grid-template-columns:42px minmax(0,1fr)}.team-member-actions{grid-column:1/-1;justify-items:stretch}.team-member-actions>*{justify-content:center;width:100%}.auth-gate{align-items:start;padding:10px}.premium-ui .auth-card,.auth-card{border-radius:21px;margin-block:6px;padding:26px 22px}}@media (max-width:360px){.sidebar,.premium-ui .sidebar{width:calc(100vw - 32px)}.topbar,.premium-ui .topbar{padding-inline:10px}.top-actions .primary-button{padding-inline:11px}.content,.premium-ui .content{padding-inline:10px}.metrics,.wa-metric-grid{grid-template-columns:minmax(0,1fr)}.contact-row-button>span[data-label],.company-row>span[data-label]{grid-template-columns:minmax(92px,auto) minmax(0,1fr)}.lead-delete-actions{grid-template-columns:minmax(0,1fr)}}@keyframes responsive-sidebar-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes responsive-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sidebar.mobile-open,.sidebar-backdrop{animation:none}}
