@media screen and (max-width:760px){html :is(.app-shell,.platform-page,.auth-page,.meta-select-page){max-width:100%}html :is(.page-wrap,.main-area,.section-intro,.filter-row,.panel-head,.workspace-title,.crm-filter-group){min-width:0}html :is(.section-intro,.welcome-row,.panel-head,.workspace-hero-actions,.drawer-head){flex-wrap:wrap}html :is(.section-intro,.welcome-row){align-items:flex-start;gap:1rem}html :is(.section-intro h2,.welcome-row h2,.drawer-head h2,.panel-head h3){overflow-wrap:anywhere}html :is(.app-shell,.platform-page,.auth-page,.meta-select-page) :is(input,select,textarea){min-width:0;max-width:100%;font-size:1rem!important}html :is(.app-shell,.platform-page) :is(label,.badge,.panel-head p,.section-intro p,.mobile-select-nav>span){font-size:.875rem;line-height:1.5}html :is(.app-shell,.platform-page) :is(button,.quick-action-btn,.primary-button,.secondary-button,.icon-button){touch-action:manipulation;min-height:44px}html :is(.form-grid,.drawer-grid,.call-followup-grid,.settings-grid,.settings-profile,.settings-profile>div:last-child,.workspace-overview-grid,.strategy-grid,.automation-grid,.client-portal-grid,.analytics-layout,.report-grid,.team-layout,.client-field-builder-controls){grid-template-columns:minmax(0,1fr)}html :is(.form-grid,.drawer-grid)>.full{grid-column:1}html :is(.seo-control-grid,.seo-score-grid,.seo-metrics,.seo-automation-grid,.seo-connections>div:last-child,.report-columns){grid-template-columns:minmax(0,1fr)}html .seo-tabs{width:100%;min-width:0;overflow-x:auto}html .seo-tabs button{flex-shrink:0}html :is(.report-kpis,.task-summary){grid-template-columns:repeat(2,minmax(0,1fr))}html .report-document{padding:1rem}html :is(.panel,.client-card,.team-cards article,.approval-card,.content-card,.asset-grid article){min-width:0}html :is(.filter-row,.crm-filter-bar,.crm-filter-group,.crm-select-filters){flex-wrap:wrap;gap:.625rem;display:flex}html :is(.filter-row,.crm-select-filters)>:is(label,select,.search-control,.crm-search-wrap){flex:100%;width:100%}html :is(.workspace-tabs,.drawer-tabs,.view-toggle,.asset-filters){overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}html :is(.workspace-tabs,.drawer-tabs,.view-toggle)>button{white-space:nowrap;flex-shrink:0}html .zoho-pipeline-stepper{border-radius:1rem;margin:1rem;padding:1rem}html .zoho-pipeline-stepper :is(.stepper-title,.stepper-bar){display:none}html .zoho-pipeline-stepper .pipeline-mobile-stage{gap:.5rem;width:100%;margin:0;display:grid}html .pipeline-mobile-stage select{width:100%;min-height:48px;color:var(--ink);padding-right:2.5rem}html .lead-drawer-wide{width:100%;max-width:100vw}html .lead-drawer-wide .drawer-head{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:1rem;display:grid}html .lead-drawer-head-actions{flex-shrink:0;gap:.5rem}html .lead-drawer-head-actions .danger-button{width:44px;padding:0;font-size:0}html .lead-drawer-head-actions .danger-button svg{width:18px;height:18px}html .lead-drawer-wide .drawer-head h2{font-size:1.25rem;line-height:1.3}html .crm-drawer-quick-bar{flex-wrap:wrap;gap:.625rem;padding:0 1rem 1rem;display:flex}html .crm-drawer-quick-bar .quick-action-btn{overflow-wrap:anywhere;flex:auto;justify-content:center;padding:.75rem;font-size:.875rem}html .drawer-assign-quick{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;margin:0;display:grid}html .drawer-assign-select{width:100%;min-width:0}html .drawer-content{padding:1rem}html :is(.crm-log-box,.lead-custom-field-summary,.lead-service-packages-summary){min-width:0}html :is(.lead-package-list,.lead-details-grid,.lead-package-summary,.lead-audit-grid,.call-followup-grid){grid-template-columns:minmax(0,1fr)}html .call-outcome-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}html .call-outcome-pills .outcome-pill{white-space:normal;padding:.625rem;font-size:.875rem;line-height:1.3}html .call-summary-space textarea{min-height:132px}html .lead-drawer-wide .crm-scope-pills{display:flex}html :is(.task-table,.report-list,.analytics-table,.recent-assets,.client-lead-list,.crm-report-table,.crm-lead-table,.crm-table-wrap,.admin-table,.platform-record-table){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}html .task-table .table-head{display:none}html .task-table .table-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;min-width:0;padding:1rem;display:grid}html .task-table .work-task-open{grid-column:1/-1}html .task-table .work-task-open :is(strong,small){white-space:normal;overflow-wrap:anywhere;font-size:.875rem}html .task-table .table-row>[data-label]{overflow-wrap:anywhere;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;min-width:0;display:flex}html .task-table [data-label]:before{content:attr(data-label);color:#7a8697;flex:0 0 100px;font-size:.875rem}html .task-table select{flex:1;min-width:0;min-height:44px}html .task-table .table-row>span:last-child{grid-column:2}html :is(.client-card-grid,.asset-grid,.team-cards,.report-grid,.approval-grid,.analytics-kpis,.analytics-grid,.task-layout),html .approval-grid>.approval-card{grid-template-columns:minmax(0,1fr)}html :is(.board-wrap,.crm-board-wrap){overscroll-behavior-x:contain;scroll-snap-type:x proximity;max-width:100%}html :is(.board-column,.crm-board-column){scroll-snap-align:start;flex-shrink:0}html :is(.admin-dashboard-grid,.admin-dashboard-grid-bottom,.admin-pipeline-layout,.admin-analytics-mini-grid,.admin-source-layout){grid-template-columns:minmax(0,1fr)}html .admin-dashboard-title{flex-wrap:wrap;gap:1rem}html .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html .admin-kpi{padding:1rem}html .admin-kpi strong{overflow-wrap:anywhere;font-size:1.25rem}html .admin-kpi span{font-size:.875rem}html .admin-kpi small{font-size:.75rem}html :is(.admin-section-head,.admin-activity-feed button){flex-wrap:wrap;align-items:flex-start}html :is(.admin-followup-summary,.admin-quick-actions){grid-template-columns:repeat(2,minmax(0,1fr))}html :is(.admin-table,.admin-team-table,.admin-priority-table){max-width:100%;overflow-x:auto}html :is(.admin-funnel,.admin-stage-conversion,.admin-chart){min-width:0}html .admin-funnel button{clip-path:none;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;width:100%!important}html .admin-priority-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}html :is(.lead-intake-summary-head,.lead-service-package-summary>div,.lead-audit-summary,.lead-custom-field-summary>div){grid-template-columns:minmax(0,1fr)}html .phone-notification-controls{border-bottom:1px solid var(--border);padding:1rem}html .phone-notification-controls p{margin:0 0 .625rem;font-size:.875rem;line-height:1.5}html .phone-notification-controls button{width:100%}html :is(.modal-card,.modal-wide,.content-drawer){max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top))}html .modal-actions{padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex-wrap:wrap;gap:.625rem;bottom:0}html .modal-actions>button{flex:130px}html :is(.work-select-filters,.work-kind-filters){gap:.5rem}html .work-select-filters>label{flex:100%}html .work-notification-panel{top:calc(70px + env(safe-area-inset-top));max-height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}html.native-mobile :is(.metric-card>span,.metric-card small,.panel-head p,.drawer-section p,.content-card p,.content-meta>span,.crm-lead-card,.filter-row label){font-size:.875rem}html.native-mobile .metric-card{min-height:152px}html.native-mobile .metric-card>strong{font-size:1.375rem}html.native-mobile .native-app-nav{max-width:100vw;height:calc(76px + env(safe-area-inset-bottom))}html.native-mobile .native-app-nav button{min-width:0;min-height:56px}html.native-mobile .native-app-nav button small{font-size:.75rem}html.native-mobile .sidebar .nav-item span{font-size:.875rem}html.native-mobile .sidebar .nav-submenu{grid-template-columns:repeat(2,minmax(0,1fr))}html.native-mobile .crm-scope-pills{flex-wrap:wrap;display:flex}html.native-mobile .crm-scope-pills button{padding-inline:.75rem;font-size:.875rem}html.native-mobile .content-drawer :is(.drawer-head,.drawer-content,.drawer-actions){padding-inline:1rem}}
:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-space-6:32px;--ui-card-padding:24px;--ui-page-padding:32px;--ui-gap:24px;--ui-radius:14px;--ui-font-caption:12px;--ui-font-body:14px;--ui-font-title:16px;--ui-font-page:clamp(24px, 2vw, 30px);--ui-font-metric:clamp(24px, 2vw, 30px);--ui-control-height:42px;--ui-control-radius:10px;--ui-control-padding:14px;--ui-card-shadow:0 2px 8px #0f172a08}.app-shell .page-wrap{padding:var(--ui-page-padding)}.app-shell :is(.ui-card,.panel,.metric-card,.admin-dashboard-card,.admin-kpi,.portal-kpi,.client-card){border:1px solid var(--line);border-radius:var(--ui-radius);min-width:0;box-shadow:var(--ui-card-shadow)}.ui-card{background:var(--surface)}.ui-card-body{padding:var(--ui-card-padding)}.ui-page-stack{gap:var(--ui-gap);min-width:0;display:grid}.ui-page-stack>*{min-width:0;margin-block:0}.ui-card-grid{gap:var(--ui-gap);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));display:grid}.app-shell :is(.panel-head,.admin-section-head){padding:var(--ui-card-padding);gap:var(--ui-space-4)}.app-shell :is(.panel-head h3,.admin-section-head h3,.ui-card h3){font-size:var(--ui-font-title);margin:0;line-height:1.4}.app-shell :is(.panel-head p,.admin-section-head p){margin:var(--ui-space-1) 0 0;color:var(--muted);font-size:var(--ui-font-caption);line-height:1.6}.app-shell .section-intro{gap:var(--ui-space-5);align-items:flex-start}.app-shell .section-intro h2{font-size:var(--ui-font-page);line-height:1.25}.app-shell .section-intro p{font-size:var(--ui-font-body);line-height:1.6}.app-shell :is(.metric-card,.admin-kpi,.portal-kpi,.client-card){padding:var(--ui-card-padding)}.app-shell :is(.metric-card>span,.admin-kpi-copy small,.portal-kpi>p){font-size:var(--ui-font-caption);white-space:normal;line-height:1.5}.app-shell :is(.metric-card>strong,.admin-kpi-copy strong,.portal-kpi>strong){font-size:var(--ui-font-metric);line-height:1.2}.app-shell :is(.metric-card small,.admin-kpi-copy em,.portal-kpi>small){font-size:var(--ui-font-caption);color:var(--muted);line-height:1.5}.app-shell :is(.metric-grid,.analytics-kpis,.report-metric-grid,.member-kpi-grid){gap:var(--ui-space-4);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.app-shell :is(.admin-dashboard-grid-main,.workspace-overview-grid,.member-report-panels){gap:var(--ui-gap)}.app-shell .admin-kpi-grid{padding:var(--ui-card-padding);gap:var(--ui-space-4)}.app-shell .portal-kpi-grid{gap:var(--ui-space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell .admin-dashboard-grid-bottom{gap:var(--ui-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .admin-side-stack{gap:var(--ui-gap)}.app-shell .admin-source-layout{padding:var(--ui-card-padding);gap:var(--ui-space-4);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.app-shell .admin-team-table>*{min-width:700px}.app-shell .admin-team-table.no-finance>*{min-width:620px}.app-shell :is(.primary-button,.secondary-button,.portal-primary-button,.portal-ghost-button,.quick-action-btn,.view-toggle button,.crm-scope-pills button){min-height:var(--ui-control-height);height:auto;padding:var(--ui-space-2) var(--ui-control-padding);border-radius:var(--ui-control-radius);font-size:var(--ui-font-caption);line-height:1.35}.app-shell .stepper-bar{gap:var(--ui-space-2)}.app-shell .stepper-step{width:auto;min-width:112px;min-height:var(--ui-control-height);height:auto;padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-control-radius);white-space:normal;text-align:center;flex:none;line-height:1.25}.app-shell .stepper-step .step-label{overflow-wrap:anywhere;min-width:0}.report-nav-heading{position:relative}.report-nav-heading>.nav-item{width:100%;padding-right:42px}.report-nav-toggle{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.report-nav-toggle:hover{background:#ffffff14}.report-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sidebar .report-submenu .nav-item{height:auto;min-height:42px;line-height:1.5;font-size:var(--ui-font-caption);padding:10px 12px}.sidebar .report-submenu .nav-item span{white-space:normal;text-overflow:clip;overflow:visible}.report-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.report-directory-card{padding:var(--ui-card-padding);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.report-directory-card:hover{border-color:var(--aj-red);box-shadow:0 4px 16px #0f172a0f}.report-directory-icon{width:44px;height:44px;margin-bottom:var(--ui-space-4);color:var(--aj-red);background:#fff1f2;border-radius:12px;place-items:center;display:grid}.report-directory-card p{min-height:3.2em;margin:var(--ui-space-2) 0 var(--ui-space-5);color:var(--muted);font-size:var(--ui-font-body);line-height:1.6}.report-directory-link{align-items:center;gap:var(--ui-space-2);color:var(--aj-red);font-size:var(--ui-font-body);font-weight:650;display:flex}.business-reports .report-source-bars{gap:var(--ui-space-5)}.business-reports :is(.report-source-bars strong,.report-source-bars em,.report-task-status span,.report-task-status strong){font-size:var(--ui-font-body)}.business-reports .report-source-bars small{font-size:var(--ui-font-caption);color:var(--muted)}.business-reports .report-task-status{gap:var(--ui-space-5)}.business-reports .crm-owner-report{padding-top:var(--ui-space-2);font-size:var(--ui-font-body)}.business-reports .crm-owner-report>button{padding-block:var(--ui-space-4)}.business-reports .crm-owner-report header,.business-reports .crm-owner-report>button>strong:first-child small{font-size:var(--ui-font-caption)}.business-reports .report-banner{gap:var(--ui-space-4);padding:var(--ui-card-padding);margin:0}.business-reports .report-range-bar{padding:var(--ui-space-4);gap:var(--ui-space-3)}.business-reports .report-range-bar :is(small,em,button){font-size:var(--ui-font-caption)}.business-reports .report-export-actions{flex-wrap:wrap}@media screen and (max-width:1100px){.app-shell .portal-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:900px){.app-shell .sidebar,.native-mobile .app-shell .sidebar{color:#d5d8e0;background:#11131a;border:0;border-right:1px solid #242730;border-radius:0;width:min(320px,100vw - 32px);height:100dvh;inset:0 auto 0 0;overflow:hidden;box-shadow:18px 0 55px #0f172a47;transform:translate(-100%)!important}.app-shell .sidebar.sidebar-open,.native-mobile .app-shell .sidebar.sidebar-open{transform:translate(0)!important}.app-shell .brand-block,.native-mobile .app-shell .brand-block{background:#11131a;border-bottom-color:#252832;height:78px;padding:12px 16px}.app-shell .brand-block>span strong,.native-mobile .app-shell .brand-block>span strong{color:#fff}.app-shell .brand-block>span small,.native-mobile .app-shell .brand-block>span small{color:#8c91a0}.app-shell .mobile-close,.native-mobile .app-shell .mobile-close{border-radius:var(--ui-control-radius);color:#fff;background:#1c1f28;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.app-shell .workspace-switcher,.native-mobile .app-shell .workspace-switcher{display:flex}.app-shell .sidebar nav,.native-mobile .app-shell .sidebar nav{min-height:0;padding:4px 12px 16px;display:block;overflow-y:auto}.app-shell .sidebar .nav-label,.native-mobile .app-shell .sidebar .nav-label{color:#6f7585;margin:13px 10px 7px;display:block}.app-shell .sidebar .nav-item,.native-mobile .app-shell .sidebar .nav-item{border-radius:var(--ui-control-radius);color:#aeb3c0;width:100%;height:auto;min-height:44px;font-size:var(--ui-font-caption);text-align:left;background:0 0;border:0;flex-direction:row;justify-content:flex-start;gap:11px;margin:2px 0;padding:10px}.app-shell .sidebar .nav-item span,.native-mobile .app-shell .sidebar .nav-item span{text-align:left;flex:1;min-width:0}.app-shell .sidebar .nav-item em,.native-mobile .app-shell .sidebar .nav-item em{margin-left:auto;position:static}.app-shell .sidebar .nav-item.active,.native-mobile .app-shell .sidebar .nav-item.active{color:#fff;box-shadow:inset 3px 0 var(--aj-red);background:linear-gradient(90deg,#d52c313d,#d52c3117);border:0}.app-shell .sidebar .report-submenu,.native-mobile .app-shell .sidebar .report-submenu{border-left:1px solid #3a3e49;grid-template-columns:1fr;margin:2px 0 8px 16px;padding-left:10px;display:grid}.app-shell .sidebar .report-submenu .nav-item,.native-mobile .app-shell .sidebar .report-submenu .nav-item{min-height:40px;padding:8px 10px}.app-shell .sidebar-foot,.native-mobile .app-shell .sidebar-foot{background:#11131a;border-top-color:#252832;margin-top:auto}.app-shell .profile-card,.native-mobile .app-shell .profile-card{color:#fff;background:0 0}}@media screen and (max-width:760px){:root{--ui-card-padding:16px;--ui-page-padding:16px;--ui-gap:16px;--ui-control-height:44px}.app-shell .topbar-left{flex:auto;min-width:0}.app-shell .topbar-actions{flex:none;min-width:0}.app-shell .topbar .primary-button{width:var(--ui-control-height);min-width:var(--ui-control-height);padding:0;font-size:0;overflow:hidden}.app-shell .topbar .primary-button svg{width:18px;height:18px}.app-shell .section-intro{flex-wrap:wrap}.report-directory,.app-shell :is(.portal-kpi-grid,.admin-dashboard-grid-bottom){grid-template-columns:1fr}.business-reports .report-banner{flex-wrap:wrap}.business-reports .report-banner>div:nth-child(2){flex:1;min-width:180px}.business-reports .report-banner>button{justify-content:center;width:100%}.app-shell .topbar h1{overflow-wrap:anywhere;font-size:16px}}@media print{.report-export-actions,.report-directory,.report-range-bar,.member-report-toolbar{display:none!important}.app-shell .page-wrap,.ui-card-body{padding:12px}.ui-page-stack{gap:16px}.business-reports .crm-owner-report{overflow:visible}.business-reports .crm-owner-report>:is(header,button){grid-template-columns:minmax(110px,1.5fr) repeat(6,minmax(0,1fr)) 45px;min-width:0;font-size:10px}}
