:root{--m-bg:#eef3f4;--m-panel:#fff;--m-ink:#12343c;--m-muted:#73868b;--m-line:#d8e4e6;--m-deep:#07303a;--m-accent:#d4b236;--m-green:#217353;--m-red:#a6323c;--m-scroll-thumb:#b8c9cd;--m-scroll-thumb-hover:#91a9ae}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--m-bg);color:var(--m-ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}

/* Agent app viewport: the browser page itself does not become a second dashboard scroller. */
.m-shell{height:var(--cbi-visual-height,100dvh);min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden}.m-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--m-line);padding:0 18px;position:relative;z-index:30;min-width:0}.m-brand{display:flex;align-items:center;gap:9px;font-weight:850;min-width:0}.m-brand img{width:35px;height:35px;object-fit:contain;flex:0 0 auto}.m-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-presence{display:flex;align-items:center;gap:8px;min-width:0}.m-dot{width:9px;height:9px;border-radius:50%;background:#5eb987;flex:0 0 auto}

/* Constrain the work area so only the intended sections scroll. */
.m-layout{display:grid;grid-template-columns:320px minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden}.m-queue{background:#f8fbfb;border-right:1px solid var(--m-line);padding:14px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.m-queue-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;position:sticky;top:-14px;z-index:5;background:#f8fbfb;padding:14px 0 8px}.m-filter{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;margin-bottom:11px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m-filter::-webkit-scrollbar{display:none}.m-chip{white-space:nowrap;border:1px solid var(--m-line);background:#fff;border-radius:999px;padding:7px 9px;font-size:.73rem;font-weight:750;cursor:pointer}.m-ticket{display:block;background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:12px;margin-bottom:8px;overflow:hidden}.m-ticket.active{border-color:#789da5;box-shadow:0 0 0 2px rgba(7,48,58,.06)}.m-ticket strong{display:block;font-size:.88rem;overflow-wrap:anywhere}.m-ticket p{font-size:.78rem;color:var(--m-muted);margin:5px 0;overflow-wrap:anywhere}.m-ticket small{font-size:.68rem;color:var(--m-muted)}

.m-work{min-width:0;min-height:0;padding:14px;overflow:hidden}.m-empty{height:100%;min-height:0;display:grid;place-items:center;color:var(--m-muted)}.m-case{height:100%;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:minmax(0,1fr);background:#fff;border:1px solid var(--m-line);border-radius:17px;overflow:hidden}.m-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}.m-chat-head{padding:14px 16px;border-bottom:1px solid var(--m-line);display:flex;justify-content:space-between;gap:12px;min-width:0}.m-chat-head>div{min-width:0}.m-messages{min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;background:linear-gradient(#f8fbfb,#fff);display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.cbi-message{max-width:78%;padding:10px 12px;border:1px solid var(--m-line);border-radius:14px 14px 14px 4px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere}.cbi-message.mine{margin-left:auto;background:var(--m-deep);color:#fff;border-color:var(--m-deep);border-radius:14px 14px 4px 14px}.cbi-message .meta{font-size:.65rem;opacity:.6;margin-top:4px}.cbi-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;border-top:1px solid var(--m-line);background:#fff;position:relative;z-index:2}.m-side{min-width:0;min-height:0;border-left:1px solid var(--m-line);padding:15px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}

/* Consistent, unobtrusive scrollbars on the three real scroll regions. */
.m-queue,.m-messages,.m-side{scrollbar-width:thin;scrollbar-color:var(--m-scroll-thumb) transparent}.m-queue::-webkit-scrollbar,.m-messages::-webkit-scrollbar,.m-side::-webkit-scrollbar{width:8px;height:8px}.m-queue::-webkit-scrollbar-track,.m-messages::-webkit-scrollbar-track,.m-side::-webkit-scrollbar-track{background:transparent}.m-queue::-webkit-scrollbar-thumb,.m-messages::-webkit-scrollbar-thumb,.m-side::-webkit-scrollbar-thumb{background:var(--m-scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px}.m-queue::-webkit-scrollbar-thumb:hover,.m-messages::-webkit-scrollbar-thumb:hover,.m-side::-webkit-scrollbar-thumb:hover{background:var(--m-scroll-thumb-hover);border:2px solid transparent;background-clip:padding-box}.m-queue::-webkit-scrollbar-corner,.m-messages::-webkit-scrollbar-corner,.m-side::-webkit-scrollbar-corner{background:transparent}

.m-card{border:1px solid var(--m-line);border-radius:13px;padding:12px;background:#fff;overflow-wrap:anywhere}.m-card+.m-card{margin-top:10px}.m-actions{display:grid;gap:7px}.m-btn{border:1px solid var(--m-line);background:#fff;color:var(--m-deep);padding:9px 11px;border-radius:10px;font-weight:800;cursor:pointer}.m-btn.primary{background:var(--m-deep);border-color:var(--m-deep);color:#fff}.m-btn.gold{background:var(--m-accent);border-color:var(--m-accent)}.m-btn.bad{background:#fff1f2;color:var(--m-red);border-color:#efcbd0}.m-input,.m-select,.m-textarea{width:100%;border:1px solid var(--m-line);border-radius:10px;padding:10px;background:#fff;outline:none}.m-textarea{min-height:86px;max-height:34dvh;resize:vertical}.m-field{display:grid;gap:5px;margin-bottom:10px}.m-field label{font-size:.72rem;color:var(--m-muted);font-weight:750}.m-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2f3;color:#536b71;font-size:.68rem;font-weight:800;text-transform:capitalize}.m-badge.resolved{background:#e8f7ef;color:var(--m-green)}.m-badge.on_hold,.m-badge.waiting{background:#fff5da;color:#8a650d}.m-badge.failed{background:#fff0f1;color:var(--m-red)}.m-muted{color:var(--m-muted)}.m-toast{position:fixed;right:16px;top:76px;background:#07303a;color:#fff;border-radius:11px;padding:11px 13px;z-index:5000}.m-mobile-back{display:none}

@media(max-width:900px){.m-layout{grid-template-columns:280px minmax(0,1fr)}.m-case{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(120px,32dvh)}.m-side{border-left:0;border-top:1px solid var(--m-line);max-height:none}}

@media(max-width:700px){.m-top{padding:0 12px}.m-brand span{max-width:42vw}.m-presence>span:not(.m-dot){display:none}.m-layout{display:block;height:100%;overflow:hidden}.m-queue{height:100%;min-height:0;border-right:0;padding-bottom:max(18px,env(safe-area-inset-bottom))}.m-layout.has-case .m-queue{display:none}.m-work{height:100%;padding:0}.m-case{height:100%;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) minmax(118px,30dvh)}.m-chat{min-height:0}.m-chat-head{padding:10px 12px}.m-messages{padding:12px;scrollbar-gutter:auto}.m-mobile-back{display:inline-flex;margin-right:7px}.cbi-composer{grid-template-columns:1fr;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.m-side{padding:12px max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));scrollbar-gutter:auto}.m-queue,.m-messages,.m-side{scrollbar-width:auto}.m-queue::-webkit-scrollbar,.m-messages::-webkit-scrollbar,.m-side::-webkit-scrollbar{width:4px;height:4px}}

@media(max-height:560px) and (min-width:701px){.m-case{border-radius:12px}.m-chat-head{padding:9px 12px}.cbi-composer{padding:8px}.m-side{padding:10px}}

/* Agent workspace controls, profile/settings and queue sorting */
[hidden]{display:none!important}.m-top-nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:14px}.m-nav-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:8px 10px;font-size:.78rem;font-weight:800;color:var(--m-muted)}.m-nav-btn:hover,.m-nav-btn.active{color:var(--m-deep);background:#f3f7f7;border-color:var(--m-line)}.m-queue-tools{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:-3px 0 11px}.m-queue-tools label{font-size:.7rem;font-weight:800;color:var(--m-muted)}.m-queue-tools .m-select{padding:7px 9px;font-size:.74rem}.m-queue-empty{padding:16px 8px;text-align:center}.m-page{height:100%;min-height:0;overflow:auto;padding:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--m-scroll-thumb) transparent}.m-page::-webkit-scrollbar{width:8px}.m-page::-webkit-scrollbar-thumb{background:var(--m-scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px}.m-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.m-page-head h1{font-size:1.45rem;margin:4px 0}.m-page-head p{margin:0;max-width:680px}.m-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.m-settings-grid.compact{margin-top:12px}.m-settings-grid>.m-card{margin-top:0}.m-settings-card{max-width:860px}.m-form{display:grid;gap:10px}.m-form .m-field{margin-bottom:0}.m-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--m-line)}.m-setting-row:first-of-type{padding-top:2px}.m-setting-row p{margin:4px 0 0;font-size:.76rem;line-height:1.5;color:var(--m-muted);max-width:620px}.m-switch{position:relative;display:inline-flex;width:46px;height:26px;flex:0 0 auto}.m-switch input{position:absolute;opacity:0;pointer-events:none}.m-switch span{position:absolute;inset:0;border-radius:999px;background:#ccd9dc;cursor:pointer;transition:.18s}.m-switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.18s}.m-switch input:checked+span{background:var(--m-deep)}.m-switch input:checked+span:after{transform:translateX(20px)}.m-switch input:focus-visible+span{outline:3px solid rgba(7,48,58,.18);outline-offset:2px}.m-setting-note{margin:12px 0;padding:10px 12px;border-radius:10px;background:#f3f7f7;color:var(--m-muted);font-size:.74rem;line-height:1.5}.m-toast[data-bad="1"]{background:var(--m-red)}

@media(max-width:900px){.m-top-nav span{display:none}.m-nav-btn{padding:8px}.m-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.m-top{gap:6px}.m-brand span{display:none}.m-top-nav{margin:0 auto;gap:2px}.m-nav-btn{border:0;background:transparent;font-size:.9rem}.m-presence .m-btn{padding:7px 8px;font-size:.7rem}.m-layout.has-work .m-queue{display:none}.m-page{padding:14px max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));scrollbar-gutter:auto}.m-page-head{margin-bottom:12px}.m-page-head .m-mobile-back{display:inline-flex;margin-bottom:8px}.m-settings-grid.compact{grid-template-columns:1fr}.m-setting-row{gap:12px}}

/* v3.3 responsive brand + installed-agent-app notification controls */
.m-pwa-card{max-width:860px;margin-bottom:12px!important;display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:start}.m-pwa-card h2{margin:2px 0 7px}.m-pwa-icon{width:56px;height:56px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(7,48,58,.12)}.m-pwa-icon img{display:block;width:100%;height:100%;object-fit:cover}.m-inline-actions{display:flex;gap:8px;flex-wrap:wrap}[data-pwa-status][data-state="bad"]{color:var(--m-red)}[data-pwa-status][data-state="ok"]{color:var(--m-green)}
@media(max-width:700px){.m-shell{grid-template-rows:104px minmax(0,1fr)}.m-top{height:104px;align-content:center;flex-wrap:wrap;padding:8px 10px;row-gap:3px}.m-brand{flex:1 1 auto;max-width:190px}.m-brand span{display:inline;font-size:.78rem;max-width:136px}.m-top-nav{order:3;width:100%;margin:0;justify-content:space-around;height:42px}.m-nav-btn{flex:1;justify-content:center;min-width:0}.m-presence{margin-left:auto}.m-pwa-card{grid-template-columns:1fr}.m-pwa-icon{width:52px;height:52px}.m-inline-actions{display:grid;grid-template-columns:1fr}.m-inline-actions .m-btn{width:100%}}


/* v3.4 ticket action / online visitor refinements */
.m-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;height:1.8rem;line-height:1;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;flex:0 0 auto;width:max-content;max-width:100%;box-sizing:border-box}.m-case-whatsapp{grid-template-columns:minmax(0,1fr) 300px}.m-case-whatsapp .m-chat{min-width:0}.m-presence-grid{padding-bottom:12px}
@media(max-width:900px){.m-badge{height:auto;min-height:1.75rem}.m-case-whatsapp{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(130px,32dvh)}}
@media(max-width:700px){.m-badge{height:auto;min-height:1.7rem;padding:5px 7px;font-size:.65rem}.m-case-whatsapp{height:100%;grid-template-rows:minmax(0,1fr) minmax(120px,30dvh)}}

/* v3.6 online visitor page title + URL hierarchy */
.cbi-presence-page-title{display:block;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.cbi-presence-page-url{display:block;margin-top:3px;font-size:.68rem;line-height:1.35;color:var(--m-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}

/* v4.0.10 restore immersive mobile support chat + details drawer */
.m-support-info,.m-support-details-close{display:none}
@media(max-width:700px){
  .m-case-whatsapp{grid-template-rows:minmax(0,1fr)!important;position:relative;overflow:hidden}
  .m-case-whatsapp .m-chat{height:100%;min-height:0}
  .m-case-whatsapp .m-side{display:block!important;position:fixed;z-index:4600;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));height:auto;max-height:none;padding:14px;background:#fff;border:1px solid var(--m-line);border-radius:18px;box-shadow:0 24px 80px rgba(3,31,39,.28);overflow:auto;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease}
  .m-case-whatsapp .m-side.support-details-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .m-support-info,.m-support-details-close{display:inline-flex;align-items:center;justify-content:center;gap:6px}
  .m-support-details-close{width:100%;margin-bottom:10px}
  .m-case-whatsapp .m-chat-head{gap:8px}
  .m-case-whatsapp .m-ticket-head-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){.m-case-whatsapp .m-side{transition:none!important}}