.desktop-windows-hint{margin:6px 7px 9px;color:#7b8a9c;font-size:10px;line-height:1.7}
.desktop-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;flex:none;padding:8px 14px;border-bottom:1px solid #e4eaf2;background:#f7faff;color:#365471;font-size:12px}
.desktop-window-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.desktop-window-bar>span{flex:none;color:#7e8da0;font-size:10px}
.desktop-window-bar{background:color-mix(in srgb,var(--brand-accent,#5d7aa8) 16%,white);border-bottom-color:color-mix(in srgb,var(--brand-accent,#5d7aa8) 35%,white);border-left:4px solid var(--brand-accent,#5d7aa8)}
.desktop-window-bar strong{flex:1}.desktop-window-color{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:22px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--brand-accent,#5d7aa8) 35%,white);border-radius:6px;background:#ffffffb3;color:#40536c;font:inherit;font-size:10px;line-height:16px}.desktop-window-color i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--brand-accent,#5d7aa8)}.desktop-window-color:hover{background:#fff}.desktop-window-color:focus-visible{outline:2px solid var(--brand-accent,#5d7aa8);outline-offset:2px}
body[data-desktop-window-kind=brand] .inbox-heading{background:color-mix(in srgb,var(--brand-accent,#5d7aa8) 7%,white)}
.desktop-window-error{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:10px 14px;background:#fff8e9;border-bottom:1px solid #eee0c5;color:#80663c;font-size:12px;line-height:1.6}.desktop-window-error button{flex:none;border:1px solid #dcc499;border-radius:7px;background:#fff;padding:6px 9px;color:#80663c;font:inherit;font-size:11px}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]){min-width:0!important;min-height:0!important;height:100dvh;overflow:hidden;background:#fff}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #app{display:flex;flex-direction:column;grid-template-columns:none;height:100dvh;min-height:0;width:100%;overflow:hidden}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .sidebar,body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .page-heading,body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .page-footnote{display:none!important}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .admin-main{display:flex;flex-direction:column;padding:0!important;margin:0;min-width:0;min-height:0;width:100%;flex:1;overflow:hidden}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .inbox-view,body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .workspace{flex:1;min-height:0;height:auto;min-width:0;margin:0}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-content{display:flex!important;flex-direction:column;min-height:0;width:100%;height:100%}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-thread{display:flex!important;flex-direction:column;min-height:0;min-width:0;flex:1;height:100%}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .customer-details{display:none!important}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading{order:0!important;flex:none;min-height:65px;padding:10px 14px;gap:8px!important}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .context-bar{order:1!important;max-height:52px;overflow:auto;padding:7px 14px}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-summary{order:2!important}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .message-list{order:3!important;flex:1;min-height:80px;padding:16px 14px}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .closed-note{order:4!important;padding:12px 14px;font-size:11px;line-height:1.6}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer{order:5!important;flex:none;margin:0 12px 12px}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer textarea{min-height:78px;padding:11px 12px 7px;font-size:13px}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer-toolbar{padding:7px 9px 0;gap:6px!important}.desktop-window-bar[hidden],.desktop-window-error[hidden]{display:none}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer-hint{padding:7px 10px 9px;font-size:9px;line-height:1.5}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .sms-config-note{display:none}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading-main{min-width:0;gap:8px}.conversation-heading-main>div{min-width:0}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #selected-title{font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #selected-subtitle{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading-actions{gap:6px}.desktop-window-error+ .app-error{margin:5px 12px!important}
body[data-desktop-window-kind=conversation] .workspace{display:flex!important;flex-direction:column}
body[data-desktop-window-kind=conversation] .inbox{display:none!important}
body[data-desktop-window-kind=conversation] .conversation-panel{display:flex;flex:1;min-width:0;min-height:0;border:0;border-radius:0}
body[data-desktop-window-kind=brand] .workspace{display:grid!important;grid-template-columns:280px minmax(0,1fr)}
body[data-desktop-window-kind=brand] .inbox{height:100%;min-height:0}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #login-screen{display:none!important}
@media(max-width:560px){body[data-desktop-window-kind=conversation] .desktop-window-bar{padding:7px 12px;min-height:34px}body[data-desktop-window-kind=conversation] .desktop-window-bar>span{display:none}body[data-desktop-window-kind=conversation] .conversation-heading .selected-avatar{display:none}body[data-desktop-window-kind=conversation] #selected-status{display:none}body[data-desktop-window-kind=conversation] .message-bubble{max-width:92%}body[data-desktop-window-kind=conversation] #message-list .message.system{max-width:94%}body[data-desktop-window-kind=conversation] .named-link-label{font-size:10px}body[data-desktop-window-kind=conversation] .outlet-daily-summary{padding:7px 12px;gap:7px}body[data-desktop-window-kind=conversation] .outlet-daily-item{padding:5px 6px}}
body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) [hidden],body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #app[hidden]{display:none!important}
body[data-desktop-window-kind=brand] .workspace:has(#no-conversation:not([hidden])){grid-template-columns:minmax(0,1fr)}
body[data-desktop-window-kind=brand] .workspace:has(#no-conversation:not([hidden])) .conversation-panel{display:none}

/* The small native windows use their whole client area, independent of the main-page mobile grid. */
body[data-desktop-window-kind=brand] .workspace:has(#no-conversation:not([hidden])){grid-template-rows:minmax(0,1fr);height:auto}
@media(max-width:620px){
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .desktop-window-bar{min-height:26px;padding:4px 10px;gap:7px;font-size:11px;line-height:17px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .desktop-window-bar>span{display:none}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .desktop-window-color{min-height:18px;padding:0 5px;font-size:9px;line-height:14px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .business-workbar{min-height:34px;padding:4px 10px;gap:6px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #business-brand-label{max-width:110px;font-size:11px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .business-work-actions{gap:4px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .business-work-actions button{height:25px;padding:3px 7px;font-size:10px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .business-inquiry-pill{font-size:10px;gap:4px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .business-inquiry-pill strong{font-size:12px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading{min-height:50px;padding:6px 10px;gap:6px!important}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading-main{gap:6px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .conversation-heading .selected-avatar{display:none}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #selected-title{font-size:14px;line-height:18px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #selected-subtitle{font-size:10px;line-height:15px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) #close-conversation-button{min-height:27px;padding:5px 7px;font-size:10px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .context-bar{max-height:28px;padding:5px 10px;font-size:10px;line-height:17px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-summary{min-height:32px;padding:5px 10px;gap:6px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-date{display:none}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-label{font-size:10px;line-height:16px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-totals{gap:4px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-item{min-height:22px;padding:3px 5px;gap:3px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-name{font-size:9px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-count{font-size:11px;line-height:14px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .outlet-daily-note{font-size:8px;max-width:30px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .message-list{min-height:80px;padding:12px 10px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .closed-note{padding:9px 10px;font-size:10px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer{position:relative;margin:0 9px 8px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer textarea{height:58px;min-height:58px;max-height:95px;padding:8px 10px;font-size:13px;line-height:19px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer .text-format-tools{position:absolute;left:8px;bottom:8px;z-index:2;height:27px;margin:0;gap:5px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer .text-format-tools>span:not(.text-format-status){display:none}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer .text-format-bold{width:28px;height:27px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer .text-format-status:not(:empty){position:absolute;bottom:31px;left:0;width:min(260px,calc(100vw - 60px));padding:5px 7px;border-radius:6px;background:#fff2f0;font-size:10px;line-height:15px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer-toolbar{display:flex;flex-wrap:wrap;align-items:center!important;gap:5px!important;padding:5px 8px 7px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .named-link-actions{width:100%;flex:0 0 100%;gap:5px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .named-link-button{min-height:36px;padding:4px 5px;gap:2px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .named-link-label{font-size:10px;line-height:13px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .named-link-count{min-width:52px;padding:2px 5px;font-size:10px;line-height:13px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer-right{width:100%;flex:1 0 100%;justify-content:flex-end;margin:0;min-height:28px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .send-button{min-height:28px;padding:5px 10px;font-size:11px;line-height:18px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer-hint{display:none}
  body[data-desktop-window-kind=brand] .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:auto}
  body[data-desktop-window-kind=brand] .inbox{display:flex;flex-direction:column;min-height:0;height:100%;max-height:none;border:0}
  body[data-desktop-window-kind=brand] .inbox-title{padding:10px 13px 7px;flex:none}
  body[data-desktop-window-kind=brand] .inbox-title h2{font-size:14px;line-height:20px}
  body[data-desktop-window-kind=brand] .conversation-search{flex:none;padding:0 12px 7px}
  body[data-desktop-window-kind=brand] .conversation-search input{min-height:34px;height:34px;padding:7px 10px 7px 31px;font-size:12px}
  body[data-desktop-window-kind=brand] .conversation-search>.ui-svg{left:23px;top:10px;width:14px;height:14px}
  body[data-desktop-window-kind=brand] .status-filters{flex:none;margin:0 12px 7px;padding:3px}
  body[data-desktop-window-kind=brand] .status-filters button{padding:5px 4px;font-size:11px;line-height:17px}
  body[data-desktop-window-kind=brand] .conversation-list{flex:1;min-height:0;overflow:auto}
  body[data-desktop-window-kind=brand] .inbox-footnote{display:none}
  body[data-desktop-window-kind=brand] .workspace:has(#no-conversation[hidden]){grid-template-rows:155px minmax(350px,1fr);overflow-y:auto;overscroll-behavior:contain}
  body[data-desktop-window-kind=brand] .workspace:has(#no-conversation[hidden]) .conversation-panel{min-height:350px;overflow:hidden}
}
@media(max-width:620px) and (max-height:520px){
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .composer textarea{height:48px;min-height:48px;max-height:80px;padding-top:6px;padding-bottom:6px;line-height:18px}
  body:is([data-desktop-window-kind=conversation],[data-desktop-window-kind=brand]) .context-bar{max-height:24px;padding-top:3px;padding-bottom:3px}
}