:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.top{height:64px;background:#111827;color:white;display:flex;align-items:center;padding:0 22px;gap:12px}.brand{font-weight:800;font-size:20px}.brand .r{color:#ef4444}.brand .g{color:#22c55e}.brand .b{color:#3b82f6}.pill{margin-left:auto;background:#1f2937;padding:7px 10px;border-radius:999px;font-size:12px}.layout{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 64px)}.sidebar{border-right:1px solid #e5e7eb;background:white;overflow:auto}.filters{padding:14px;display:flex;gap:7px;flex-wrap:wrap}.filters button,.btn{border:1px solid #d1d5db;background:white;border-radius:8px;padding:8px 10px;cursor:pointer}.filters button.active,.btn.primary{background:#111827;color:white;border-color:#111827}.chatrow{padding:14px 16px;border-top:1px solid #f0f1f3;cursor:pointer}.chatrow:hover,.chatrow.active{background:#f4f7ff}.rowtop{display:flex;justify-content:space-between;gap:8px}.name{font-weight:700}.meta,.preview{font-size:12px;color:#6b7280;margin-top:4px}.badge{background:#dc2626;color:white;border-radius:999px;padding:2px 7px;font-size:11px}.main{display:flex;flex-direction:column;min-width:0}.empty{margin:auto;color:#6b7280}.chathead{background:white;border-bottom:1px solid #e5e7eb;padding:13px 18px;display:flex;align-items:center;gap:10px}.chathead .info{flex:1}.chathead select{padding:8px;border-radius:8px;border:1px solid #d1d5db}.messages{padding:20px;overflow:auto;flex:1}.bubble{max-width:70%;padding:10px 13px;border-radius:14px;margin:8px 0;background:white;border:1px solid #e5e7eb}.bubble.agent{margin-left:auto;background:#111827;color:white;border-color:#111827}.bubble small{display:block;opacity:.65;margin-top:5px}.composer{padding:14px;background:white;border-top:1px solid #e5e7eb;display:flex;gap:8px}.composer textarea{flex:1;resize:none;padding:11px;border:1px solid #d1d5db;border-radius:10px;height:48px}.widget-page{min-height:100vh;background:#eef2f7;display:grid;place-items:center}.widget{width:360px;height:600px;background:white;border-radius:18px;box-shadow:0 18px 55px #0002;overflow:hidden;display:flex;flex-direction:column}.widget-head{background:#111827;color:white;padding:18px}.widget-head h2{margin:0 0 5px;font-size:19px}.widget-body{padding:15px;overflow:auto;flex:1}.widget-form{display:grid;gap:10px;padding:18px}.widget-form input{padding:12px;border:1px solid #d1d5db;border-radius:9px}.widget-composer{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.widget-composer input{flex:1;padding:11px;border:1px solid #d1d5db;border-radius:9px}.hidden{display:none!important}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{height:40vh}.main{height:60vh}.widget{width:min(94vw,360px);height:82vh}}

.app-shell{display:grid;grid-template-columns:176px minmax(0,1fr);height:calc(100vh - 64px)}.app-nav{background:#fff;border-right:1px solid #e5e7eb;padding:16px 10px;display:flex;flex-direction:column;gap:5px}.app-nav a{color:#334155;text-decoration:none;padding:11px 14px;border-radius:9px;font-weight:600}.app-nav a:hover,.app-nav a.active{background:#eaf1ff;color:#163d82}.app-shell .layout{height:100%;min-height:0}.section{padding:28px;overflow:auto;min-width:0}.section-head h1{margin:0;font-size:27px}.section-head p{color:#64748b;margin:7px 0 24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:10px}.muted{color:#64748b;font-size:13px}.search,.section input:not([type=search]),.section textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.search{max-width:440px;margin-bottom:16px}.contact{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact .muted{margin-top:5px}.contact a{text-decoration:none;color:#172033}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.stat{display:grid;gap:12px}.stat strong{font-size:28px}.section h2{font-size:18px;margin:25px 0 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:11px;border-bottom:1px solid #e5e7eb}.help-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.2fr);gap:20px}.help-layout .card h2{margin:0 0 18px}.help-layout label{display:block;margin:12px 0 6px;font-weight:600}.help-layout textarea{resize:vertical}.article{display:flex;flex-direction:column;text-align:left;width:100%;gap:6px;cursor:pointer;font:inherit}.article:hover{background:#f4f7ff}.actions{display:flex;gap:8px;margin-top:14px}#error{color:#b91c1c}@media(max-width:850px){.app-shell{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.app-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #e5e7eb}.app-nav a{white-space:nowrap}.app-shell .layout{height:calc(100vh - 120px)}.help-layout{grid-template-columns:1fr}.section{padding:18px}}

.profile-head{display:flex;align-items:center;gap:16px}.profile-head h2{margin:0}.profile-head p{margin:5px 0 0}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#163d82;font-weight:800;font-size:24px}

.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:20px}.profile-grid label,.section form>.card>label{display:block;margin:12px 0}.profile-grid input{margin-top:6px}.section select{padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.section input[type=radio],.section input[type=checkbox]{width:auto!important;margin-right:7px}.section form textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.section form .card{max-width:800px}.section form>.btn{margin:8px 0 22px}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background:#111827;color:#e5e7eb}[data-theme=dark] .sidebar,[data-theme=dark] .app-nav,[data-theme=dark] .card,[data-theme=dark] .chathead,[data-theme=dark] .composer,[data-theme=dark] .bubble:not(.agent){background:#1f2937;color:#e5e7eb;border-color:#374151}[data-theme=dark] .app-nav a,[data-theme=dark] .contact a{color:#e5e7eb}[data-theme=dark] .app-nav a.active,[data-theme=dark] .app-nav a:hover,[data-theme=dark] .chatrow:hover,[data-theme=dark] .chatrow.active{background:#243b62;color:#fff}[data-theme=dark] .chatrow{border-color:#374151}[data-theme=dark] .muted,[data-theme=dark] .meta,[data-theme=dark] .preview,[data-theme=dark] .section-head p{color:#aab7c8}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .btn:not(.primary){background:#111827;color:#e5e7eb;border-color:#475569}[data-theme=dark] th,[data-theme=dark] td{border-color:#374151}
/* EZRGB four-column conversation workspace */
.inbox-page{background:#f7f8fa;color:#20242b}.k-shell{height:100vh;display:grid;grid-template-columns:64px 192px 360px minmax(0,1fr);overflow:hidden}.k-rail{background:#fff;border-right:1px solid #e5e8ed;display:flex;align-items:center;flex-direction:column;gap:11px;padding:12px 8px}.k-rail a{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;text-decoration:none;color:#636d7a;font-size:22px}.k-rail a:hover,.k-rail a.active{color:#2d93dc;background:#eaf5fc}.k-rail .k-logo{font-size:11px;font-weight:900;color:#212936;letter-spacing:-1px;margin-bottom:20px}.k-logo .r{color:#e94949}.k-logo .g{color:#40a85e}.k-logo .b{color:#448fe5}.k-rail .bottom{margin-top:auto}.k-nav{background:#fff;border-right:1px solid #e5e8ed;padding:13px 9px}.k-nav a{display:block;border-radius:7px;padding:9px 10px;text-decoration:none;color:#545e69;font-size:13px}.k-nav a:hover,.k-nav a.selected{background:#f0f6fc;color:#2787ca}.k-nav-heading{font-size:13px;font-weight:650;margin:19px 10px 6px}.k-nav-hint{display:block;color:#9ca3af;font-size:12px;margin:8px 10px}.k-shell .layout{display:contents}.k-shell .sidebar{height:100vh;min-width:0}.k-search{padding:11px 14px 5px}.k-search input{width:100%;background:#f5f6f8;border:0;border-radius:7px;padding:9px 12px;font:inherit;font-size:13px}.k-heading{font-size:18px;font-weight:600;letter-spacing:-.02em;padding:7px 16px 0;margin:0}.k-heading span{font-size:11px;font-weight:400;background:#f2f3f5;padding:4px 7px;border-radius:6px;vertical-align:middle}.k-shell .filters{padding:12px 9px 0;gap:0;flex-wrap:nowrap;overflow:auto;border-bottom:1px solid #e8e9eb}.k-shell .filters button{border:0;border-bottom:2px solid transparent;border-radius:0;color:#6d7480;white-space:nowrap;padding:8px 9px;font-size:13px;background:transparent}.k-shell .filters button.active{color:#2e9bdd;border-bottom-color:#2e9bdd}.k-shell .chatrow{display:flex;gap:10px;padding:15px 14px;border-top:0;border-bottom:1px solid #f0f1f3;min-height:78px}.k-shell .chatrow.active{border-left:3px solid #319de5;background:#f6f9fc;padding-left:11px}.k-avatar{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:#d5edfd;color:#2d97dc;font-weight:600}.k-avatar.large{width:55px;height:55px;font-size:23px}.k-row-content{min-width:0;flex:1}.k-shell .rowtop{align-items:center}.k-shell .name{font-weight:600;font-size:14px}.k-shell .preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.k-shell .main{height:100vh;background:#f8f9fb}.k-shell .empty{color:#30333a;text-align:center}.k-empty-icon{width:85px;height:85px;background:#edf0f6;border-radius:50%;display:grid;place-items:center;color:#9cb7d9;font-size:38px;margin:0 auto 16px}.k-chat{height:100%;display:flex;flex-direction:column}.k-shell .chathead{height:59px;flex:none;padding:8px 17px}.k-shell .chathead .name{font-size:15px}.k-resolve{background:#42c65c!important;border-color:#42c65c!important;color:#fff!important;padding:9px 16px!important}.k-chat-body{display:grid;grid-template-columns:minmax(0,1fr) 285px;flex:1;min-height:0}.k-thread{display:flex;flex-direction:column;min-width:0}.k-thread .messages{display:flex;flex-direction:column}.k-thread .bubble.agent{background:#43a6ef;border-color:#43a6ef}.k-shell .composer{display:flex;flex-direction:column;align-items:stretch;gap:8px}.k-reply-label{color:#3395d6;font-size:13px;font-weight:600}.k-shell .composer textarea{width:100%;height:78px;border:0;padding:9px 2px}.k-shell .composer button{align-self:flex-end;background:#43a6ef;border-color:#43a6ef}.k-details{background:#fff;border-left:1px solid #e7e9ed;overflow:auto;padding:18px 16px}.k-details h2{font-size:17px;margin:12px 0}.k-details p{font-size:12px;color:#6c7480;overflow-wrap:anywhere}.k-details details{border-top:1px solid #e8e9ed;margin:12px -16px 0}.k-details summary{padding:13px 16px;cursor:pointer;font-size:13px;background:#f4f5f7}.k-details details p{padding:0 16px}[data-theme=dark] .k-rail,[data-theme=dark] .k-nav,[data-theme=dark] .k-details{background:#1f2937;color:#e5e7eb;border-color:#374151}[data-theme=dark] .k-nav a{color:#d1d5db}[data-theme=dark] .k-shell .main{background:#111827}[data-theme=dark] .k-shell .empty{color:#e5e7eb}[data-theme=dark] .k-details summary{background:#29364a}@media(max-width:1100px){.k-shell{grid-template-columns:55px 145px 300px minmax(0,1fr)}.k-chat-body{grid-template-columns:1fr}.k-details{display:none}}@media(max-width:730px){.k-shell{grid-template-columns:55px minmax(0,1fr);grid-template-rows:42vh 58vh;overflow:auto}.k-rail{grid-row:1/3}.k-nav{display:none}.k-shell .sidebar{height:42vh}.k-shell .main{height:58vh;grid-column:2}.k-shell .filters button{padding:7px}.k-shell .chathead select{max-width:110px}}
/* Staff conversation controls */
.compose-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb}.compose-tabs button{border:0;background:transparent;padding:7px 10px;cursor:pointer;color:#6b7280}.compose-tabs button.selected{color:#238fd2;border-bottom:2px solid #238fd2}.format-tools{display:flex;gap:5px}.format-tools button,.compose-bottom button:not(.primary),.contact-actions button,.detail-section button,#add-macro{border:1px solid #e5e7eb;background:#fff;color:#364152;padding:5px 8px;border-radius:6px;cursor:pointer;font:inherit;font-size:12px}.format-tools button{min-width:28px}.compose-bottom{display:flex;align-items:center;gap:7px}.compose-bottom .primary{margin-left:auto}.compose-bottom #compose-status{font-size:11px;color:#777;max-width:120px}.k-thread .composer{gap:5px}.k-thread .composer textarea{min-height:64px}.k-thread .internal-note{background:#fff7dd;border:1px solid #e9d690;color:#514318;margin:8px auto;max-width:85%}.internal-note strong{font-size:11px}.attachment-link{display:block;padding:7px 0;color:inherit}.bullet-line{display:inline-block;padding-left:8px}.contact-actions{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.contact-actions button{flex:1}.detail-section{display:grid;gap:8px;padding:12px 16px;font-size:12px;overflow-wrap:anywhere}.detail-section label{display:grid;gap:5px}.detail-section select{padding:7px;border:1px solid #ddd;border-radius:5px;min-width:0}.detail-section button{text-align:left}.info-item{display:grid;gap:3px;border-bottom:1px solid #eee;padding-bottom:8px}.info-item span{color:#697282}.previous-link{display:grid;gap:4px;color:#2a8ac9;text-decoration:none}.previous-link small{color:#697282;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#add-macro{margin:2px 16px 12px}[data-theme=dark] .format-tools button,[data-theme=dark] .compose-bottom button:not(.primary),[data-theme=dark] .contact-actions button,[data-theme=dark] .detail-section button,[data-theme=dark] #add-macro{background:#273449;color:#e5e7eb;border-color:#475569}[data-theme=dark] .k-thread .internal-note{background:#453a1a;color:#fff0bd}
.rich-editor{min-height:82px;max-height:210px;overflow:auto;padding:11px 8px;border:1px solid #d7dce3;border-radius:7px;background:#fff;outline:none;white-space:pre-wrap;font-size:14px;line-height:1.45}.rich-editor:focus{border-color:#3fa3e6;box-shadow:0 0 0 2px #3fa3e622}.rich-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.rich-editor[data-mode=note]{background:#fff8e5;border-color:#e4c972}.rich-editor ul{padding-left:25px;margin:5px 0}.rich-editor a{color:#238fd2;text-decoration:underline}.compose-tabs button.selected{font-weight:700}.ticket-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#58708a;font-size:12px;margin-top:9px}.ticket-header button{background:none;border:0;color:#238fd2;cursor:pointer;font-size:11px}.contact-history summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px}.ticket-list{padding-top:14px;display:grid;gap:6px}.ticket-list a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:#238fd2;border-top:1px solid #e5e7eb;padding:10px 0;font-size:13px}.ticket-list a span{color:#64748b}[data-theme=dark] .rich-editor{background:#111827;color:#e5e7eb;border-color:#475569}[data-theme=dark] .rich-editor[data-mode=note]{background:#453a1a}
/* Keep both chat transcripts within their own scroll areas. */
.widget-head,.widget-composer{flex:none}.widget #live{flex:1!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column}.widget-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.widget-composer{min-height:64px}.k-thread{min-height:0;overflow:hidden}.k-thread .messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}.format-tools button.active{background:#d8edff;color:#126ba7;border-color:#4fa7e6;box-shadow:inset 0 0 0 1px #4fa7e6}[data-theme=dark] .format-tools button.active{background:#24547a;color:#fff;border-color:#79bef0}
#dictate.active{background:#dcf3e4!important;color:#137044!important;border-color:#38a66d!important;box-shadow:0 0 0 2px #38a66d55}[data-theme=dark] #dictate.active{background:#155b42!important;color:#fff!important}
/* Address-book contacts workspace */
.contacts-page{background:#fafbfc;color:#242833}.contacts-shell{display:grid;grid-template-columns:64px 192px minmax(0,1fr);height:100vh}.contacts-shell.expanded{grid-template-columns:184px 192px minmax(0,1fr)}.contact-rail{display:flex;flex-direction:column;align-items:stretch;gap:6px;background:white;border-right:1px solid #e6e8eb;padding:12px 8px;min-height:0}.contact-rail a,.contact-rail button{display:flex;align-items:center;gap:14px;min-height:43px;padding:0 11px;border-radius:8px;color:#5d6674;text-decoration:none;border:0;background:transparent;font:inherit;cursor:pointer}.contact-rail a:hover,.contact-rail a.active{color:#248bd0;background:#eaf5fd}.contact-rail .rail-brand{font-weight:900;font-size:12px;letter-spacing:-1px;color:#182339;margin-bottom:8px}.rail-brand .r{color:#e64d50}.rail-brand .g{color:#30a55e}.rail-brand .b{color:#438df0}.contact-rail .rail-bottom{margin-top:auto}.rail-icon{font-size:22px;width:25px;text-align:center}.address-book{width:25px;height:25px;flex:none}.rail-title{display:none;font-size:13px;font-weight:600;white-space:nowrap}.expanded .rail-title{display:inline}.contact-rail #nav-toggle{justify-content:center;font-size:16px}.expanded .contact-rail #nav-toggle{justify-content:flex-start}.contact-subnav{background:white;border-right:1px solid #e6e8eb;padding:20px 14px;font-size:13px}.contact-subnav strong{display:block;color:#278bd1;background:#edf6fe;padding:9px;border-radius:7px}.contact-subnav p{font-weight:600;margin:22px 8px 10px}.contact-subnav span{color:#7d8590;margin-left:9px}.contacts-main{min-width:0;min-height:0;overflow-y:auto;padding:22px clamp(16px,4vw,60px);display:flex;flex-direction:column}.contacts-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.contacts-toolbar h1{font-size:24px;margin:0 auto 0 0}.contacts-toolbar input,.contacts-toolbar select,.contacts-toolbar button{padding:9px 10px;border:1px solid #dbe0e5;border-radius:7px;font:inherit;background:#fff}.contacts-toolbar input{min-width:180px;max-width:260px;flex:1}.contacts-toolbar button{cursor:pointer;white-space:nowrap}.contacts-toolbar .primary{background:#3098e9;color:white}.contacts-main #feedback{min-height:20px;margin:7px 0;color:#306c9c;font-size:13px}.contact-cards{display:grid;gap:12px}.contact-card{border:1px solid #e4e7eb;border-radius:17px;background:white;box-shadow:0 1px 2px #0000000b;overflow:hidden}.contact-card summary{list-style:none;display:flex;gap:14px;align-items:center;padding:17px 23px;cursor:pointer;min-height:88px}.contact-card summary::-webkit-details-marker{display:none}.contact-card .contact-avatar{height:49px;width:49px;font-size:17px;background:#e7e9fa;color:#5057a1}.contact-summary{min-width:0;display:grid;gap:4px;flex:1}.contact-summary strong{font-size:15px}.contact-summary small{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.view-details{font-size:12px;color:#2789cc}.chevron{color:#687283}.contact-card[open] .chevron{transform:rotate(180deg)}.online-dot{display:inline-block;width:8px;height:8px;background:#23b364;border-radius:50%;margin-right:3px}.is-online{color:#158050}.contact-expanded{padding:16px 24px 22px;border-top:1px solid #e9ebee}.contact-expanded h2{font-size:14px;font-weight:650;margin:18px 0 12px}.contact-expanded .contact-actions{margin:0;align-items:center}.contact-expanded .contact-actions button{background:#eaf5ff;border-color:#cae7ff;color:#1676ba}.edit-form{display:grid;gap:12px}.edit-form label,#new-contact label{display:grid;gap:5px;font-size:12px;color:#515e6c}.edit-form input,.edit-form select,.edit-form textarea,#new-contact input,#new-contact select,#new-contact textarea{padding:10px;border:1px solid #d9dfe5;border-radius:7px;background:#fff;color:#202936;font:inherit;min-width:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-form .primary{justify-self:start}.contact-pagination{margin-top:auto;padding:15px 0;display:flex;align-items:center;gap:9px;color:#6b7280;font-size:12px}.contact-pagination span{margin-right:auto}.contact-pagination button{background:white;border:1px solid #ddd;border-radius:6px;padding:6px 9px;cursor:pointer}.contact-pagination button:disabled{opacity:.35;cursor:default}.no-contacts{color:#777;padding:28px;background:white;border-radius:12px}#contact-dialog{border:1px solid #dde3ea;border-radius:14px;padding:24px;width:min(520px,95vw);max-height:88vh;overflow:auto;box-shadow:0 14px 40px #0003}#contact-dialog::backdrop{background:#14213888}#new-contact{display:grid;gap:12px}#new-contact h2{margin:0 0 6px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{padding:10px 12px;border-radius:7px;cursor:pointer}@media(max-width:900px){.contacts-shell,.contacts-shell.expanded{grid-template-columns:56px minmax(0,1fr)}.contact-subnav{display:none}.contacts-shell.expanded{grid-template-columns:164px minmax(0,1fr)}}@media(max-width:580px){.contacts-toolbar h1{width:100%}.contacts-main{padding:14px}.form-pair{grid-template-columns:1fr}.contact-card summary{padding:13px}.view-details{display:none}}
.k-shell.expanded{grid-template-columns:184px 192px 360px minmax(0,1fr)}.k-rail button{border:0;background:none;color:#697280;cursor:pointer;min-height:38px}.k-rail .rail-title{display:none}.k-shell.expanded .k-rail .rail-title{display:inline}.k-shell.expanded .k-rail{align-items:stretch}.k-shell.expanded .k-rail a{width:auto;justify-content:flex-start;gap:12px;padding:0 10px;font-size:16px}.k-shell.expanded .k-rail a.k-logo{font-size:11px}.k-rail a .address-book{width:23px;height:23px}.k-rail a .rail-icon{width:23px;font-size:21px}.k-shell.expanded .k-rail button{text-align:left;padding-left:12px}@media(max-width:1100px){.k-shell.expanded{grid-template-columns:164px 145px 300px minmax(0,1fr)}}@media(max-width:730px){.k-shell.expanded{grid-template-columns:164px minmax(0,1fr);grid-template-rows:42vh 58vh}}
.chat-bubble{width:23px;height:23px;flex:none}.k-rail a .chat-bubble{width:23px;height:23px}.k-shell .chathead .info{min-width:0}
/* Contacts actions menu */
.more-menu{position:relative;flex:none}.more-menu summary{list-style:none;display:grid;place-items:center;min-width:40px;height:38px;border:1px solid #dbe0e5;border-radius:8px;background:white;color:#334155;font-size:25px;line-height:1;cursor:pointer}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary,.more-menu summary:hover{background:#edf5fd;color:#176ca9}.more-options{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:160px;padding:6px;background:white;border:1px solid #dbe0e5;border-radius:9px;box-shadow:0 12px 24px #152b3f22}.more-options button{display:block;width:100%;border:0;text-align:left;white-space:nowrap;padding:10px 12px;border-radius:6px;cursor:pointer;color:#263446;background:transparent}.more-options button:hover{background:#eaf4fd;color:#116ba6}
/* Consistent contrast in the staff dark theme. */
[data-theme=dark] .inbox-page,[data-theme=dark] .contacts-page,[data-theme=dark] .contacts-main{background:#111827;color:#f3f6fc}
[data-theme=dark] .k-rail,[data-theme=dark] .k-nav,[data-theme=dark] .contact-rail,[data-theme=dark] .contact-subnav,[data-theme=dark] .contact-card,[data-theme=dark] .contact-expanded,[data-theme=dark] .contact-pagination,[data-theme=dark] #contact-dialog{background:#1f2937;color:#f3f6fc;border-color:#3d4b60}
[data-theme=dark] .k-rail a,[data-theme=dark] .k-nav a,[data-theme=dark] .contact-rail a,[data-theme=dark] .contact-rail button,[data-theme=dark] .contact-subnav span{color:#d2ddeb}
[data-theme=dark] .k-rail a.active,[data-theme=dark] .k-nav a.selected,[data-theme=dark] .contact-rail a.active,[data-theme=dark] .contact-subnav strong{background:#21425e;color:#a9dcff}
[data-theme=dark] .k-rail .k-logo,[data-theme=dark] .contact-rail .rail-brand,[data-theme=dark] .k-heading,[data-theme=dark] .k-shell .chathead .name,[data-theme=dark] .k-shell .rowtop .name,[data-theme=dark] .contacts-toolbar h1,[data-theme=dark] .contact-summary strong,[data-theme=dark] .contact-expanded h2,[data-theme=dark] #contact-dialog h2{color:#f8fafc}
[data-theme=dark] .k-shell .chathead,[data-theme=dark] .k-shell .sidebar,[data-theme=dark] .k-shell .composer{background:#1f2937;color:#f3f6fc;border-color:#3d4b60}
[data-theme=dark] .k-shell .chathead .meta,[data-theme=dark] .contact-summary small,[data-theme=dark] .contact-pagination,[data-theme=dark] .contact-expanded .contact-actions span,[data-theme=dark] .contact-card .chevron{color:#bdc9da}
[data-theme=dark] .contact-expanded .edit-form label,[data-theme=dark] #new-contact label{color:#cbd6e5}
[data-theme=dark] .contacts-toolbar input,[data-theme=dark] .contacts-toolbar select,[data-theme=dark] .contacts-toolbar button:not(.primary),[data-theme=dark] .contact-pagination button,[data-theme=dark] .edit-form input,[data-theme=dark] .edit-form select,[data-theme=dark] .edit-form textarea,[data-theme=dark] #new-contact input,[data-theme=dark] #new-contact select,[data-theme=dark] #new-contact textarea,[data-theme=dark] .more-menu summary,[data-theme=dark] .more-options{background:#273449;color:#f3f6fc;border-color:#55657c}
[data-theme=dark] .more-options button{background:#273449;color:#f3f6fc}[data-theme=dark] .more-options button:hover,[data-theme=dark] .more-menu[open] summary{background:#355a7c;color:#fff}
[data-theme=dark] .contacts-toolbar select option{background:#273449;color:#f3f6fc}
[data-theme=dark] .contact-summary .is-online{color:#77dfa2}[data-theme=dark] .view-details,[data-theme=dark] .previous-link,[data-theme=dark] .ticket-list a{color:#8acaff}
[data-theme=dark] .contact-expanded .contact-actions button{background:#234e70;color:#b9e2ff;border-color:#44769b}
[data-theme=dark] .k-heading span,[data-theme=dark] .k-shell .filters button{background:#273449;color:#ccd7e6}[data-theme=dark] .k-shell .filters button.active{color:#98d6ff;border-bottom-color:#69b8ec}
[data-theme=dark] .k-search input{background:#273449;color:#f3f6fc;border:1px solid #55657c}
[data-theme=dark] .contact-card summary,[data-theme=dark] .contact-expanded,[data-theme=dark] .ticket-list a{border-color:#3d4b60}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#aebdd0}
/* One aligned icon rail across all staff pages. */
.nav-svg{display:block;width:23px;height:23px;flex:0 0 23px}.nav-question{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;font-size:20px;font-weight:700;line-height:1}.k-rail a:not(.k-logo){display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;margin:0}.k-rail a:not(.k-logo) .rail-title{display:none}.k-rail a:not(.k-logo) .nav-svg{width:23px;height:23px}.k-shell.expanded .k-rail a:not(.k-logo){width:100%;justify-content:flex-start;padding:0 11px;gap:12px}.k-shell.expanded .k-rail a:not(.k-logo) .rail-title{display:inline;font-size:13px;font-weight:600}.k-rail .bottom{margin-top:auto!important}.contact-rail a:not(.rail-brand){justify-content:center;padding:0;min-height:43px}.contacts-shell.expanded .contact-rail a:not(.rail-brand),.workspace-shell.expanded .contact-rail a:not(.rail-brand){justify-content:flex-start;padding:0 11px}.contact-rail a:not(.rail-brand) .rail-title{display:none}.contacts-shell.expanded .contact-rail .rail-title,.workspace-shell.expanded .contact-rail .rail-title{display:inline}.contact-rail .rail-bottom{margin-top:auto}.workspace-shell{height:100vh;display:grid;grid-template-columns:64px minmax(0,1fr);background:#f5f7fb}.workspace-shell.expanded{grid-template-columns:184px minmax(0,1fr)}.workspace-shell .section{min-height:0;overflow:auto}.workspace-shell .contact-rail{height:100vh}.workspace-shell .rail-brand{letter-spacing:-1px;font-size:12px;font-weight:900;color:#243047}[data-theme=dark] .workspace-shell{background:#111827;color:#f3f6fc}[data-theme=dark] .workspace-shell .section{background:#111827;color:#f3f6fc}@media(max-width:700px){.workspace-shell{grid-template-columns:56px minmax(0,1fr)}.workspace-shell.expanded{grid-template-columns:164px minmax(0,1fr)}}

/* Shared navigation on every staff page. */
.k-shell .staff-rail,.contacts-shell .staff-rail,.workspace-shell .staff-rail{height:100vh;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 8px;background:#fff;border-right:1px solid #e6e8eb;overflow-y:auto;scrollbar-width:thin}
.staff-rail .k-logo,.staff-rail .rail-brand{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 54px!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0 0 8px!important;padding:0!important;background:transparent!important}
.staff-rail .k-logo img,.staff-rail .rail-brand img{display:block;width:46px;height:50px;object-fit:contain}
.staff-rail button[id$="toggle"]{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:100%;min-height:43px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#5d6674;cursor:pointer;font:inherit;font-size:16px}
.staff-rail button[id$="toggle"]:hover{background:#eaf5fd;color:#248bd0}
.staff-rail a:not(.k-logo):not(.rail-brand){display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:100%;height:43px;min-height:43px;margin:0;padding:0;border-radius:8px;color:#5d6674;text-decoration:none;font-size:13px}
.staff-rail a:not(.k-logo):not(.rail-brand):hover,.staff-rail a.active{background:#eaf5fd!important;color:#248bd0!important}
.staff-rail a.rail-bottom{margin-top:auto!important}
.staff-rail .nav-svg,.staff-rail .nav-question{width:23px;height:23px;flex:0 0 23px}
.staff-rail .rail-title{display:none;font-size:13px;font-weight:600;white-space:nowrap}
.expanded .staff-rail a:not(.k-logo):not(.rail-brand){justify-content:flex-start;gap:12px;padding:0 11px}
.expanded .staff-rail .rail-title{display:inline}
[data-theme=dark] .staff-rail{background:#1f2937!important;border-color:#374151!important}
[data-theme=dark] .staff-rail a:not(.k-logo):not(.rail-brand),[data-theme=dark] .staff-rail button[id$="toggle"]{color:#d1d5db}
[data-theme=dark] .staff-rail a.active,[data-theme=dark] .staff-rail a:not(.k-logo):not(.rail-brand):hover{background:#21425e!important;color:#a9dcff!important}

/* Keep the full EZRGB mark visible in the sidebar brand area. */
.staff-rail .k-logo,.staff-rail .rail-brand{flex-basis:68px!important;height:68px!important;min-height:68px!important;overflow:visible}
.staff-rail .k-logo img,.staff-rail .rail-brand img{width:55px;height:61px;max-width:100%;object-fit:contain}

/* Align sidebar controls and place the smaller logo in the upper left. */
.staff-rail .k-logo,.staff-rail .rail-brand{justify-content:flex-start!important;flex-basis:54px!important;height:54px!important;min-height:54px!important;padding-left:11px!important;box-sizing:border-box}
.staff-rail .k-logo img,.staff-rail .rail-brand img{width:38px!important;height:43px!important;max-width:38px!important;object-fit:contain}
.staff-rail #inbox-nav-toggle,.staff-rail #nav-toggle,.staff-rail #workspace-toggle,.expanded .staff-rail #inbox-nav-toggle,.expanded .staff-rail #nav-toggle,.expanded .staff-rail #workspace-toggle{justify-content:flex-start!important;padding:0 11px!important;box-sizing:border-box}

/* Knowledge Center */
#kc-workspace[hidden],.kc-admin[hidden]{display:none!important}.kc-access{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 18px}.kc-access label{flex:1;min-width:220px}.kc-access input{width:100%;margin-top:4px}.kc-grid{display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(280px,350px);gap:15px;padding:12px 18px 25px;align-items:start}.kc-grid .card{border-radius:11px}.kc-folders,.kc-editor{position:sticky;top:12px;max-height:calc(100vh - 36px);overflow:auto}.kc-folders h2,.kc-editor h2{margin-top:0}.kc-folder{display:block;width:100%;text-align:left;border:0;border-radius:7px;background:transparent;color:inherit;padding:9px;cursor:pointer}.kc-folder:hover,.kc-folder.selected{background:#eaf5fd;color:#2186c4}.kc-toolbar{display:flex;gap:10px;margin-bottom:12px}.kc-toolbar input{flex:1;min-width:0}.kc-entry{margin-bottom:11px}.kc-entry-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.kc-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.kc-entry a{overflow-wrap:anywhere}.kc-status{text-transform:capitalize;border-radius:99px;padding:3px 8px;font-size:12px;background:#f2ead4;color:#74590e}.kc-status.approved{background:#def6e8;color:#155d37}.kc-status.archived{background:#edeef0;color:#626978}.kc-editor label{display:block;margin:12px 0;font-weight:600;font-size:13px}.kc-editor label input,.kc-editor label select,.kc-editor label textarea,.kc-access input,.kc-toolbar input{display:block;box-sizing:border-box;width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:var(--surface,#fff);color:inherit;font:inherit}.kc-editor textarea{resize:vertical}.kc-editor .actions{display:flex;flex-wrap:wrap;gap:6px}.kc-editor details{margin-top:18px}.kc-editor details input{width:100%;padding:9px;margin:8px 0}.kc-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:12px}.kc-flag{border-top:1px solid #ddd;padding:10px 0}.kc-chat-panel .detail-section{display:block}.kc-chat-panel input{box-sizing:border-box;width:100%;padding:7px;margin-bottom:7px}.kc-chat-panel button{margin:4px 4px 4px 0;cursor:pointer}.kc-chat-result{border-top:1px solid #dce2e8;padding:9px 0;font-size:12px;overflow-wrap:anywhere}.kc-chat-result strong,.kc-chat-result small{display:block}.kc-chat-result small{color:#667085}.kc-chat-result a{color:#2380c0}.kc-chat-result p{white-space:pre-wrap}.kc-chat-panel #kc-chat-results{max-height:300px;overflow:auto}.kc-chat-panel #kc-chat-hint{font-size:12px}@media(max-width:1100px){.kc-grid{grid-template-columns:165px minmax(0,1fr)}.kc-editor{grid-column:2;position:static;max-height:none}}@media(max-width:680px){.kc-grid{display:block}.kc-folders,.kc-editor{position:static;max-height:none;margin-bottom:12px}.kc-results{margin-bottom:12px}}
[data-theme=dark] .kc-folder:hover,[data-theme=dark] .kc-folder.selected{background:#21425e;color:#a9dcff}[data-theme=dark] .kc-editor label input,[data-theme=dark] .kc-editor label select,[data-theme=dark] .kc-editor label textarea,[data-theme=dark] .kc-access input,[data-theme=dark] .kc-toolbar input{background:#182234;border-color:#465467;color:#f8fafc}[data-theme=dark] .kc-chat-result{border-color:#465467}[data-theme=dark] .kc-status.approved{background:#164f35;color:#c7f7db}
.kc-folder-row{display:flex;align-items:center}.kc-folder-row .kc-folder{flex:1;min-width:0}.kc-folder-more{flex:0 0 28px;border:0;background:transparent;color:inherit;cursor:pointer}.kc-source{border:0;background:transparent;color:#2586c8;text-decoration:underline;cursor:pointer;font:inherit;padding:0;text-align:left}
.team-login{max-width:410px;margin:8vh auto;padding:28px}.team-login img{display:block;width:56px;height:64px;object-fit:contain}.team-login label,.team-row label,#team-add label{display:block;margin:12px 0}.team-login input,#team-add input,#team-add select{box-sizing:border-box;display:block;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:var(--surface,#fff);color:inherit;font:inherit}.team-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.team-row{display:grid;grid-template-columns:1.2fr 1fr 160px 90px 140px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #dbe2e9}.team-row select{width:100%;padding:7px}.team-row label{margin:0}#team-add{max-width:420px}[data-theme=dark] .team-login input,[data-theme=dark] #team-add input,[data-theme=dark] #team-add select{background:#182234;border-color:#465467;color:#f8fafc}@media(max-width:850px){.team-row{grid-template-columns:1fr 1fr;gap:4px}.team-row button{grid-column:1/3}}

/* Shared unread conversation and review queue counts. */
.staff-rail a[title="Chat"],.staff-rail a[title="Help Center"]{position:relative}
.staff-rail .rail-badge{display:grid;place-items:center;position:absolute;right:0;top:-5px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:9px;background:#e03f4b;color:white;font-size:10px;font-weight:700;line-height:1}
.staff-rail a[title="Help Center"] .rail-badge{background:#ad6b1c}
.staff-rail .rail-badge[hidden]{display:none}
.expanded .staff-rail .rail-badge{position:static;margin-left:auto;min-width:19px;height:19px;font-size:11px}
.staff-rail .k-logo img,.staff-rail .rail-brand img{width:38px;height:43px;max-width:38px;max-height:43px}

/* Visible numerical menu badges in both sidebar widths. */
.staff-rail a[title="Chat"]>.rail-badge,.staff-rail a[title="Help Center"]>.rail-badge{display:flex;align-items:center;justify-content:center;position:absolute;right:-5px;top:-6px;z-index:5;min-width:23px;width:auto;height:23px;padding:0 5px;border-radius:12px;background:#d83b46;color:#fff!important;font:800 12px/1 ui-sans-serif,system-ui,sans-serif!important;text-align:center;text-indent:0;white-space:nowrap;box-shadow:0 0 0 2px #fff}
.staff-rail a[title="Help Center"]>.rail-badge{background:#a96817}
.staff-rail a[title="Chat"]>.rail-badge[hidden],.staff-rail a[title="Help Center"]>.rail-badge[hidden]{display:none!important}
.expanded .staff-rail a[title="Chat"]>.rail-badge,.expanded .staff-rail a[title="Help Center"]>.rail-badge{position:static;right:auto;top:auto;margin-left:auto;box-shadow:none}
[data-theme=dark] .staff-rail .rail-badge{box-shadow:0 0 0 2px #1f2937}

/* Settings workspace */
.settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;max-width:1280px;margin:0 auto;padding:10px clamp(12px,3vw,36px) 30px}.settings-tabs{border-right:1px solid #e3e7ec;padding:6px 13px 18px 0;position:sticky;top:5px;align-self:start}.settings-tabs h2{font-size:18px;margin:8px 9px 18px}.settings-tabs nav{display:grid;gap:3px}.settings-tabs nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;color:#596675;text-decoration:none;font-size:14px;font-weight:550}.settings-tabs nav a span{width:22px;text-align:center;font-size:19px}.settings-tabs nav a:hover,.settings-tabs nav a.active{background:#eaf4fc;color:#2083c5}.settings-account{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e3e7ec;margin-top:24px;padding:15px 10px;color:#6b7280;font-size:12px}.settings-account button{border:0;text-align:left;padding:0;color:#2387c9;background:transparent;cursor:pointer}.settings-panel{min-width:0}.settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.settings-panel-head h2{font-size:24px;margin:5px 0}.settings-panel-head p{margin:2px 0}.settings-cards{display:grid;gap:10px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px}.settings-item h3{margin:0 0 5px;font-size:16px}.settings-item p{margin:0 0 5px;white-space:pre-wrap}.settings-item small{color:#777}.settings-item-actions{display:flex;gap:6px}.settings-table{border:1px solid #e1e6ed;border-radius:10px;background:#fff;overflow:hidden}.settings-row{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .8fr 64px;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid #e8ebf0;font-size:13px}.settings-row:last-child{border-bottom:0}.settings-row.heading{background:#f5f8fa;color:#626d78;font-size:12px;font-weight:700}.settings-dot{display:inline-block;width:8px;height:8px;background:#9ba3af;border-radius:50%;margin-right:6px}.settings-dot.on{background:#2bbb6e}.settings-status-badge{border:1px solid #d6dce3;border-radius:99px;padding:6px 10px;white-space:nowrap;font-size:12px;color:#637080}.settings-status-badge.connected{background:#e2f7eb;border-color:#b6e8ca;color:#176c42}.settings-empty{text-align:center;padding:35px}.settings-empty h3{margin:0}#settings-dialog{width:min(520px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:24px;border:1px solid #d3dce5;border-radius:12px;background:#fff;color:#202733;box-shadow:0 16px 50px #0003}#settings-dialog::backdrop{background:#17203388}#settings-dialog h2{margin-top:0}#settings-dialog label{display:block;margin:12px 0;font-size:13px;font-weight:650}#settings-dialog input:not([type=checkbox]),#settings-dialog select,#settings-dialog textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:inherit;font:inherit}#settings-dialog fieldset{border:1px solid #dbe2eb;border-radius:7px}#settings-dialog fieldset label{font-weight:400}#settings-dialog .settings-check input{margin-right:6px}#settings-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}[data-theme=dark] .settings-tabs,[data-theme=dark] .settings-account,[data-theme=dark] .settings-row{border-color:#374151}[data-theme=dark] .settings-tabs nav a{color:#cbd5e1}[data-theme=dark] .settings-tabs nav a.active,[data-theme=dark] .settings-tabs nav a:hover{background:#21425e;color:#a9dcff}[data-theme=dark] .settings-table,[data-theme=dark] #settings-dialog{background:#1f2937;color:#f8fafc;border-color:#374151}[data-theme=dark] .settings-row.heading{background:#283449}[data-theme=dark] #settings-dialog input:not([type=checkbox]),[data-theme=dark] #settings-dialog select,[data-theme=dark] #settings-dialog textarea{background:#182234;color:#f8fafc;border-color:#465467}@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-tabs{position:static;border:0;padding:0}.settings-tabs nav{display:flex;overflow:auto}.settings-tabs nav a{white-space:nowrap}.settings-account{display:none}.settings-row{grid-template-columns:1.2fr 1fr 1fr}.settings-row>*:nth-child(2),.settings-row>*:nth-child(4){display:none}}
.k-details .chat-label-option{display:flex;align-items:center;gap:6px;margin:6px 0;font-size:12px;cursor:pointer}.k-details #canned-responses button{display:block;margin:5px 0}
/* Settings workspace follows the spacing and hierarchy of the reference screens. */
.settings-grid{max-width:none;grid-template-columns:205px minmax(0,1fr);gap:0;padding:0;margin:0;min-height:calc(100vh - 75px)}
.settings-tabs{top:0;border-right:1px solid #e8eaed;padding:20px 12px;min-height:calc(100vh - 75px)}
.settings-tabs h2{font-size:14px;color:#717b87;font-weight:600;margin:4px 10px 15px}
.settings-tabs nav a{font-weight:400;padding:8px 10px;gap:8px}
.settings-tabs nav a span{font-size:16px;width:20px}
.settings-panel{padding:42px clamp(24px,5vw,65px);max-width:1200px}
.settings-panel-head{align-items:flex-start;margin-bottom:34px}
.settings-panel-head h2{font-size:24px;margin:0 0 14px;color:inherit}
.settings-panel-head p{font-size:15px;line-height:1.55;max-width:780px}
.settings-panel-head .btn.primary{white-space:nowrap;background:#3b9cf4;border-color:#3b9cf4}
.settings-empty{border:none;box-shadow:none;background:transparent;margin-top:36px;color:#69717c}
.settings-empty h3{font-weight:400;font-size:15px}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.settings-tabs{min-height:0;padding:12px}.settings-panel{padding:20px}}

.widget-page .widget-head{background:var(--widget-accent,#169de9)}
.widget-page .widget .btn.primary{background:var(--widget-accent,#169de9);border-color:var(--widget-accent,#169de9)}
.inbox-rows{display:grid;gap:2px;margin-top:38px}.inbox-entry{display:flex;align-items:center;gap:18px;padding:14px 2px}.inbox-avatar{width:54px;height:54px;border-radius:50%;background:#e9f0f6;color:#318cd5;display:grid;place-items:center;font-size:20px;flex:none}.inbox-avatar img{width:36px;height:36px;object-fit:contain}.inbox-entry-name{display:grid;gap:4px;flex:1}.inbox-entry-name span{font-size:13px;color:#75808d}.inbox-icon-btn{border:0;border-radius:7px;background:#717b87;color:white;cursor:pointer;padding:8px 10px}.inbox-icon-btn.danger{background:#a83648}.inbox-wizard{display:grid;grid-template-columns:minmax(190px,28%) 1fr;min-height:630px;background:#222326;color:#f3f4f6;border-radius:9px;overflow:hidden}.inbox-steps{background:#333638;padding:25px 18px}.inbox-steps>button{border:0;color:#4aaaff;background:transparent;font-size:16px;margin-bottom:22px;cursor:pointer}.inbox-step{display:flex;gap:14px;padding:13px 0 18px;position:relative}.inbox-step b{border-radius:50%;background:#747e8b;color:white;width:21px;height:21px;display:grid;place-items:center;font-size:12px;flex:none}.inbox-step.current b,.inbox-step.complete b{background:#41a5f6}.inbox-step.current strong{color:#41a5f6}.inbox-step p{font-size:13px;line-height:1.45;margin:7px 0 0}.inbox-wizard-main{padding:30px;min-width:0}.inbox-wizard-main h3{font-size:21px;margin:0 0 8px}.inbox-wizard-main>p{line-height:1.45;margin:0 0 28px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:0;max-width:980px}.channel-grid button{min-height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#222326;border:1px solid #3c4046;color:#f2f5f8;cursor:pointer}.channel-grid button:hover{background:#303946}.channel-grid button span{font-size:35px;color:#36a5ff}.channel-grid button small{font-size:11px;color:#a7b2bc}.inbox-wizard form{max-width:860px}.inbox-wizard form>label{display:block;margin:15px 0;font-weight:600}.inbox-wizard form input:not([type=checkbox]),.inbox-wizard form select{display:block;width:100%;box-sizing:border-box;background:#222326;color:white;border:1px solid #5c6470;border-radius:6px;padding:12px;margin-top:6px;font:inherit}.inbox-wizard form input[type=color]{height:50px;padding:5px;width:72px}.inbox-wizard form fieldset{border:1px solid #5c6470;border-radius:6px;margin:24px 0}.inbox-wizard form .channel-agent{display:inline-block;margin:8px 14px 8px 0}.channel-pending{padding:12px;border:1px solid #9a7a36;border-radius:6px;color:#e6c477}#inbox-error{color:#ff9ca4}@media(max-width:850px){.inbox-wizard{grid-template-columns:1fr}.inbox-steps{display:none}.channel-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}}
.inbox-detail{background:#303438;color:#f4f6f8;border-radius:8px;min-height:680px}.inbox-back{background:transparent;border:0;color:#54aefe;padding:18px 22px;cursor:pointer;font:inherit}.inbox-detail-tabs{display:flex;gap:5px;background:#222326;border-bottom:1px solid #45484d;overflow:auto;padding:0 14px}.inbox-detail-tabs button{background:transparent;color:#f4f6f8;border:0;border-bottom:2px solid transparent;padding:15px 11px;cursor:pointer;white-space:nowrap;font:inherit}.inbox-detail-tabs button.selected{color:#4aaaff;border-bottom-color:#4aaaff}#inbox-detail-content{padding:25px 30px}.inbox-detail-form>p{margin:0 0 22px}.inbox-detail-row{display:grid;grid-template-columns:minmax(190px,28%) 1fr;gap:30px;padding:22px 0;border-bottom:1px solid #474d51}.inbox-detail-row h3{color:#4aaaff;font-size:17px;margin:0 0 10px}.inbox-detail-row p{line-height:1.45;margin:5px 0 20px;color:#d5dce5}.inbox-detail-row>div:last-child{max-width:820px}.inbox-detail-form label{display:block;margin:0 0 16px;font-weight:600;font-size:14px}.inbox-detail-form input:not([type=checkbox]):not([type=radio]),.inbox-detail-form textarea,.inbox-detail-form select{display:block;width:100%;background:#222326;color:white;border:1px solid #69727d;border-radius:6px;padding:11px;margin-top:6px;font:inherit}.inbox-detail-form textarea{min-height:90px;resize:vertical}.inbox-detail-form input[type=color]{height:50px;width:70px!important;padding:4px!important}.inbox-detail-form input[type=checkbox],.inbox-detail-form input[type=radio]{accent-color:#42a9fa}.inbox-detail-form .detail-check{display:flex;gap:8px;align-items:center}.inbox-detail-form fieldset{border:1px solid #5c6570;border-radius:6px;margin:24px 0;padding:14px}.inbox-detail-form fieldset label{display:inline-flex;gap:7px;margin-right:20px}.inbox-detail-form .btn.primary{background:#42a9fa;border-color:#42a9fa}.collaborator-grid{display:flex;flex-wrap:wrap;gap:8px 22px}.hours-row{display:grid;grid-template-columns:115px 100px 130px 20px 130px;gap:10px;align-items:center;border-bottom:1px solid #59616a;padding:7px 0}.hours-row label{margin:0}.hours-row input[type=time]{margin:0!important}.prechat-table{display:grid;gap:0;overflow-x:auto}.prechat-header,.prechat-row{display:grid;grid-template-columns:95px 125px 70px 95px minmax(130px,1fr) minmax(130px,1fr);gap:12px;align-items:center;min-width:720px;padding:10px;border-bottom:1px solid #4e555c}.prechat-header{font-size:12px;font-weight:700}.prechat-row input:not([type=checkbox]){margin:0!important}.prechat-table+.btn{margin-top:22px}.widget-builder-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.15fr);gap:24px}.builder-controls{max-height:780px;overflow:auto;padding-right:10px}.builder-preview{background:#292d31;border-radius:8px;padding:20px;text-align:center}.builder-preview-switch label{display:inline-flex;align-items:center;gap:5px;margin-right:10px}.builder-preview-content{position:relative;min-height:580px;background:#222629;border-radius:8px;display:grid;place-items:center;margin-top:20px}.builder-sample{width:290px;min-height:430px;background:#34393e;color:white;border-radius:12px;text-align:left;padding:20px;display:flex;flex-direction:column}.builder-sample img{width:45px;height:50px;object-fit:contain}.builder-sample h2{font-size:22px;margin:10px 0}.builder-sample p{font-size:13px}.builder-sample-action{margin-top:auto;background:#67727e;padding:15px;border-radius:6px;display:grid;gap:5px}.builder-sample-action small{font-size:11px}.builder-sample-action span{color:#ffca68}.builder-bubble{position:absolute;bottom:15px;border-radius:50px;padding:14px;color:#222}.builder-preview-content pre,.inbox-configuration pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#68717a;color:#fff;padding:15px;border-radius:6px;text-align:left}.inbox-configuration .detail-check{display:block;margin:12px 0}@media(max-width:900px){.inbox-detail-row,.widget-builder-form{grid-template-columns:1fr}.hours-row{grid-template-columns:1fr 1fr}.hours-row span{display:none}}
.widget-page #live{flex:1;min-height:0;display:flex;flex-direction:column}.widget-page #widget-reply-time{display:block;margin-top:8px;opacity:.85}.widget-page #prechat-fields{display:grid;gap:10px}.widget-page #prechat-fields label{display:grid;gap:5px;font-size:13px}.widget-page #prechat-message{margin:0;font-size:13px}.widget-page #after-hours{background:#fff2cf;border-radius:6px;padding:10px;font-size:13px}.widget-page #widget-error{color:#b42334;font-size:12px}.widget-composer button:not(.btn){border:0;background:transparent;cursor:pointer}.widget-page #widget-emoji-menu{padding:8px}.widget-page #widget-emoji-menu button{background:none;border:0;cursor:pointer}.widget-end{background:none;border:0;color:#64748b;padding:6px;cursor:pointer}
.builder-avatar{display:grid;justify-items:start;gap:10px;margin:0 0 20px}.builder-avatar img{width:55px;height:60px;object-fit:contain}.builder-avatar input[type=file]{max-width:100%}.widget-head img{display:block;object-fit:contain;margin-bottom:7px}
#widget-csat{padding:12px;text-align:center;background:#f1f5f9}#widget-csat button{margin:7px 2px;padding:6px 10px;border:1px solid #b8c5d4;border-radius:6px;background:white;cursor:pointer}