/* Experiência de celular: lista e conversa ocupam a tela inteira, como no WhatsApp. */
.mobile-tabbar,.mobile-back{display:none}
.mobile-alert-button{display:none}

@media (max-width:700px){
  html,body,#app,.workspace{height:100%;height:100dvh;overflow:hidden}
  body{background:#f6faf7}
  .workspace{position:relative;padding-bottom:68px}
  .topbar{height:58px;min-height:58px;padding:8px 12px;gap:8px;background:#fff!important}
  .top-brand,.workspace-mode-switch,.top-actions>#soundToggle,.top-actions>#browserNotifications,.connection-pill{display:none!important}
  .top-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:6px}
  .number-menu-wrap{grid-column:1;width:100%}
  .top-actions>#mobileNotifications{grid-row:1;grid-column:2;display:grid!important;place-items:center;width:42px;height:42px;padding:0;border:1px solid #cde7d7;border-radius:14px;background:#effaf3;color:#127942;font-size:19px;box-shadow:0 4px 12px #0b5f2b16;transition:transform .18s ease,background .18s ease,color .18s ease}
  .top-actions>#mobileNotifications:active{transform:scale(.93)}
  .top-actions>#mobileNotifications.is-active{border-color:#16a659;background:linear-gradient(135deg,#0f9a52,#20be6a);color:#fff;box-shadow:0 7px 16px #0a9e5054}
  .top-actions>#mobileNotifications.is-muted{border-color:#f0cfce;background:#fff2f2;color:#be504d}
  .number-menu-button{grid-template-columns:34px minmax(0,1fr) 14px;width:100%;min-width:0;padding:4px 6px;border:0;background:transparent}
  .channel-avatar{width:34px;height:34px}
  .number-menu-copy b{font-size:12px}.number-menu-copy small{font-size:9px}
  .number-menu{position:fixed;z-index:30;top:64px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 146px);border-radius:17px;box-shadow:0 22px 50px #0a2c1e42}
  .number-list{max-height:calc(100dvh - 360px)}
  .whatsapp-panel{min-height:0;padding:0;overflow:hidden;background:none}
  .inbox-shell{display:block;min-height:0;height:100%;border:0;border-radius:0;box-shadow:none}
  .inbox-pane,.conversation-pane{height:100%;min-height:0;border:0}
  .inbox-pane{max-height:none!important}
  .inbox-shell.mobile-chat-open .inbox-pane{display:none}
  .inbox-shell:not(.mobile-chat-open) .conversation-pane{display:none}
  .inbox-pane{background:#fff}
  .inbox-toolbar{padding:16px 16px 10px}.inbox-toolbar h2{font-size:19px}
  .inbox-toolbar .eyebrow{font-size:9px}.icon-button{width:36px;height:36px;border-radius:11px}
  .search-box{margin:0 13px 10px;padding:1px 11px;border-radius:12px}
  .search-box input{padding:11px 0;font-size:13px}
  .inbox-filters{padding:0 13px 10px}.inbox-filter{padding:7px 10px;font-size:10px}
  .inbox-summary{padding:0 15px 8px}.inbox-row{min-height:68px;padding:10px 14px;gap:11px}
  .contact-avatar{width:45px;height:45px}.chat-row-copy b{font-size:13px}.chat-row-copy small{font-size:11px}
  .chat-row-meta{font-size:10px}.inbox-list{padding-bottom:8px}
  .conversation-pane{background:#f4f8f5}
  .conversation-header{height:60px;min-height:60px;gap:8px;padding:8px 10px;background:#fff}
  .mobile-back{display:grid;place-items:center;flex:0 0 auto;width:32px;height:36px;border:0;border-radius:10px;background:transparent;color:#254a38;font-size:26px;line-height:1}
  .conversation-avatar{width:37px;height:37px}.conversation-name{gap:0}.conversation-name b{font-size:14px}.conversation-name small,.service-status-pill{display:none}
  .conversation-actions{gap:1px}.conversation-actions #assistantToggle,.conversation-actions #pixToggle,.conversation-actions #scheduleToggle,.conversation-actions #favoriteToggle{display:none!important}
  .conversation-actions .header-icon-button,.conversation-actions .quick-text-button{width:32px;height:32px;padding:0;border:0;background:transparent;font-size:0}
  .conversation-actions .header-icon-button:before{font-size:18px}.conversation-actions #conversationSearchToggle:before{content:'⌕'}.conversation-actions #customerToggle:before{content:'◫'}.conversation-actions #serviceToggle:before{content:'•••';font-size:13px}
  .conversation-actions .quick-text-button:after{content:'⚡';font-size:16px}
  .conversation-context{display:none}
  .conversation-search{margin:7px 10px 0;border-radius:10px}
  .message-list{padding:14px 12px 12px;gap:7px;background-size:16px 16px,auto}
  .message{max-width:86%;padding:8px 10px;border-radius:10px;font-size:13px}.message small{font-size:9px}
  .message-tools-toggle{width:25px;height:25px;opacity:1}.message-tools-menu{z-index:10;min-width:154px}
  .message-star{display:none}.quote-bar{margin:6px 8px 0;border-radius:9px}.quote-bar small{max-width:230px}
  .composer{grid-template-columns:34px minmax(0,1fr) 34px 38px;gap:3px;margin:0;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dfe9e3;border-radius:0;background:#fff}
  .composer textarea{min-height:39px;padding:10px 11px;border-radius:18px;font-size:14px}.composer-icon{width:34px;height:39px;font-size:20px}.send-button{width:38px;min-width:38px;height:38px;padding:0;border-radius:50%;font-size:0}.send-button:after{content:'➤';font-size:15px}
  .quick-menu,.emoji-menu,.service-menu,.customer-drawer,.assistant-panel,.pix-panel,.schedule-panel{position:fixed!important;z-index:35;right:10px!important;bottom:76px!important;left:10px!important;width:auto!important;max-height:min(62dvh,560px);overflow:auto}
  .quick-menu{padding:12px}.emoji-menu{bottom:75px!important}.service-menu{top:auto!important;border-radius:17px}.customer-drawer{top:68px!important;bottom:68px!important;max-height:none}
  .modal{z-index:50;align-items:end;padding:0;background:#0b2b1eb8}.modal-card{width:100%;max-height:calc(100dvh - 28px);border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}
  .nexadesk-settings-card{width:100%;max-height:calc(100dvh - 18px);border-radius:22px 22px 0 0}.nexadesk-settings-card .modal-heading{padding-left:18px}.operations-card{border-radius:22px 22px 0 0}
  .mobile-tabbar{position:absolute;z-index:25;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:68px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dce9e1;background:#fff;box-shadow:0 -7px 20px #1539270c}
  .mobile-tabbar button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:#789087;font-size:9px;font-weight:700}.mobile-tabbar button>span{font-size:19px;line-height:19px}.mobile-tabbar button>b{font-size:9px}.mobile-tabbar button.active{background:#e9f8ee;color:#118044}.mobile-tabbar button.active>span{font-weight:900}.mobile-tabbar i{position:absolute;top:3px;right:calc(50% - 17px);display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#1cac58;color:#fff;font-size:8px;font-style:normal;font-weight:900}
  .empty-state,.connect-card{border-radius:0;box-shadow:none}.login-screen{padding:18px}.login-card{padding:30px 24px;border-radius:22px}
}

@media (max-width:380px){
  .mobile-tabbar button>b{font-size:8px}.conversation-actions #customerToggle{display:none!important}.message{max-width:90%}.number-menu-copy small{display:none}
}

/* Camada visual premium para o aplicativo no celular. */
@media (max-width:700px){
  :root{--mobile-deep:#075f3c;--mobile-green:#18b867;--mobile-soft:#effaf4;--mobile-ink:#15352a;--mobile-muted:#72867d}
  body{background:linear-gradient(180deg,#e8f6ed 0,#f7fbf8 32%,#f7fbf8 100%);color:var(--mobile-ink)}
  .workspace{padding-bottom:80px;background:transparent}
  .topbar{position:relative;isolation:isolate;overflow:visible;min-height:64px;height:64px;padding:8px 14px;background:linear-gradient(118deg,#075e3a,#0b854e 58%,#22bd70)!important;border:0;box-shadow:0 8px 24px #075d3b40}
  .topbar:before{position:absolute;z-index:-1;top:-42px;right:-34px;width:142px;height:142px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 25px #ffffff0a,0 0 0 51px #ffffff08;content:""}
  .topbar:after{display:none}
  .number-menu-button{gap:9px;color:#fff}.number-menu-button:hover{background:#ffffff12}
  .number-menu-copy{gap:1px}.number-menu-copy b{color:#fff;font-size:13px;font-weight:850;letter-spacing:-.015em}.number-menu-copy small{color:#d9f8e5;font-size:9px;font-weight:650}.number-arrow{color:#ecfff3;font-size:18px}
  .channel-avatar{border:2px solid #ffffff4d;background:linear-gradient(145deg,#fff,#a9efc5);color:#0b7844;box-shadow:0 4px 12px #043a2442}
  .whatsapp-panel{background:linear-gradient(180deg,#f4fbf7,#f9fcfa)}
  .inbox-pane{position:relative;background:linear-gradient(180deg,#f1faf4 0,#fff 190px)}
  .inbox-toolbar{position:relative;align-items:flex-end;padding:18px 18px 12px}
  .inbox-toolbar:before{position:absolute;top:15px;right:64px;border-radius:999px;padding:5px 8px;background:#dff8e9;color:#098244;box-shadow:inset 0 0 0 1px #b9ebca;content:"ATENDIMENTO ATIVO";font-size:8px;font-weight:900;letter-spacing:.07em}
  .inbox-toolbar .eyebrow{color:#0f9652;font-size:9px;font-weight:900;letter-spacing:.14em}.inbox-toolbar h2{margin-top:5px;color:#173e2d;font-size:22px;letter-spacing:-.055em}
  .icon-button{border:0;background:#fff;color:#0a8749;box-shadow:0 7px 18px #196e4217}.icon-button:hover{background:#e6f8ed;box-shadow:0 8px 18px #196e4228}
  .search-box{margin:0 16px 12px;border:1px solid #e0eee5;background:#fff;box-shadow:0 7px 19px #0d553417}.search-box:focus-within{border-color:#79d5a1;box-shadow:0 0 0 4px #1aaf6212,0 7px 19px #0d553417}.search-box span{color:#18a65b;font-weight:800}
  .inbox-filters{gap:7px;padding:0 16px 12px}.inbox-filter{border:0;background:#fff;box-shadow:0 4px 12px #1850340d;color:#678076}.inbox-filter.active{border:0;background:linear-gradient(135deg,#0ca259,#20bd6d);box-shadow:0 7px 15px #19a95a38;color:#fff}.inbox-filter.active b{background:#fff;color:#0e9c52}
  .inbox-summary{display:flex;align-items:center;justify-content:space-between;padding:0 18px 10px;color:#779087;font-size:10px}.sla-summary{margin-left:0;border:1px solid #d9eddf;background:#f8fcf9}
  .inbox-list{min-height:0!important;padding:0 8px 14px}.inbox-row{min-height:73px;margin:0 4px;border-top:0;border-bottom:1px solid #edf3ef;border-radius:14px;padding:10px 10px 10px 11px;background:transparent}.inbox-row:before{left:0;top:14px;bottom:14px;width:4px;border-radius:0 8px 8px 0}.inbox-row:hover{transform:none;background:#f4fbf6}.inbox-row.selected{background:linear-gradient(100deg,#e4f9eb,#f9fffb);box-shadow:0 7px 18px #155b3610}.inbox-row.selected:before{background:linear-gradient(#19b262,#0c8146)}
  .contact-avatar{border:2px solid #fff;background:linear-gradient(145deg,#d8f3e1,#a7e5bd);box-shadow:0 4px 11px #155c3420}.chat-row-title{gap:6px}.chat-row-copy b{color:#1b392d;font-size:13px;font-weight:820}.chat-row-copy small{gap:6px;color:#768981;font-size:11px}.chat-status{border-radius:999px;padding:3px 6px;background:#edf5f0;font-size:7px;letter-spacing:.01em}.chat-row-meta{gap:5px;color:#8aa096}.chat-unread-badge{min-width:20px!important;height:20px!important;background:linear-gradient(135deg,#16ad60,#33ca78)!important;box-shadow:0 4px 11px #1dab5a45}
  .conversation-pane{background:#eaf6ee}.conversation-pane:before{position:absolute;z-index:0;inset:60px 0 0;background:radial-gradient(circle at 16% 11%,#c2eed42e,transparent 28%),radial-gradient(#9fd7b626 1px,transparent 1px);background-size:auto,18px 18px;content:"";pointer-events:none}
  .conversation-header,.conversation-context,.composer,.message-list{position:relative;z-index:1}.conversation-header{box-shadow:0 5px 16px #123f270d}.mobile-back{color:#107e49;font-weight:400;transition:transform .18s ease,background .18s ease}.mobile-back:hover{background:#e8f8ee;transform:translateX(-2px)}
  .conversation-avatar{border:2px solid #e8f6ed;box-shadow:0 3px 9px #123e261e}.conversation-name b{color:#173b2c;font-size:14px;font-weight:850}.conversation-actions .header-icon-button,.conversation-actions .quick-text-button{border-radius:10px;color:#287159}.conversation-actions .header-icon-button:hover,.conversation-actions .quick-text-button:hover{background:#e8f8ee;color:#0c944d}.conversation-actions #serviceToggle{background:#eef8f1}
  .message-list{background:transparent!important}.message{border:1px solid #e8efe9;box-shadow:0 3px 10px #0c492517;font-size:13px;line-height:1.45}.message.in{background:#fff}.message.out{border-color:#c9efda;background:linear-gradient(135deg,#d8f8e4,#c8f3d8);box-shadow:0 4px 13px #12944b1d}.message.in:before,.message.out:before{position:absolute;top:-1px;width:10px;height:11px;content:""}.message.in:before{left:-5px;background:linear-gradient(135deg,#fff 50%,transparent 51%)}.message.out:before{right:-5px;background:linear-gradient(225deg,#d0f5dc 50%,transparent 51%)}.message small{color:#769287}.message.out small{color:#55866a}.message:hover{transform:translateY(-1px);box-shadow:0 7px 15px #0c492521}
  .composer{border-top:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0e4a2911}.composer textarea{border:1px solid #e1ece5;background:#f3f8f5;box-shadow:inset 0 1px 1px #fff;font-size:13px}.composer textarea:focus{border-color:#72d5a0;background:#fff;box-shadow:0 0 0 3px #14a95c12}.composer-icon{color:#168952}.composer-icon:hover{background:#e8f8ef}.send-button{background:linear-gradient(135deg,#0da75a,#24c572);box-shadow:0 7px 15px #13ad5d46}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#078c48,#18ad61);transform:translateY(-1px)}
  .mobile-tabbar{right:10px;bottom:8px;left:10px;height:64px;padding:6px;border:1px solid #e1eee6;border-radius:20px;background:#fffffff2;box-shadow:0 13px 30px #10422725;backdrop-filter:blur(15px)}
  .mobile-tabbar button{border-radius:14px;transition:color .18s ease,background .18s ease,transform .18s ease}.mobile-tabbar button>span{font-size:18px}.mobile-tabbar button>b{font-size:9px}.mobile-tabbar button.active{background:linear-gradient(135deg,#e0f8e9,#eefcf3);color:#078744;box-shadow:inset 0 0 0 1px #c7efd5}.mobile-tabbar button.active>span{transform:translateY(-1px)}.mobile-tabbar button:active{transform:scale(.94)}
  .mobile-tabbar i{top:1px;right:calc(50% - 18px);border:2px solid #fff;background:#ef5b58;box-shadow:0 3px 8px #d43b3b38}
  .quick-menu,.emoji-menu,.service-menu,.customer-drawer,.assistant-panel,.pix-panel,.schedule-panel{border:1px solid #dceee3;border-radius:19px!important;box-shadow:0 20px 45px #0b3b2452}.service-menu{background:linear-gradient(180deg,#fff,#f8fcf9)}.modal-card{box-shadow:0 -10px 36px #092e1e4f}.modal-card:before{display:block;width:42px;height:4px;margin:-9px auto 16px;border-radius:99px;background:#d2e4d9;content:""}
  body[data-theme="midnight"] .topbar{background:linear-gradient(118deg,#0b2016,#123b27 58%,#1b6b42)!important}body[data-theme="midnight"] .inbox-pane{background:linear-gradient(180deg,#11291c,#13261b 190px)}body[data-theme="midnight"] .inbox-toolbar h2,body[data-theme="midnight"] .chat-row-copy b,body[data-theme="midnight"] .conversation-name b{color:#eef9f1}body[data-theme="midnight"] .search-box,body[data-theme="midnight"] .inbox-filter,body[data-theme="midnight"] .inbox-row{background:#172d21!important;border-color:#294738}body[data-theme="midnight"] .inbox-row.selected{background:linear-gradient(100deg,#1b432d,#182f23)!important}body[data-theme="midnight"] .mobile-tabbar{border-color:#2a4b38;background:#102017ed}body[data-theme="midnight"] .mobile-tabbar button.active{background:#1a442c;color:#6ee99d}body[data-theme="midnight"] .composer{background:#112219}body[data-theme="midnight"] .message.in{border-color:#294838;background:#173024}body[data-theme="midnight"] .message.out{border-color:#347755;background:linear-gradient(135deg,#1b5838,#17482f)}
  body[data-theme="violet"] .topbar{background:linear-gradient(118deg,#46308a,#7151cb 58%,#966ff1)!important}body[data-theme="violet"] .inbox-toolbar .eyebrow{color:#704dc8}body[data-theme="violet"] .inbox-toolbar:before{background:#f0ebff;color:#6845be;box-shadow:inset 0 0 0 1px #dbd0ff}body[data-theme="violet"] .inbox-filter.active,body[data-theme="violet"] .send-button{background:linear-gradient(135deg,#6b4bc9,#966ff1)}body[data-theme="violet"] .mobile-tabbar button.active{background:linear-gradient(135deg,#f0ebff,#faf8ff);color:#6745bd;box-shadow:inset 0 0 0 1px #dcd1ff}
}

@media (prefers-reduced-motion:reduce){
  .mobile-tabbar button,.mobile-back,.message,.send-button{transition:none!important;animation:none!important}
}