.chat-demo-grid{background:hsl(var(--background));grid-template-columns:290px minmax(0,1fr) 270px;min-width:0;height:660px;font-size:14px;line-height:1.45;display:grid;position:relative}.chat-demo-grid[data-contact=false]{grid-template-columns:290px minmax(0,1fr)}.chat-demo-grid[data-contact=false] .chat-demo-contact,.chat-demo-grid .chat-mobile-back{display:none}.chat-demo-action{flex-shrink:0;max-height:55%;overflow-y:auto}.meyjechat-app .chat-bg-pattern{background-color:hsl(var(--whatsapp-chat-bg));background-image:url(/wallpaper.png);background-repeat:repeat;background-size:600px}.dark .meyjechat-app .chat-bg-pattern{background-image:url(/wallpaper-dark-mode.png)}.meyjechat-app .bubble-tail-right:before{content:"";border-left:8px solid hsl(var(--whatsapp-sent));border-top:8px solid #0000;width:0;height:0;position:absolute;top:0;right:-8px}.meyjechat-app .bubble-tail-left:before{content:"";border-right:8px solid hsl(var(--whatsapp-received));border-top:8px solid #0000;width:0;height:0;position:absolute;top:0;left:-8px}.chat-demo-grid summary::-webkit-details-marker{display:none}@media (min-width:1180px) and (max-width:1350px){.chat-demo-grid{grid-template-columns:250px minmax(0,1fr) 250px}.chat-demo-grid[data-contact=false]{grid-template-columns:250px minmax(0,1fr)}.chat-demo-grid .chat-header-actions>button:first-child,.chat-demo-grid .chat-header-actions>button:nth-child(3){display:none}}@media (max-width:1179px){.chat-demo-grid,.chat-demo-grid[data-contact=false]{grid-template-columns:250px minmax(0,1fr)}.chat-demo-grid .chat-demo-contact{display:none}.chat-demo-grid[data-panel=contact] .chat-demo-contact{z-index:25;width:310px;display:block;position:absolute;inset:0 0 0 auto}.chat-demo-grid .chat-header-actions{display:none}}@media (max-width:767px){.chat-demo-grid,.chat-demo-grid[data-contact=false]{height:650px;display:block}.chat-demo-grid .chat-mobile-back{display:inline-flex}.chat-demo-list,.chat-demo-window,.chat-demo-contact{height:100%}.chat-demo-grid[data-panel=chat] .chat-demo-list,.chat-demo-grid[data-panel=contact] .chat-demo-list,.chat-demo-grid[data-panel=list] .chat-demo-window,.chat-demo-grid[data-panel=contact] .chat-demo-window{display:none}.chat-demo-grid[data-panel=contact] .chat-demo-contact{border-left:0;width:100%;position:static}.chat-demo-grid .chat-search-action,.chat-demo-grid .chat-composer-attach,.chat-demo-grid .chat-header-actions{display:none}.chat-demo-window>div:first-child{gap:0;padding-left:4px;padding-right:4px}.chat-demo-window>div:first-child>button{min-width:44px}}@media (prefers-reduced-motion:reduce){.chat-demo-grid *,.chat-demo-grid :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.crm-demo-module__EBgrSa__root{background:var(--color-background);min-width:0;height:100%;min-height:0;color:var(--color-foreground);flex-direction:column;display:flex}.crm-demo-module__EBgrSa__dialog{max-height:85dvh;overflow-y:auto}@media (max-width:639px){.crm-demo-module__EBgrSa__dialog{border-radius:18px 18px 0 0;width:100%;max-height:94dvh;padding:20px;top:auto;bottom:0;transform:translate(-50%)}}
.agents-demo{container-type:inline-size}.agent-studio-main{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);display:grid}.agent-mobile-tab{display:none}.agent-native-select{color:hsl(var(--foreground))}.agent-tool-badge{color:#854d0e;background:#fefce8;border-color:#fde68a}.dark .agent-tool-badge{color:#facc15;background:#713f1233;border-color:#713f1280}@container (min-width:1120px){.agent-editor-section{grid-template-columns:minmax(120px,150px) minmax(0,1fr)}}@container (max-width:780px){.agent-studio-main{grid-template-columns:minmax(0,1fr)}.agent-mobile-tab{align-items:center;display:inline-flex}.agent-studio-main[data-panel=config] .agent-side-panel,.agent-studio-main[data-panel=test] .agent-form{display:none}.agent-side-panel{border-left:0}.agents-demo input,.agents-demo textarea,.agents-demo select{font-size:16px}.agents-demo button{min-height:44px}}
.contacts-demo{height:660px;display:flex}.contacts-demo-main{container-type:inline-size}.contacts-demo-table{display:none}.contacts-demo-details{flex-shrink:0;width:320px;position:relative}.contacts-demo-details>.chat-demo-contact{flex:1;height:auto;display:block}.contacts-demo-details summary::-webkit-details-marker{display:none}@container (min-width:800px){.contacts-demo-table{display:block}.contacts-demo-mobile{display:none}}@media (max-width:767px){.contacts-demo{height:650px}.contacts-demo[data-detail=true] .contacts-demo-main{display:none}.contacts-demo-details{width:100%}.contacts-demo-details>.chat-demo-contact{border-left:0}}