:root{color-scheme:light;--app-bg: #f6f8fc;--app-bg-elevated: #eef5fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-glass: rgba(255, 255, 255, .9);--surface-tint: #f0fdfa;--text: #0f172a;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--border: #dbe7f0;--border-soft: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--accent: #0891b2;--accent-soft: #ecfeff;--success: #059669;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--sidebar-bg: #fbfdff;--sidebar-surface: #ffffff;--sidebar-border: #dbe7f0;--sidebar-text: #102033;--sidebar-muted: #5b6b80;--sidebar-faint: #8da0b4;--sidebar-hover: #edf7ff;--sidebar-active: linear-gradient(135deg, rgba(37, 99, 235, .13), rgba(20, 184, 166, .16));--sidebar-active-border: #14b8a6;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);--shadow-md: 0 18px 48px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 80px rgba(15, 23, 42, .12);--shadow-sidebar: 18px 0 48px rgba(15, 23, 42, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--sidebar-width: 286px;--sidebar-collapsed-width: 76px;--topbar-height: 78px;--mobile-topbar-height: 92px;--mobile-bottom-nav-height: 88px;--content-max: 1640px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme]{--accent: #0891b2;--accent-soft: #ecfeff}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;height:auto;overflow-x:hidden;background:var(--app-bg);text-size-adjust:100%}body,#root{min-height:100%;height:auto;margin:0}body{overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 12% -10%,rgba(14,165,233,.11),transparent 32rem),radial-gradient(circle at 100% 0%,rgba(20,184,166,.1),transparent 28rem),var(--app-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior-y:auto}img,svg,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}.login-page,.portal-gateway-page,.customer-portal-shell,.legal-page{touch-action:pan-y}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.skip-link{position:fixed;left:14px;top:14px;z-index:3000;transform:translateY(-160%);padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.skip-link:focus{transform:translateY(0)}.spin{animation:erp-spin .9s linear infinite}@keyframes erp-spin{to{transform:rotate(360deg)}}.erp-desktop-adaptive-shell,.erp-tablet-adaptive-shell,.erp-mobile-adaptive-shell,.app-shell,.main-shell,.page-shell{min-height:100dvh}.erp-shell{width:100%;height:100dvh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:transparent;overflow:hidden}.erp-shell.collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.workspace.app-main{grid-column:2;grid-row:1;width:100%;min-width:0;height:100dvh;min-height:100dvh;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr);padding:0}.erp-shell>.sidebar{grid-column:1;grid-row:1}.erp-shell>.mobile-app-topbar,.erp-shell>.mobile-sidebar-backdrop,.erp-shell>.skip-link{grid-column:1 / -1}.app-page-scroll,.main-content,.page-content,.mobile-scroll,.sidebar-scroll{min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.app-page-scroll{height:calc(100dvh - var(--topbar-height));padding:var(--space-6);scroll-padding:var(--space-6);overflow-x:hidden}.app-page-scroll>*{max-width:var(--content-max);margin-inline:auto}.section-card,.modern-panel,.sales-panel,.panel,.card,.login-card,.customer-auth-card,.portal-card,.module-command-card,.support-card,.enterprise-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.drawer-backdrop[data-open=false],.modal-backdrop[data-open=false],.overlay[data-open=false],.mobile-sidebar-backdrop[data-open=false]{pointer-events:none;opacity:0;visibility:hidden}.drawer-backdrop[data-open=true],.mobile-sidebar-backdrop[data-open=true]{pointer-events:auto;opacity:1;visibility:visible}.live-data-warning{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid rgba(217,119,6,.22);border-radius:var(--radius-md);background:var(--warning-soft);color:#78350f}.live-data-warning strong,.live-data-warning span{display:block}.hero-grid,.comm-panel-grid,.suite-grid,.sales-command-grid,.support-overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.sales-command-grid.wide,.suite-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-hero,.section-hero,.module-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.access-empty-state{display:grid;place-items:center;gap:var(--space-3);min-height:min(460px,calc(100dvh - var(--topbar-height) - 80px));text-align:center}.sidebar{position:sticky;top:0;z-index:60;height:100dvh;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);border-right:1px solid var(--sidebar-border);background:linear-gradient(180deg,#fffffffa,#f8fbfff5),var(--sidebar-bg);color:var(--sidebar-text);box-shadow:var(--shadow-sidebar)}.sidebar-brand{min-height:72px;display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);background:var(--surface-glass)}.sidebar-brand img,.login-logo,.mobile-app-brand img{width:auto;max-width:104px;height:44px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}.sidebar-brand strong,.sidebar-brand span,.mobile-app-brand strong,.mobile-app-brand small{display:block;min-width:0}.sidebar-brand strong{font-size:15px;font-weight:850}.sidebar-brand span,.mobile-app-brand small{color:var(--sidebar-muted);font-size:12px;line-height:1.25}.sidebar-tools{display:grid;gap:var(--space-3)}.sidebar-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);background:#fff;color:var(--sidebar-muted)}.sidebar-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-main);font-size:14px}.sidebar-quick-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.sidebar-quick-actions button,.module-group-selector button,.erp-left-menu button{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-text);text-align:left}.sidebar-quick-actions button{min-height:36px;display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 10px;border-color:var(--sidebar-border);background:var(--surface);color:var(--sidebar-muted);font-size:12px;font-weight:750}.sidebar-quick-actions button.active,.sidebar-quick-actions button:hover{border-color:#14b8a661;background:var(--accent-soft);color:var(--text-main)}.erp-left-menu{min-height:0;overflow-y:auto;padding-right:3px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.erp-left-menu::-webkit-scrollbar{width:7px}.erp-left-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#c8d8e6}.module-group-selector,.sidebar-group,.sidebar-module-section{display:grid;gap:var(--space-2)}.module-group-selector{margin-bottom:var(--space-4)}.sidebar-group-title,.sidebar-section-title{display:block;padding:var(--space-2) var(--space-2) var(--space-1);color:var(--sidebar-muted);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.module-group-selector button{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 11px;color:var(--sidebar-text);font-size:13px;font-weight:800}.module-group-selector button small{min-width:28px;padding:4px 7px;border-radius:999px;background:#e7eef6;color:var(--sidebar-muted);text-align:center}.module-group-selector button.active,.module-group-selector button:hover,.erp-left-menu button.active,.erp-left-menu button:hover{border-color:#14b8a65c;background:var(--sidebar-active)}.erp-left-menu button{position:relative;min-height:50px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:8px 10px}.erp-left-menu button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--sidebar-active-border)}.nav-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:var(--primary)}.erp-left-menu button.active .nav-icon{background:#fff;color:#0f766e}.erp-left-menu button span:not(.nav-icon){min-width:0}.erp-left-menu button small,.erp-left-menu button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-left-menu button small{color:var(--sidebar-muted);font-size:11px;font-weight:750}.erp-left-menu button strong{color:var(--sidebar-text);font-size:14px;font-weight:850}.module-group-selector button{grid-template-columns:minmax(0,1fr) max-content;column-gap:var(--space-3)}.module-group-selector button strong{overflow:visible;color:var(--sidebar-text);text-overflow:clip;white-space:normal;line-height:1.2}.module-group-selector button small{width:auto;max-width:64px;justify-self:end;display:inline-grid;place-items:center;overflow:visible;text-overflow:clip;white-space:nowrap}.sidebar-footer{display:flex;justify-content:flex-end}.sidebar-collapse-toggle{width:44px;min-width:44px}.erp-shell.collapsed .sidebar{padding-inline:10px}.erp-shell.collapsed .sidebar-brand{grid-template-columns:1fr;padding:8px}.erp-shell.collapsed .sidebar-brand img{width:44px;height:44px;margin:auto}.erp-shell.collapsed .erp-left-menu button{grid-template-columns:1fr;justify-items:center;padding-inline:6px}.topbar{position:sticky;top:0;z-index:50;min-width:0;height:var(--topbar-height);display:grid;grid-template-columns:minmax(240px,430px) minmax(0,1fr);gap:var(--space-4);align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--border-soft);background:#f6f8fce0;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.top-actions{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap}.top-actions>*{flex:0 0 auto}.icon-stat{min-width:58px}.top-select-shell{min-height:44px;display:grid;grid-template-columns:auto minmax(118px,1fr);gap:var(--space-2);align-items:center;padding:5px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface)}.top-select-shell span{color:var(--text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.top-select-shell select{min-width:0;height:32px;border:0;outline:0;background:transparent;color:var(--text-main);font-size:13px;font-weight:750}.user-chip{min-height:44px;display:grid;grid-template-columns:auto minmax(0,max-content) auto;gap:var(--space-2);align-items:center;padding:6px 11px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface)}.user-chip span{max-width:160px;overflow:hidden;color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}.user-chip strong{color:var(--accent);font-size:11px;letter-spacing:.04em}.mobile-app-topbar,.mobile-bottom-nav{display:none}.command-trigger,.topbar-search{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-size:14px;font-weight:800}.topbar-search{justify-content:flex-start;padding-inline:var(--space-4)}.topbar-search kbd{margin-left:auto;padding:3px 7px;border-radius:7px;background:var(--surface-soft);color:var(--text-muted);font-size:11px}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:start center;padding:8dvh 18px 18px;background:#0f172a57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.command-dialog{width:min(760px,100%);max-height:min(760px,88dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.command-search-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:52px;padding:6px 8px 6px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.command-search-row input{min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--text-main);font-size:16px}.command-quick-row{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0}.command-quick-row button{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--text-body);font-size:13px;font-weight:800}.command-results{min-height:0;display:grid;gap:var(--space-2);overflow-y:auto;padding-right:2px}.command-results>button{min-height:86px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);text-align:left}.command-results>button:hover{border-color:#2563eb52;background:var(--primary-soft)}.command-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.command-results>button>span:nth-child(2){min-width:0;display:grid;gap:4px}.command-results strong,.command-results small{display:block;min-width:0}.command-results strong{color:var(--text-main);font-size:16px;line-height:1.16}.command-results small{color:var(--text-muted);font-size:13px;line-height:1.35;white-space:normal}.command-results em{max-width:132px;justify-self:end;overflow:hidden;padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:850}.primary,button.primary,.button-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:850;box-shadow:0 12px 28px #2563eb2e}.primary:hover{filter:brightness(.98)}.ghost,button.ghost,.chip-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-weight:800}.ghost:hover,.chip-button:hover{border-color:#2563eb4d;background:var(--primary-soft)}.danger-text,.danger-soft{color:var(--danger)}.full{width:100%}.tiny{min-height:34px;padding-inline:10px;font-size:12px}.status-pill,.StatusPill,[class*=status] b,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--surface-soft);color:var(--text-body);font-size:12px;font-weight:850}.eyebrow,.page-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.modern-panel,.sales-panel,.section-card,.login-card,.customer-auth-card,.legal-section-card,.legal-company-card,.portal-card,.module-command-card{padding:var(--space-5)}.modern-panel header,.sales-panel header,.portal-card-header,.helpdesk-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}h1,h2,h3{margin:0;color:var(--text-main);letter-spacing:0}p{color:var(--text-body)}.empty-state,.command-empty{display:grid;place-items:center;gap:var(--space-2);min-height:150px;padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-muted);text-align:center}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:2000;display:grid;gap:var(--space-2)}.toast{max-width:360px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}label{color:var(--text-body)}.enterprise-field,.enterprise-select,.enterprise-textarea{display:grid;gap:7px;min-width:0}.enterprise-field>span,.enterprise-select>span,.enterprise-textarea>span{color:var(--text-body);font-size:13px;font-weight:800}input,select,textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-main);outline:0;box-shadow:var(--shadow-xs)}input,select{height:46px;padding:0 13px}textarea{min-height:118px;padding:12px 13px;resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}input::placeholder,textarea::placeholder{color:#94a3b8}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-width:18px;padding:0;box-shadow:none}.field-grid,.form-grid,.dispatch-form-grid,.portal-form-grid,.smart-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.field-grid label,.form-grid label,.smart-field,.field-shell,.portal-field,.dispatch-form-grid label{display:grid;gap:7px;min-width:0}.smart-field__message{color:var(--text-muted);font-size:12px;font-style:normal;line-height:1.35}.smart-field__label b{margin-left:2px;color:var(--danger)}.password-input-wrap,.password-input-shell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.password-input-wrap:focus-within,.password-input-shell:focus-within{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.password-input-wrap input,.password-input-shell input{height:44px;border:0;box-shadow:none}.password-input-wrap input:focus,.password-input-shell input:focus{box-shadow:none}.password-input-wrap button,.password-input-shell button,.password-toggle{min-width:44px;min-height:40px;margin-right:3px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);color:var(--text-main);font-size:12px;font-weight:850}.field-grid label span,.form-grid label span,.smart-field__label,.field-shell span,.portal-field span,.dispatch-form-grid label span{color:var(--text-body);font-size:13px;font-weight:800}.field-grid .full,.form-grid .full,.full-row{grid-column:1 / -1}.segmented-control,.module-tabs,.support-tabs,.portal-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:4px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.segmented-control button,.module-tabs button,.support-tabs button,.portal-tabs button{min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-weight:850}.segmented-control button.active,.module-tabs button.active,.support-tabs button.active,.portal-tabs button.active{border-color:var(--border-soft);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.portal-field.premium-field{display:grid;gap:7px;min-width:0}.portal-field.premium-field>span{display:inline-flex;align-items:center;gap:3px;color:var(--text-body);font-size:13px;font-weight:850}.portal-field.premium-field>span em{color:var(--danger);font-style:normal}.premium-field-control{min-width:0;min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs);transition:border-color .16s ease,box-shadow .16s ease}.premium-field-control:focus-within{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.premium-field-control>i,.premium-field-control>b{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-style:normal}.premium-field-control>i{padding-left:12px}.premium-field-control>b{padding-right:12px;font-size:12px;font-weight:850}.premium-field-control input{height:46px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:15px}.premium-field-control input:focus{box-shadow:none}.premium-field-message{color:var(--text-muted);font-size:12px;line-height:1.35}.premium-field-message.error{color:var(--danger)}.premium-field-message.success{color:var(--success)}.portal-inline-action,.otp-row{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.portal-inline-action>span,.otp-row>span{min-width:0;color:var(--text-muted);font-size:13px;line-height:1.35}.portal-inline-action button,.otp-row button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-weight:850;box-shadow:var(--shadow-xs)}.portal-mode-tabs,.portal-login-method-tabs,.portal-signup-stepper{display:grid;gap:5px;padding:5px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.portal-mode-tabs,.portal-login-method-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-mode-tabs button,.portal-login-method-tabs button,.portal-signup-stepper button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-weight:900;text-align:center}.portal-mode-tabs button.active,.portal-login-method-tabs button.active,.portal-signup-stepper button.active{border-color:var(--border-soft);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.portal-signup-stepper{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.portal-signup-stepper button{justify-content:flex-start}.portal-signup-stepper button span{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:12px}.portal-signup-stepper button.active span{background:var(--primary);color:#fff}.portal-wizard-panel{display:grid;gap:var(--space-3)}.portal-preference-row{min-height:46px;display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-body);font-weight:800}.login-page,.customer-portal-shell,.portal-gateway-page,.legal-page{min-height:100dvh;background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.14),transparent 24rem),radial-gradient(circle at 92% 0%,rgba(20,184,166,.12),transparent 26rem),var(--app-bg)}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,520px);gap:var(--space-8);align-items:start;padding:clamp(18px,3vw,40px)}.portal-gateway-page{display:grid;place-items:center;padding:clamp(18px,3.2vw,52px)}.portal-gateway-hero{width:min(1180px,100%);display:grid;gap:var(--space-5);padding:clamp(24px,4vw,52px);border:1px solid rgba(203,213,225,.82);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#f8fbffe6),radial-gradient(circle at 8% 0%,rgba(37,99,235,.12),transparent 24rem),radial-gradient(circle at 100% 20%,rgba(20,184,166,.12),transparent 22rem);box-shadow:var(--shadow-md)}.portal-gateway-brand{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);width:max-content;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.portal-gateway-brand img{width:auto;max-width:128px;height:48px;display:block;object-fit:contain;border-radius:0;background:transparent;border:0;box-shadow:none}.portal-gateway-brand div{min-width:0;display:grid;gap:2px}.portal-gateway-brand strong{overflow-wrap:anywhere;color:var(--text-main);font-size:15px;font-weight:900;line-height:1.1}.portal-gateway-brand span{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px;font-weight:800}.portal-gateway-hero>.release-status-badge{justify-self:start}.portal-gateway-hero h1{max-width:780px;margin:0;color:var(--text-main);font-size:clamp(42px,6vw,82px);line-height:.96}.portal-gateway-hero>p:not(.eyebrow){max-width:880px;margin:0;color:var(--text-body);font-size:clamp(16px,1.35vw,20px);line-height:1.65}.portal-gateway-options{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.portal-gateway-card{min-width:0;min-height:190px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon copy" "icon action";align-content:start;gap:8px 14px;padding:clamp(18px,2vw,24px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#ffffffdb;color:var(--text-main);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.portal-gateway-card:hover,.portal-gateway-card:focus-visible{transform:translateY(-2px);border-color:#2563eb57;box-shadow:0 18px 44px #0f172a1a;outline:0}.portal-gateway-card.employee{background:linear-gradient(135deg,#2563eb14,#fffffff0)}.portal-gateway-card.customer{background:linear-gradient(135deg,#14b8a617,#fffffff0)}.portal-gateway-icon{grid-area:icon;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--primary-soft);color:var(--primary)}.portal-gateway-card.customer .portal-gateway-icon{background:var(--success-soft);color:var(--success)}.portal-gateway-card strong{grid-area:title;color:var(--text-main);font-size:20px;font-weight:900;line-height:1.15}.portal-gateway-card small{grid-area:copy;color:var(--text-body);font-size:14px;line-height:1.5}.portal-gateway-card b{grid-area:action;width:max-content;max-width:100%;min-height:36px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--text-main);color:#fff;font-size:13px;font-weight:900}.portal-gateway-card.customer b{background:linear-gradient(135deg,var(--accent),var(--success))}.portal-gateway-legal{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:var(--space-2)}.portal-gateway-legal a{min-height:34px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:850;text-decoration:none}.portal-gateway-legal a:hover,.legal-links a:hover{text-decoration:underline;text-underline-offset:3px}.login-visual,.login-hero,.customer-auth-hero,.legal-hero{min-width:0;padding:clamp(24px,4vw,48px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffeb,#f0fdfad1);box-shadow:var(--shadow-md)}.login-visual{min-height:min(620px,calc(100dvh - 48px));display:grid;align-content:center;gap:var(--space-4)}.login-visual.compact{min-height:420px}.login-visual:after{content:"";width:min(320px,50%);height:7px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--success));opacity:.8}.login-visual .eyebrow{margin:0}.login-hero h1{max-width:760px;margin:8px 0 12px;font-size:clamp(34px,5vw,72px);line-height:1.02}.login-visual h1{max-width:780px;margin:0;color:var(--text-main);font-size:clamp(40px,5vw,74px);line-height:1}.login-copy,.login-visual p,.login-hero p,.customer-auth-hero p{max-width:720px;color:var(--text-body);font-size:clamp(16px,1.4vw,20px);line-height:1.55}.customer-portal-shell{min-height:100dvh;padding:clamp(18px,3vw,40px);background:radial-gradient(circle at 0% 0%,rgba(8,145,178,.12),transparent 28rem),linear-gradient(180deg,#f8fbff,#eef7fb);color:var(--text-main);overflow-x:hidden}.customer-auth-hero{width:min(1180px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:var(--space-6);align-items:start}.customer-auth-hero h1{margin:12px 0;color:var(--text-main);font-size:clamp(42px,5vw,72px);line-height:1.06}.customer-auth-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.customer-auth-badges span{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffffc7;color:var(--text-body);font-size:13px;font-weight:850}.customer-auth-card{min-width:0;display:grid;gap:var(--space-3);padding:clamp(20px,3vw,32px)}.customer-auth-card .login-logo{width:auto;max-width:148px;height:54px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.customer-auth-card form{min-width:0;display:grid;gap:var(--space-3)}.portal-auth-note{margin:0;color:var(--text-body);font-size:14px;line-height:1.55}.portal-link{color:var(--primary);font-weight:850;text-decoration:none}.portal-link:hover{text-decoration:underline;text-underline-offset:3px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--primary-soft);color:var(--primary)}.login-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.login-checks span,.portal-choice-card,.login-guidance-card,.auth-access-note,.customer-portal-entry{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffffc2;box-shadow:var(--shadow-xs)}.login-checks span{min-height:48px;display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;color:var(--text-body);font-weight:800}.portal-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.portal-choice-card{display:grid;gap:6px;min-height:92px;padding:var(--space-4);color:var(--text-main);text-decoration:none}.portal-choice-card.active{border-color:#2563eb47;background:var(--primary-soft)}.portal-choice-card strong,.login-guidance-card strong{color:var(--text-main);font-weight:900}.portal-choice-card span,.login-guidance-card span,.auth-access-note,.customer-portal-entry span{color:var(--text-body);line-height:1.45}.login-card{width:100%;display:grid;gap:var(--space-3);padding:clamp(20px,2vw,26px)}.login-card .login-logo{width:auto;max-width:138px;height:52px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.login-card h2{font-size:clamp(26px,2vw,34px)}.release-status-badge{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:11px;font-weight:850;line-height:1}.release-status-badge span,.release-status-badge strong{display:inline-block;white-space:nowrap}.release-status-badge strong{color:var(--text-main)}.login-card>p{margin:0;color:var(--text-muted)}.login-guidance-card,.auth-access-note{display:grid;gap:6px;padding:12px 14px}.login-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.login-mode-tabs button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-weight:900}.login-mode-tabs button.active{border-color:var(--border-soft);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.login-utility-row,.customer-portal-entry,.otp-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.login-utility-row a,.customer-portal-entry a{min-height:34px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:900}.remember-login-control{min-width:0;display:flex;align-items:center;gap:var(--space-2);color:var(--text-body);font-size:13px;font-weight:800}.customer-portal-entry{min-height:48px;padding:10px 12px}.otp-row{align-items:stretch}.otp-row span{flex:1;display:flex;align-items:center;color:var(--text-muted);font-size:13px;line-height:1.35}.legal-links{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;padding-top:var(--space-2)}.legal-links a{min-height:30px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:850;text-decoration:none}.role-home-shell{display:grid;gap:var(--space-5)}.role-home-hero{display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#ecfeffd1),radial-gradient(circle at 92% 10%,rgba(37,99,235,.14),transparent 28rem);box-shadow:var(--shadow-md)}.role-home-brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--space-3);align-items:center}.role-home-brand img{width:auto;max-width:118px;height:48px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}.role-home-brand span,.role-home-brand strong{display:block}.role-home-brand span{color:var(--text-muted);font-size:12px;font-weight:900}.role-home-brand strong{color:var(--text-main);font-size:16px;line-height:1.3}.role-home-hero h2{max-width:860px;font-size:clamp(34px,4vw,62px);line-height:1.04}.role-home-hero>p:not(.eyebrow){max-width:760px;margin:0;color:var(--text-body);font-size:17px;line-height:1.55}.role-home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3)}.role-action{min-height:118px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-3);align-content:center;align-items:center;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);text-align:left;box-shadow:var(--shadow-xs)}.role-action>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.role-action strong,.role-action small{display:block;min-width:0}.role-action small{grid-column:2;color:var(--text-muted);line-height:1.35}.role-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.role-home-panel{min-width:0;display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.panel-heading span{color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.panel-heading strong{color:var(--text-main)}.role-pending-list,.role-module-list,.setup-checklist{display:grid;gap:var(--space-2)}.role-pending-list button,.role-module-list button,.setup-checklist span,.empty-business-state{min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft)}.role-pending-list button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:72px;padding:var(--space-3);color:var(--text-main);text-align:left}.role-pending-list b{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--warning-soft);color:var(--warning)}.role-pending-list strong,.role-pending-list small{display:block}.role-pending-list small{color:var(--text-muted);line-height:1.35}.setup-progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--border-soft)}.setup-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent),var(--success))}.setup-checklist span{min-height:42px;display:flex;align-items:center;gap:var(--space-2);padding:9px 11px;color:var(--text-body);font-size:13px;font-weight:850}.setup-checklist span.done svg{color:var(--success)}.setup-checklist span.pending svg{color:var(--warning)}.role-module-list button{min-height:44px;padding:10px 12px;color:var(--text-main);font-weight:850;text-align:left}.empty-business-state{display:grid;gap:var(--space-2);place-items:center;min-height:150px;padding:var(--space-4);color:var(--text-muted);text-align:center}.phase-stack{display:grid;gap:var(--space-5)}.card-grid,.two-column{display:grid;gap:var(--space-4)}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:var(--space-5);align-items:end;margin-bottom:var(--space-5);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#f0fdfa);box-shadow:var(--shadow-sm)}.sales-hero h2,.comm-hub-hero h2,.helpdesk-hero h2{font-size:clamp(30px,4vw,56px);line-height:1.08}.sales-hero p,.comm-hub-hero span,.helpdesk-hero span{color:var(--text-body);line-height:1.55}.sales-hero-actions{display:grid;gap:var(--space-3)}.sales-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.sales-kpi-card{min-height:142px;display:grid;gap:6px;align-content:center;padding:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.sales-kpi-card svg{color:var(--primary)}.sales-kpi-card strong{color:var(--text-main);font-size:clamp(28px,3vw,42px)}.sales-kpi-card span{color:var(--text-body);font-weight:850}.sales-status-list{display:grid;gap:var(--space-3)}.owner-watchlist-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:86px;padding:var(--space-4);border:1px solid var(--border-soft);border-left:4px solid var(--success);border-radius:var(--radius-md);background:var(--surface-soft)}.owner-watchlist-row.watch{border-left-color:var(--warning);background:var(--warning-soft)}.owner-watchlist-row.risk{border-left-color:var(--danger);background:var(--danger-soft)}.owner-watchlist-value{display:grid;gap:3px}.owner-watchlist-value strong{color:var(--text-main);font-size:24px;line-height:1}.owner-watchlist-value span,.owner-watchlist-row p{margin:0;color:var(--text-body);line-height:1.35}.owner-watchlist-value span{font-size:13px;font-weight:850}.queue-table,.sales-table-wrap,.table-wrap,.smart-table-wrap,.modern-record-table-wrap,.data-table-wrap{width:100%;overflow-x:auto}table,.decision-table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--text-body);text-align:left;vertical-align:top}th{color:var(--text-main);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.queue-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);padding:12px;border-bottom:1px solid var(--border-soft)}.queue-row.head{color:var(--text-main);font-size:12px;font-weight:900;text-transform:uppercase}.support-tab-panel,.helpdesk-main{min-width:0}.support-overview-tab{display:grid;gap:var(--space-4)}.support-overview-kpis,.support-channel-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.overview-kpi-card,.support-health-card{min-width:0;display:grid;gap:6px;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs)}.overview-kpi-card strong{color:var(--text-main);font-size:30px;font-weight:900;line-height:1}.overview-kpi-card span,.support-health-card strong{color:var(--text-main);font-size:15px;font-weight:850;line-height:1.25}.overview-kpi-card small{color:var(--text-muted);font-size:12px;font-weight:750;line-height:1.35}.support-health-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.support-inbox-layout,.comm-hub-layout,.whatsapp-command-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,340px);gap:var(--space-4);align-items:start}.helpdesk-shell,.comm-hub-shell,.crm360-workspace,.ai-command-center,.ai-ops-shell{display:grid;gap:var(--space-5)}.growth-ai-suite-summary,.growth-ai-channel-grid,.growth-ai-evidence-grid,.growth-ai-suite-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}@media (max-width: 1120px){:root{--mobile-topbar-height: 76px;--mobile-bottom-nav-height: 78px}.erp-shell,.erp-shell.collapsed{height:100dvh;grid-template-columns:1fr;overflow:hidden}.mobile-app-topbar{position:fixed;top:0;left:0;right:0;z-index:80;min-height:calc(var(--mobile-topbar-height) + env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--border-soft);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-app-brand{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:var(--space-2);align-items:center}.mobile-app-actions{min-width:0;display:flex;justify-content:flex-end;gap:6px}.mobile-icon-button{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-xs)}.mobile-icon-button.danger{background:#dc2626;color:#fff}.mobile-app-user,.topbar{display:none}.workspace.app-main{grid-column:1;grid-row:1;height:100dvh;min-height:0;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding-top:calc(var(--mobile-topbar-height) + env(safe-area-inset-top));padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}.app-page-scroll{height:auto;min-height:auto;overflow:visible;padding:var(--space-4);padding-bottom:calc(var(--mobile-bottom-nav-height) + 36px + env(safe-area-inset-bottom))}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#0f172a70;transition:opacity .18s ease,visibility .18s ease}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(86vw,360px);height:100dvh;transform:translate(-105%);transition:transform .22s ease;border-radius:0 24px 24px 0}.sidebar[data-open=true]{transform:translate(0)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav button{min-width:0;min-height:62px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:850}.mobile-bottom-nav button.active{border-color:#0891b238;background:var(--accent-soft);color:var(--accent)}.sales-hero,.sales-command-grid.wide,.suite-grid.two-col,.support-inbox-layout,.comm-hub-layout,.whatsapp-command-layout{grid-template-columns:1fr}.command-overlay{place-items:end stretch;padding:0}.command-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:24px 24px 0 0;padding:var(--space-3)}.command-search-row{grid-template-columns:22px minmax(0,1fr) 46px}.command-search-row .tiny{width:46px;padding:0;font-size:0}.command-results>button{grid-template-columns:42px minmax(0,1fr) 18px;min-height:104px;align-items:flex-start}.command-results em{display:none}.login-page{min-height:auto;grid-template-columns:1fr;align-content:start;padding:calc(18px + env(safe-area-inset-top)) 14px 24px;overflow:visible;touch-action:pan-y}.portal-gateway-page{min-height:auto;align-items:start;padding:calc(18px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));overflow:visible;touch-action:pan-y}.portal-gateway-hero{gap:var(--space-4);padding:var(--space-5);border-radius:24px}.portal-gateway-brand{grid-template-columns:auto minmax(0,1fr)}.portal-gateway-brand img{width:auto;max-width:118px;height:42px;border-radius:0}.portal-gateway-hero h1{font-size:38px}.portal-gateway-hero>p:not(.eyebrow){font-size:14px}.portal-gateway-options{grid-template-columns:1fr}.portal-gateway-card{min-height:154px;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:var(--space-4)}.portal-gateway-icon{width:48px;height:48px;border-radius:16px}.portal-gateway-legal{gap:4px 12px}.login-visual,.login-hero{padding:var(--space-4)}.login-visual{min-height:auto;gap:var(--space-3)}.login-visual:after{display:none}.login-visual h1,.login-hero h1{font-size:34px}.login-visual .brand-mark{width:48px;height:48px;border-radius:16px}.login-visual .login-copy{font-size:14px}.login-checks,.portal-choice-grid{display:none}.role-home-grid,.card-grid.four,.two-column,.customer-auth-hero{grid-template-columns:1fr}.role-home-hero{padding:var(--space-5)}.role-home-actions{grid-template-columns:1fr}.owner-watchlist-row{grid-template-columns:1fr;gap:var(--space-2)}}@media (max-width: 480px){html:has(.login-page),body:has(.login-page),#root:has(.login-page),html:has(.portal-gateway-page),body:has(.portal-gateway-page),#root:has(.portal-gateway-page),html:has(.customer-portal-shell),body:has(.customer-portal-shell),#root:has(.customer-portal-shell){height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}body:has(.login-page),body:has(.portal-gateway-page),body:has(.customer-portal-shell){position:static}.login-page,.portal-gateway-page,.customer-portal-shell{min-height:100svh;height:auto;overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.login-page>.login-visual{display:none}.mobile-app-topbar{grid-template-columns:minmax(0,1fr) auto}.mobile-app-actions{justify-content:flex-end}.mobile-icon-button{width:42px;min-width:42px;height:42px;border-radius:14px}.mobile-app-brand{grid-template-columns:42px minmax(0,1fr)}.mobile-app-brand small{display:none}.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{display:block;padding:calc(14px + env(safe-area-inset-top)) 10px calc(24px + env(safe-area-inset-bottom))}.portal-gateway-page{padding-inline:10px}.login-card,.login-visual,.portal-gateway-hero{border-radius:22px}.login-card{max-height:none;overflow:visible}.portal-gateway-card{grid-template-columns:1fr;grid-template-areas:"icon" "title" "copy" "action"}.login-utility-row,.customer-portal-entry,.otp-row,.portal-inline-action{align-items:stretch;flex-direction:column}.customer-auth-hero{padding:var(--space-5)}.customer-auth-hero h1{font-size:40px}.customer-auth-badges{display:grid}.portal-signup-stepper{grid-template-columns:1fr}.sales-kpi-card{min-height:124px;padding:var(--space-4)}}.cx-command-center-shell{min-height:100%;color:#0f172a;background:radial-gradient(circle at top left,rgba(79,70,229,.1),transparent 34rem),linear-gradient(180deg,#f8fbff,#eef4fb);padding:clamp(16px,2vw,28px)}.cx-module-nav{position:sticky;top:0;z-index:8;display:flex;gap:8px;overflow-x:auto;padding:8px;margin:-8px -8px 18px;background:#f8fbffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(203,213,225,.72);border-radius:22px;box-shadow:0 14px 40px #0f172a12}.cx-module-nav button,.cx-page-actions button,.cx-card button,.cx-queue-card button,.cx-error button,.cx-empty button{min-height:42px;border:1px solid rgba(99,102,241,.18);border-radius:14px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);font:700 13px/1.2 inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 22px #2563eb29}.cx-module-nav button{color:#334155;background:#fff;box-shadow:none}.cx-module-nav button.active{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f766e);box-shadow:0 14px 28px #2563eb33}.cx-page-actions button.secondary,.cx-card button.secondary,.cx-card button.ghost,.cx-page-actions button.ghost{color:#1e293b;background:#fff;box-shadow:none}.cx-card button:disabled,.cx-page-actions button:disabled{cursor:not-allowed;color:#64748b;background:#e2e8f0;box-shadow:none}.cx-screen{display:grid;gap:18px;min-width:0}.cx-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cx-page-header h1{margin:0;color:#0f172a;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:0}.cx-page-header p{margin:8px 0 0;color:#475569;max-width:760px;line-height:1.55}.cx-eyebrow{margin:0 0 8px;color:#0f766e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cx-page-actions,.cx-provider-row,.cx-row-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cx-card{min-width:0;padding:clamp(16px,2vw,24px);border:1px solid rgba(203,213,225,.88);border-radius:22px;background:#ffffffeb;box-shadow:0 18px 46px #0f172a12}.cx-card h2,.cx-card h3{margin:0 0 8px;color:#0f172a;line-height:1.25}.cx-card p,.cx-card small{color:#475569;line-height:1.5}.cx-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cx-metric{min-width:0;padding:18px;border:1px solid rgba(203,213,225,.82);border-radius:20px;background:#fff;display:grid;gap:8px;box-shadow:0 12px 28px #0f172a0f}.cx-metric-icon{width:38px;height:38px;border-radius:14px;display:inline-grid;place-items:center;color:#1d4ed8;background:#eff6ff}.cx-metric strong{color:#0f172a;font-size:32px;line-height:1}.cx-metric small{color:#475569;font-weight:800}.cx-tone-warning .cx-metric-icon,.cx-tone-accent .cx-metric-icon{color:#b45309;background:#fffbeb}.cx-tone-danger .cx-metric-icon{color:#dc2626;background:#fef2f2}.cx-tone-success .cx-metric-icon{color:#047857;background:#ecfdf5}.cx-section-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.cx-section-header p{margin:0}.cx-queue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cx-queue-card{min-width:0;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);display:grid;gap:14px}.cx-queue-card span{color:#1d4ed8;font-size:28px;font-weight:900}.cx-queue-card h3{margin:4px 0}.cx-inbox-layout{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(280px,340px);gap:14px;align-items:start}.cx-conversation-list,.cx-chat-panel,.cx-customer360{max-height:calc(100dvh - 210px);overflow-y:auto;-webkit-overflow-scrolling:touch}.cx-conversation-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:16px;color:#0f172a;background:#fff;text-align:left;cursor:pointer}.cx-conversation-item.active{border-color:#0f766e;background:#f0fdfa}.cx-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);font-weight:900}.cx-conversation-main,.cx-conversation-side{min-width:0;display:grid;gap:6px}.cx-conversation-main strong,.cx-conversation-main small{overflow-wrap:anywhere}.cx-badge,.cx-channel-health,.cx-provider-status,.cx-ai-confidence{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;font-size:11px;font-weight:850;line-height:1.2;text-transform:capitalize;overflow-wrap:anywhere}.cx-badge-high,.cx-badge-urgent,.cx-badge-danger,.cx-channel-health.config_required{color:#991b1b;background:#fef2f2;border-color:#fecaca}.cx-badge-medium,.cx-badge-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.cx-channel-health.ready,.cx-badge-ready,.cx-badge-success{color:#065f46;background:#ecfdf5;border-color:#bbf7d0}.cx-chat-header{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.cx-message-list{min-height:340px;max-height:46dvh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px 0}.cx-message{width:min(78%,620px);padding:12px 14px;border-radius:18px 18px 18px 6px;background:#f8fafc;border:1px solid #e2e8f0}.cx-message.outbound{align-self:flex-end;border-radius:18px 18px 6px;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e)}.cx-message.system{align-self:center;width:100%;color:#475569;background:#f8fafc;border-style:dashed}.cx-message p{margin:0 0 6px;overflow-wrap:anywhere}.cx-message.outbound small,.cx-message.outbound p{color:#fff}.cx-composer{display:grid;gap:10px;padding-top:12px;border-top:1px solid #e2e8f0}.cx-field{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:800}.cx-field input,.cx-field textarea,.cx-filter-bar input,.cx-date-range{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:14px;padding:10px 13px;color:#0f172a;background:#fff;font:500 14px/1.4 inherit;outline:none}.cx-field textarea{min-height:96px;resize:vertical}.cx-field input:focus,.cx-field textarea:focus,.cx-filter-bar input:focus,.cx-date-range:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.cx-customer360{display:grid;gap:12px}.cx-key-values{display:grid;gap:8px}.cx-key-values span,.cx-mini-list span{min-width:0;display:grid;gap:2px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.cx-key-values b,.cx-mini-list b{overflow-wrap:anywhere}.cx-two-column{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:14px}.cx-filter-bar{display:flex;gap:10px;margin-bottom:12px}.cx-lead-list{display:grid;gap:10px}.cx-lead-card{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.cx-lead-card h3,.cx-lead-card p{margin:0}.cx-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cx-chart-bars{display:grid;gap:12px}.cx-chart-bars span{display:grid;grid-template-columns:110px minmax(0,1fr) 36px;align-items:center;gap:8px}.cx-chart-bars i{height:12px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#0f766e)}.cx-provider-column{display:grid;gap:12px}.cx-handoff-banner,.cx-error,.cx-empty{padding:14px;border:1px solid #fde68a;border-radius:16px;background:#fffbeb;color:#713f12;display:grid;gap:8px}.cx-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.cx-empty{border-color:#dbeafe;background:#eff6ff;color:#1e3a8a}.cx-skeleton-list{display:grid;gap:12px}.cx-skeleton{height:72px;border-radius:18px;background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0);background-size:220% 100%;animation:cx-shimmer 1.2s infinite linear}@keyframes cx-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.cx-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a57;display:grid;align-items:end;padding:16px}.cx-action-sheet{width:min(560px,100%);margin:0 auto;padding:16px;border-radius:22px;background:#fff;box-shadow:0 24px 80px #0f172a38;display:grid;gap:10px}.cx-action-sheet header{display:flex;justify-content:space-between;gap:12px}.cx-stepper{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;list-style:none}.cx-stepper li{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:800;font-size:12px}.cx-stepper li.active{background:#dbeafe;color:#1d4ed8}.cx-portal-bubble{position:fixed;z-index:80;min-width:72px;min-height:58px;padding:10px 14px;border:1px solid rgba(255,255,255,.42);border-radius:24px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f766e);box-shadow:0 18px 46px #0f172a47;display:inline-flex;align-items:center;justify-content:center;gap:7px;touch-action:none}.cx-portal-bubble b{position:absolute;top:-6px;right:-6px;min-width:24px;min-height:24px;border-radius:999px;display:grid;place-items:center;color:#fff;background:#ef4444;font-size:12px}.cx-portal-panel{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));z-index:81;width:min(390px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 116px));overflow:hidden;border:1px solid #dbeafe;border-radius:24px;background:#fff;box-shadow:0 24px 80px #0f172a3d;display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto}.cx-portal-panel header,.cx-portal-panel footer{padding:14px;display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.cx-portal-panel header h3,.cx-portal-panel header p{margin:0}.cx-portal-panel header p{color:#0f766e;font-size:12px;font-weight:900;text-transform:uppercase}.cx-portal-quick-actions{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;border-bottom:1px solid #e2e8f0}.cx-portal-quick-actions button,.cx-portal-panel footer button{min-height:38px;border:1px solid #dbeafe;border-radius:999px;padding:0 12px;background:#eff6ff;color:#1d4ed8;font-weight:850;white-space:nowrap}.cx-portal-messages{overflow-y:auto;padding:14px;display:grid;gap:10px;background:#f8fbff}.cx-portal-message,.cx-portal-greeting,.cx-portal-error{padding:10px 12px;border-radius:16px;background:#fff;border:1px solid #e2e8f0}.cx-portal-message.inbound{justify-self:end;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e)}.cx-portal-message p,.cx-portal-greeting,.cx-portal-error{margin:0;overflow-wrap:anywhere}.cx-portal-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.cx-portal-panel footer{border-top:1px solid #e2e8f0;border-bottom:0;display:grid}.cx-portal-panel footer textarea{width:100%;min-height:74px;border:1px solid #cbd5e1;border-radius:16px;padding:10px 12px;resize:vertical}.cx-portal-panel footer div{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 1024px){.cx-command-center-shell{padding:14px}.cx-page-header{display:grid}.cx-metric-grid,.cx-queue-grid,.cx-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-inbox-layout{grid-template-columns:minmax(0,1fr)}.cx-conversation-list,.cx-chat-panel,.cx-customer360{max-height:none}.cx-customer360{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-two-column{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.cx-command-center-shell{padding:12px 10px calc(92px + env(safe-area-inset-bottom));overflow-x:hidden}.cx-module-nav{position:sticky;top:0;margin:-4px -2px 12px;border-radius:18px}.cx-module-nav button{min-width:54px;padding:0 12px}.cx-module-nav button span{display:none}.cx-page-header h1{font-size:28px}.cx-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.cx-page-actions button{min-width:0}.cx-metric-grid,.cx-queue-grid,.cx-chart-grid,.cx-customer360{grid-template-columns:minmax(0,1fr)}.cx-section-header,.cx-chat-header,.cx-lead-card{display:grid}.cx-conversation-item{grid-template-columns:40px minmax(0,1fr)}.cx-conversation-side{grid-column:2;display:flex;flex-wrap:wrap}.cx-message{width:92%}.cx-message.system{width:100%}.cx-filter-bar{display:grid}.cx-chart-bars span{grid-template-columns:82px minmax(0,1fr) 32px}.cx-portal-bubble{right:calc(14px + env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom))}.cx-portal-panel{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 96px);border-radius:22px}}