[role=button],a[role=button],button{min-height:44px;min-width:44px}:focus-visible{outline:3px solid #8b5cf6!important;outline-offset:2px!important}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1em;background-color:#8b5cf6;color:#fff;text-decoration:none;font-weight:700}.skip-to-main:focus{left:50%;top:1em;transform:translateX(-50%)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;border-radius:8px}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-heading{height:2em;width:60%;margin-bottom:1em}.skeleton-card{min-height:200px;width:100%}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-low-contrast{color:#4b5563!important}.text-medium-contrast{color:#374151!important}.text-high-contrast{color:#111827!important}.btn-secondary{background-color:#64748b!important;color:#fff!important;border:2px solid #475569!important}.btn-secondary:hover{background-color:#475569!important}.demo-card{padding:1.5rem!important;margin-bottom:1.5rem!important}.demo-section{padding-top:3rem!important;padding-bottom:3rem!important}.btn-group button{margin:.5rem!important}[role=button]:hover,a:hover,button:hover:not(:disabled){transform:translateY(-2px);transition:all .2s ease-in-out}[role=button]:active,button:active:not(:disabled){transform:translateY(0);transition:all .1s ease-in-out}.agent-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.agent-card:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.empty-state{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:12px;margin:2rem 0}.empty-state-icon{font-size:4rem;opacity:.5;margin-bottom:1rem}.empty-state-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}.empty-state-description{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.empty-state-action{margin-top:1rem}.form-field{position:relative;margin-bottom:1.5rem}.form-error{color:#dc2626}.form-error,.form-success{font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-success{color:#16a34a}input.error,select.error,textarea.error{border-color:#dc2626!important;background-color:#fef2f2!important}input.success,select.success,textarea.success{border-color:#16a34a!important;background-color:#f0fdf4!important}.toast{position:fixed;top:1rem;right:1rem;min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:9999;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success{background-color:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-info{background-color:#3b82f6;color:#fff}.toast-warning{background-color:#f59e0b;color:#fff}body{font-size:16px;line-height:1.6}h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}h2{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.875rem}h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}p{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#374151}.text-sm{font-size:.925rem!important;line-height:1.5}.text-xs{font-size:.875rem!important;line-height:1.4}@media (max-width:768px){[role=button],a[role=button],button{min-height:48px;min-width:48px;padding:.75rem 1rem}body{font-size:17px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.35rem}.demo-card{padding:1.25rem!important}.demo-section{padding-top:2rem!important;padding-bottom:2rem!important}}@media print{.no-print,[role=button],button,nav{display:none!important}body{font-size:12pt;line-height:1.5;color:#000}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--compact-font:1;--compact-gap:1;--toolbar-h:56px}.has-toolbar{padding-bottom:calc(var(--toolbar-h) + env(safe-area-inset-bottom))}@media (max-width:1536px){:root{--compact-font:0.95;--compact-gap:0.92}}@media (max-width:1366px){:root{--compact-font:0.92;--compact-gap:0.88}}@media (max-width:1280px){:root{--compact-font:0.88;--compact-gap:0.84}}@media (max-width:1152px){:root{--compact-font:0.85;--compact-gap:0.80}}[data-compact=true] .demo-compact-text{font-size:calc(var(--compact-font) * 1rem)!important}[data-compact=true] .demo-compact-gap{gap:calc(var(--compact-gap) * .5rem)!important}[data-compact=true] .demo-compact-pad-sm{padding:calc(var(--compact-gap) * .5rem) calc(var(--compact-gap) * .75rem)!important}[data-compact=true] .demo-compact-pad-xs{padding:calc(var(--compact-gap) * .25rem) calc(var(--compact-gap) * .5rem)!important}[data-compact=true] .demo-compact-icon svg{width:calc(var(--compact-font) * 16px)!important;height:calc(var(--compact-font) * 16px)!important}[data-compact=true]{--toolbar-h:48px}[data-compact=true] .demo-nav-tabs{gap:.25rem!important}[data-compact=true] .demo-nav-tabs button{padding:.3rem .45rem!important}@media (max-width:640px){.demo-header{padding-left:.5rem!important;padding-right:.5rem!important;height:68px!important}.demo-nav-tabs{gap:.25rem!important}}@media (max-width:430px){.demo-header{height:64px!important;padding-left:.5rem!important;padding-right:.5rem!important}.demo-nav-tabs{flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;gap:.2rem!important}.demo-nav-tabs button{padding:.25rem .4rem!important;font-size:.9rem!important}}[data-compact=true] .header-collapsed{height:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-width:1px!important;overflow:hidden}.crm-scroll{flex:1;min-height:0;overflow:auto}@media (max-width:768px){.demo-desktop-only{display:none!important}.demo-main-layout{flex-direction:column!important;height:auto!important}.demo-agent-list{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;height:auto!important;padding:1rem!important;gap:.75rem!important;width:100%!important;border-right:none!important;border-bottom:1px solid #e5e7eb}.demo-agent-card{min-width:140px!important;flex-shrink:0!important;padding:1rem!important;min-height:80px!important}.demo-agent-card .agent-icon{width:48px!important;height:48px!important}.demo-agent-card .agent-title{font-size:.875rem!important;font-weight:700!important}.demo-agent-card .agent-badge{font-size:.7rem!important;padding:.25rem .5rem!important}.demo-agent-card .power-switch{transform:scale(1.3)!important;margin-top:.5rem!important}.demo-agent-panel{width:100%!important;max-width:100%!important;height:400px!important;border-right:none!important;border-bottom:1px solid #e5e7eb}.demo-content-area{width:100%!important;padding:1rem!important}.demo-nav-tabs{overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;padding-bottom:.5rem!important}.demo-nav-tab{white-space:nowrap!important;flex-shrink:0!important}.demo-card{padding:1rem!important}.demo-grid-2,.demo-grid-3,.demo-grid-4{grid-template-columns:1fr!important}.demo-drawer{width:100%!important;max-width:100%!important}.demo-button-group{flex-direction:column!important}.demo-button-group,.demo-button-group button{width:100%!important}.demo-hide-mobile{display:none!important}.demo-dashboard-grid{grid-template-columns:1fr!important;gap:1rem!important}.demo-search{width:100%!important;margin-bottom:1rem!important}.demo-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.demo-table{min-width:600px!important}.demo-chat-container{height:300px!important}.demo-chat-messages{font-size:.875rem!important}.demo-chat-input{font-size:1rem!important}.demo-header{padding:1rem!important;flex-wrap:wrap!important;gap:.75rem!important}.demo-header-title{font-size:1.125rem!important;font-weight:700!important}.demo-header a,.demo-header button{min-height:44px!important;min-width:44px!important;padding:.75rem 1rem!important;font-size:.875rem!important}.demo-header .search-input{width:100%!important;font-size:1rem!important;padding:.75rem 1rem!important;min-height:44px!important}.demo-header .brand-logo{width:32px!important;height:32px!important}.demo-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.demo-stat-card{padding:.75rem!important}.demo-stat-value{font-size:1.5rem!important}.demo-stat-label{font-size:.75rem!important}.demo-modal{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important}.demo-kanban-board{overflow-x:auto!important;flex-wrap:nowrap!important}.demo-kanban-column{min-width:280px!important;flex-shrink:0!important}.demo-calendar{font-size:.75rem!important}.demo-calendar-day{min-height:60px!important}}@media (min-width:769px) and (max-width:1024px){.demo-agent-list{width:200px!important}.demo-agent-panel{width:320px!important}.demo-grid-3,.demo-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (hover:none) and (pointer:coarse){.demo-touchable{min-height:44px!important;min-width:44px!important}.demo-hover-effect:hover{transform:none!important}.demo-interactive{padding:.75rem!important}}@media (max-width:768px){.demo-mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem;display:flex;justify-content:space-around;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.demo-mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;min-width:60px;font-size:.75rem}.demo-content-with-mobile-nav{padding-bottom:80px!important}.demo-mobile-menu-toggle{display:block!important}.demo-desktop-menu{display:none!important}.demo-mobile-menu{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100%;background:#fff;z-index:2000;transform:translateX(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px rgba(0,0,0,.1)}.demo-mobile-menu.open{transform:translateX(0)}.demo-mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.demo-mobile-menu-overlay.open{opacity:1;pointer-events:auto}}@media (max-width:768px) and (orientation:landscape){.demo-agent-panel{height:300px!important}.demo-chat-container{height:200px!important}}@supports (padding:max(0px)){.demo-safe-top{padding-top:max(env(safe-area-inset-top),1rem)!important}.demo-safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),1rem)!important}.demo-safe-left{padding-left:max(env(safe-area-inset-left),1rem)!important}.demo-safe-right{padding-right:max(env(safe-area-inset-right),1rem)!important}}@media (max-width:768px){.demo-scroll-container{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.demo-form-field{width:100%!important}.demo-form-label{font-size:.875rem!important}.demo-form-input{font-size:1rem!important;padding:.75rem!important}.demo-form-button{width:100%!important;padding:1rem!important;font-size:1rem!important}.demo-viewport-mobile{width:100vw!important;overflow-x:hidden!important}.demo-team-switcher{min-width:200px!important;font-size:1rem!important}.demo-team-option{padding:1rem!important;min-height:44px!important;font-size:.875rem!important}.demo-tabs-list{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;padding:.5rem!important}.demo-tabs-trigger{min-height:44px!important;padding:.75rem 1.25rem!important;font-size:.875rem!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important}.demo-dropdown-menu{width:100%!important;max-width:100%!important}.demo-dropdown-item{padding:1rem!important;min-height:44px!important;font-size:.875rem!important}.demo-avatar{width:40px!important;height:40px!important}.demo-badge{font-size:.75rem!important;padding:.25rem .5rem!important;font-weight:600!important}.demo-icon-button{min-width:44px!important;min-height:44px!important;padding:.75rem!important}.demo-icon-button svg{width:20px!important;height:20px!important}.demo-status-dot{width:10px!important;height:10px!important}.demo-card-actions{flex-direction:column!important;gap:.5rem!important}.demo-card-actions button{width:100%!important;min-height:44px!important;justify-content:center!important}.demo-loading-spinner{width:40px!important;height:40px!important}.demo-alert{margin:0!important;border-radius:0!important;padding:1rem!important}.demo-pagination-button{min-width:44px!important;min-height:44px!important;font-size:1rem!important}.demo-filter-controls{flex-direction:column!important;gap:.75rem!important}.demo-filter-select,.demo-sort-select{width:100%!important;min-height:44px!important;font-size:1rem!important}.demo-command-palette{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}.demo-command-input{font-size:1rem!important}.demo-command-input,.demo-command-item{padding:1rem!important;min-height:48px!important}.demo-command-item{font-size:.875rem!important}.demo-content-section{padding:1rem!important;margin-bottom:1rem!important}.demo-section-title{font-size:1.25rem!important;font-weight:700!important;margin-bottom:1rem!important}.demo-collapsible-trigger{padding:1rem!important;min-height:44px!important;font-size:1rem!important;font-weight:600!important}.demo-table-row{padding:1rem 0!important;border-bottom:1px solid #e5e7eb!important}.demo-table-cell{padding:.5rem!important;font-size:.875rem!important}.demo-tooltip{max-width:calc(100vw - 2rem)!important;font-size:.875rem!important}}@media (max-width:375px){.demo-agent-card{min-width:120px!important}.demo-header-title{font-size:1rem!important}.demo-stat-value{font-size:1.25rem!important}}