/* 0.24.1 mobile inbox. Desktop's Nexo split layout and all existing actions remain intact. */
.inbox-back241,.inbox-list-heading241,.inbox-space-toggle241{display:none}
.inbox-space-controls241{display:contents}
.inbox-sheet241{position:fixed;inset:auto 0 0;margin:0 auto;box-sizing:border-box;width:100%;max-width:560px;max-height:calc(var(--inbox-viewport241,100dvh) - 16px);padding:0;border:1px solid var(--nx-line);border-radius:18px 18px 0 0;background:var(--nx-surface);color:var(--nx-ink);overflow:auto;overscroll-behavior:contain}
.inbox-sheet241::backdrop{background:#14212dcc}
.inbox-sheet-head241{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--nx-surface);border-bottom:1px solid var(--nx-line);z-index:1}
.inbox-sheet-head241 h2{font-size:18px;margin:0}.inbox-sheet-head241 button{min-width:44px;min-height:44px;font-size:24px;padding:4px}
.inbox-sheet-content241{padding:0 16px calc(16px + env(safe-area-inset-bottom,0px))}.inbox-sheet-content241>.muted{font-size:12px;line-height:1.5}.inbox-sheet-buttons241{display:grid;gap:8px}.inbox-sheet-buttons241 button{width:100%;min-height:44px;text-align:left;padding:12px;font-size:14px;white-space:normal}
.inbox-sheet-customer241{border-top:1px solid var(--nx-line);margin-top:20px;padding-top:10px;overflow-wrap:anywhere}.inbox-sheet-customer241 h3{font-size:16px}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 .inbox-mobile241 .nexo17-topbar{padding:8px 12px;gap:10px;min-height:56px;flex-wrap:wrap}
 .inbox-mobile241 .nexo17-header{min-height:0!important;height:auto}
 .inbox-mobile241 .nexo17-topbar>.menu{display:block;min-width:36px;min-height:36px}
 .inbox-mobile241 .nexo17-shell .sidebar.nexo17-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:65dvh;overflow:auto!important;background:var(--nx-surface)!important}
 .inbox-mobile241 .nexo17-shell.menu-open .sidebar.nexo17-nav{display:block!important}
 .inbox-mobile241 .sidebar.nexo17-nav nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:12px;overflow:visible!important}
 .inbox-mobile241 .nexo17-topbar>.nexo17-brand{margin-right:auto;min-width:0}
 .inbox-mobile241 .inbox-space-toggle241{display:block;min-height:40px;min-width:62px;padding:8px;font-size:12px}
 .inbox-mobile241 .inbox-space-controls241{display:none;flex-basis:100%;width:100%;gap:8px;flex-wrap:wrap}
 .inbox-mobile241 .inbox-space-open241 .inbox-space-controls241{display:flex}
 .inbox-mobile241 .inbox-space-controls241 .header-right{order:0;flex:1 0 100%;width:100%;flex-wrap:wrap}
 .inbox-mobile241 .inbox-space-controls241 .global-picker13{flex:1 0 100%;min-width:0}
 .inbox-mobile241 .inbox-space-controls241 .nexo17-utilities{margin:0;flex-wrap:wrap}
 .inbox-mobile241 .workspace>.banner{font-size:10px;line-height:1.45;padding:6px 12px}
 html.nexo17 .inbox-mobile241 .inbox-page15{box-sizing:border-box;height:var(--inbox-height241,calc(100dvh - var(--header-height15,56px) - var(--banner-height15,40px)));min-height:0!important;padding:8px!important;overflow:hidden;gap:0}
 .inbox-mobile241 .inbox-page15 .inbox{display:flex!important;flex-direction:column!important;height:100%;min-height:0;border-radius:10px;overflow:hidden}
 .inbox-mobile241 .inbox-page15 .release12-chat{min-height:0;flex:1}
 .inbox-mobile241 .inbox-page15 .release12-chat>div{min-height:0}
 .inbox-mobile241 .inbox-list-heading241{display:block;flex:none;margin:0;padding:14px 14px 8px;font-size:18px;background:var(--nx-surface)}
 .inbox-mobile241 .inbox-page15 .thread-list{flex:1;min-height:0;max-height:none!important;height:auto;overflow:auto;overscroll-behavior:contain;background:var(--nx-surface)}
 .inbox-mobile241 .inbox-page15 .thread{display:block;min-height:96px;padding:14px;text-align:left;white-space:normal;border-bottom:1px solid var(--nx-line)}
 .inbox-mobile241 .inbox-page15 .thread strong{display:block;font-size:15px;margin-bottom:4px}
 .inbox-mobile241 .inbox-page15 .thread p{display:block;margin:4px 0 8px;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .inbox-mobile241 .inbox-page15[data-inbox-view241=list] .chat,.inbox-mobile241 .inbox-page15[data-inbox-view241=chat] .thread-list,.inbox-mobile241 .inbox-page15[data-inbox-view241=chat] .inbox-list-heading241{display:none!important}
 .inbox-mobile241 .inbox-page15 .customer{display:none!important}
 .inbox-mobile241 .inbox-page15 .chat{display:flex;flex:1;min-height:0!important;height:100%;overflow:hidden}
 .inbox-mobile241 .inbox-page15 .chat-head{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;padding:6px 8px;min-height:48px}
 .inbox-mobile241 .inbox-back241{display:block;flex:none;min-height:40px;min-width:64px;font-size:13px;padding:6px}
 .inbox-mobile241 .inbox-page15 .chat-title12{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;flex:1;gap:6px}
 .inbox-mobile241 .inbox-page15 .chat-title12>strong{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .inbox-mobile241 .inbox-page15 .chat-title12>button{display:none!important}
 .inbox-mobile241 .inbox-page15 .chat-title12 .badge{flex:none;font-size:11px;margin:0;padding:4px}
 .inbox-mobile241 .inbox-page15 .chat-title12 .channel-icon19{width:19px;height:19px}
 .inbox-mobile241 .inbox-page15 .messages{flex:1 1 0;min-height:0!important;padding:12px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .inbox-mobile241 .inbox-page15 .messages:focus-visible{outline:2px solid var(--nx-blue);outline-offset:-2px}
 .inbox-mobile241 .inbox-page15 .bubble{flex-shrink:0;font-size:14px;line-height:1.55;padding:11px 12px;max-width:94%;overflow-wrap:anywhere}
 html.nexo17 .inbox-mobile241 .inbox-page15 #compose-form{display:grid;grid-template-columns:40px minmax(0,1fr) 48px;gap:5px 6px;flex:none;min-height:0;max-height:none!important;overflow:visible;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--nx-surface)}
 .inbox-mobile241 #compose-form>.compose-actions12,.inbox-mobile241 #compose-form>.actions{display:contents}
 .inbox-mobile241 #compose-form>.compose-actions12>button,.inbox-mobile241 #compose-form>.actions>[data-action=template-picker]{display:none!important}
 .inbox-mobile241 #compose-form>label[for=message]{grid-column:1/-1;grid-row:1;font-size:11px;line-height:1.4;margin:0;color:var(--nx-muted)}
 .inbox-mobile241 #compose-form>.compose-relative12{grid-column:1/-1;grid-row:2;min-width:0;margin:0}
 .inbox-mobile241 #compose-form .response-box12{min-height:0;padding:4px;max-width:100%}
 .inbox-mobile241 #compose-form #message{box-sizing:border-box;display:block;min-height:64px!important;max-height:96px;height:64px;width:100%;font-size:16px;line-height:1.4;padding:8px;resize:none;border-radius:6px;scroll-margin-bottom:8px}
 .inbox-mobile241 #compose-form .icon-attach13{grid-row:3;grid-column:1;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin:0;padding:6px}
 .inbox-mobile241 #compose-form .icon-attach13:focus-within{outline:2px solid var(--nx-blue);outline-offset:2px}
 .inbox-mobile241 #compose-form .chat-tools12{grid-row:3;grid-column:3;min-width:0;align-self:stretch}
 .inbox-mobile241 #compose-form .chat-tools12>summary{list-style:none;display:flex;align-items:center;justify-content:center;min-height:40px;height:100%;padding:5px;font-size:0}
 .inbox-mobile241 #compose-form .chat-tools12>summary::-webkit-details-marker{display:none}
 .inbox-mobile241 #compose-form .chat-tools12>summary::after{content:'Más';font-size:13px}
 .inbox-mobile241 #compose-form .chat-tools12>div{display:none!important}
 .inbox-mobile241 #compose-form>.actions>[type=submit]{grid-column:2;grid-row:3;min-height:40px;min-width:0;margin:0;font-size:0;padding:6px}
 .inbox-mobile241 #compose-form>.actions>[type=submit]::after{content:attr(data-mobile-label241);font-size:13px;line-height:1.3}
 /* Provider controls are dynamic direct children: never auto-place them in the narrow icon tracks. */
 .inbox-mobile241 #compose-form>#meta-platform-compose-status{grid-column:1/-1;grid-row:4;min-width:0;max-width:100%;margin:0;overflow-wrap:anywhere;white-space:normal}
 .inbox-mobile241 #compose-form>#meta-platform-attachment{grid-column:1/-1;grid-row:5;min-width:0;max-width:100%;overflow-wrap:anywhere}
 .inbox-mobile241 #compose-form>#meta-platform-attachment input{box-sizing:border-box;min-width:0;max-width:100%}
 .inbox-mobile241 #compose-form>button[data-action="compose-mode"][data-id="note"],.inbox-mobile241 #compose-form>button[data-action="draft-save"]{grid-column:1/-1;min-width:0;max-width:100%;min-height:44px;height:auto;align-self:start;white-space:normal;overflow-wrap:anywhere;padding:8px;line-height:1.4}
 .inbox-mobile241 #compose-form>button[data-action="compose-mode"][data-id="note"]{grid-row:6}
 .inbox-mobile241 #compose-form>button[data-action="draft-save"]{grid-row:7}
 .inbox-mobile241 #compose-form>p.muted,.inbox-mobile241 #compose-form #composer-shortcuts20{display:none!important}
 .inbox-mobile241 #wb-draft-list{max-height:64px;overflow:auto}.inbox-mobile241 #wb-draft-list:empty{display:none}.inbox-mobile241 .draft-file12{font-size:11px;overflow-wrap:anywhere}.inbox-mobile241 .draft-materials12{max-height:48px;overflow:auto;font-size:11px}
 .inbox-mobile241 .inbox-quick19{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 8px;flex:none}
 .inbox-mobile241 .inbox-quick19>.tabs{display:flex;gap:4px;min-width:0;flex-wrap:nowrap}
 .inbox-mobile241 .inbox-quick19>.tabs button{flex:1;min-height:40px;min-width:0;padding:6px;font-size:11px}
 .inbox-mobile241 .inbox-toggle18{margin:0}.inbox-mobile241 .inbox-toggle18 button{min-height:40px;padding:6px 10px;font-size:0}.inbox-mobile241 .inbox-toggle18 button::after{content:'Filtros';font-size:12px}
 .inbox-mobile241 .inbox-tools15{flex:none;max-height:40dvh;overflow:auto;overscroll-behavior:contain}.inbox-mobile241 .inbox-tools15 button{min-height:40px;font-size:12px}
 .inbox-mobile241 .inbox-page15[data-inbox-view241=list]>.mobile-pane-tabs15{display:none!important}
 .inbox-mobile241 .mobile-pane-tabs15{flex:none;margin:0 0 6px;gap:4px}.inbox-mobile241 .mobile-pane-tabs15 button{min-height:40px;font-size:11px;padding:5px 8px}
 .inbox-mobile241 .inbox-page15 .wb-panel{min-height:0;overflow:auto;overscroll-behavior:contain}
 .inbox-mobile241 .release12-chat.wb-split{display:flex;flex-direction:column}
 .inbox-mobile241 .release12-chat.wb-split>div{display:none}
 .inbox-mobile241 .release12-chat.wb-split>.wb-panel{display:block;flex:1}
 .inbox-mobile241 .release12-chat.wb-split.view-chat15>div{display:flex;flex:1}
 .inbox-mobile241 .release12-chat.wb-split.view-chat15>.wb-panel{display:none}
 .inbox-mobile241 .fab13{display:none!important}
 .inbox-mobile241.inbox-keyboard241 .workspace>.banner,.inbox-mobile241.inbox-keyboard241 .nexo17-header{display:none!important}
 .inbox-mobile241.inbox-keyboard241 .inbox-page15{padding:0!important}
 .inbox-mobile241.inbox-keyboard241 .chat-head{min-height:42px;padding:2px 6px}
 .inbox-mobile241.inbox-keyboard241 #compose-form{padding:5px 6px}
 .inbox-mobile241.inbox-keyboard241 #compose-form #message{min-height:44px!important;max-height:64px}
}
@media(max-width:1000px) and (max-height:500px){.inbox-mobile241.inbox-conversation241 .nexo17-header{display:none!important}}
@media(prefers-reduced-motion:reduce){.inbox-sheet241,.inbox-mobile241 *{scroll-behavior:auto!important;transition:none!important}}

/* 325: keep conversation actions in the existing customer column. */
.inbox-page15 .customer-chat-actions325{display:grid;gap:6px;min-width:0;margin:12px 0}
.inbox-page15 .customer-chat-actions325 .customer-chat-action325{box-sizing:border-box;display:block;width:100%;height:auto;min-height:36px;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:8px;font-size:12px;line-height:1.4}
.chat-actions-trigger325{display:block;flex:none;min-height:44px;padding:6px 8px}
.inbox-page15 .chat-head.chat-actions-in-sidebar325{display:none!important}


/* 415: comments use natural page flow on mobile; private chat keeps its viewport layout. */
@media(max-width:760px){
 html.nexo17 .inbox-mobile241 .inbox-page15:has(.public-inbox14){height:auto;min-height:var(--inbox-height241,60dvh)!important;overflow:visible}
 .inbox-page15 .public-inbox14{flex:none;grid-template-rows:auto auto;align-items:start;overflow:visible}
 .inbox-page15 .public-list14{display:grid;grid-template-columns:minmax(0,1fr);height:auto;max-height:none;overflow:visible;align-content:start}
 .inbox-page15 .public-detail14{overflow:visible}
 .inbox-page15 .public-list14 button>.pending-label409{display:inline-flex}
}

/* 420: four persistent actions in one row, including the active mobile conversation. */
.inbox-quick19.inbox-toolbar420{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;min-width:0;flex:none}
.inbox-toolbar420 .comment-tabs14,.inbox-toolbar420 .inbox-toggle18{display:contents}
.inbox-toolbar420 .inbox-preset420{display:flex;margin:0;min-width:0;max-width:190px}
.inbox-toolbar420 button,.inbox-toolbar420 select{box-sizing:border-box;min-height:44px;height:auto;margin:0;white-space:normal;line-height:1.25;color:var(--nx-ink,var(--text));background:var(--nx-surface,var(--surface));border:1px solid var(--nx-line,var(--line))}
.inbox-toolbar420 select{width:100%;min-width:0;font:inherit;padding:8px 24px 8px 8px}
.inbox-toolbar420 button:focus-visible,.inbox-toolbar420 select:focus-visible{outline:3px solid var(--nx-blue,#ad4b00);outline-offset:2px}
.inbox-toolbar420 .comment-tabs14 button[aria-pressed=true]{background:var(--nx-ink,#253039);color:var(--nx-surface,#fff)}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 .inbox-mobile241 .inbox-quick19.inbox-toolbar420{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible}
 .inbox-mobile241 .inbox-toolbar420 button,.inbox-mobile241 .inbox-toolbar420 select{width:100%;min-width:0;min-height:44px;font-size:10px;padding:5px 3px;overflow-wrap:anywhere}
 .inbox-mobile241 .inbox-toolbar420 .inbox-preset420{max-width:none}
 .inbox-mobile241 .inbox-toolbar420 select{padding-right:16px}
 .inbox-mobile241 .inbox-toolbar420 .inbox-toggle18 button::after{content:none}
 .inbox-mobile241 .inbox-toolbar420 .pending-count409{min-width:14px;font-size:9px;padding:1px 3px}
}

.inbox-toolbar420 .comment-tabs14 button[aria-pressed=true]:is(:hover,:focus-visible){background:var(--nx-ink,#253039);color:var(--nx-surface,#fff);border-color:var(--nx-ink,#253039)}
.inbox-toolbar420 .comment-tabs14 button[aria-pressed=true]{transition:none}
.pending-retry420{padding:4px 12px;flex:none}
.inbox-tools15>.inbox-alerts420{box-sizing:border-box;flex:1 0 100%;grid-column:1/-1;min-width:0;max-width:100%}
.inbox-alerts420>summary{min-height:44px;cursor:pointer;line-height:1.5}
.inbox-alerts420>button{box-sizing:border-box;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;margin:4px 4px 4px 0}
.inbox-alerts420>p{overflow-wrap:anywhere;line-height:1.5}