/* Scoped live-inbox layout: independent list, transcript and composer. */
body.human-mode{height:100vh;height:100dvh;overflow:hidden}body.human-mode .main{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px}body.human-mode .topbar{flex:none;margin-bottom:14px}body.human-mode #humanInboxView{display:flex!important;flex:1;min-height:0;flex-direction:column}
#humanInboxView{--hi-line:#e6e9f0;--hi-muted:#7b8496;--hi-ink:#202b3e;color:var(--hi-ink);font-size:13px}#humanInboxView [hidden]{display:none!important}#humanInboxView button,#humanInboxView select,#humanInboxView input,#humanInboxView textarea{font:inherit}#humanInboxView button{transition:background .15s}#humanInboxView button:focus-visible{outline:2px solid #7989ef;outline-offset:2px}
.hi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex:none}.hi-top h1{font-size:23px;letter-spacing:-.6px;margin:0;line-height:1.3}.hi-top p{font-size:12px;color:var(--hi-muted);margin:4px 0 0}.hi-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hi-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe4ee;border-radius:8px;padding:8px 12px;background:#fff;color:#42516c;font-weight:600;white-space:nowrap}.hi-button:hover{background:#f5f7fc}.hi-button:disabled{opacity:.45;cursor:not-allowed}.hi-button.primary{color:#fff;background:#4c63ef;border-color:#4c63ef}.hi-button.primary:hover{background:#3b50d4}.hi-button.small{padding:5px 8px;font-size:11px}.hi-button.danger{color:#a74451;background:#fff}.hi-button.ghost{background:transparent;border-color:transparent}.hi-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#29ae83;margin-right:6px}.hi-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:#eef8f4;color:#30856b;font-size:11px;white-space:nowrap}.hi-pill.warning{background:#fff3df;color:#9c6c22}.hi-feedback{flex:none;font-size:12px;line-height:1.5;margin:0 0 8px;min-height:0;color:#5262be}.hi-feedback:empty{display:none}.hi-alert{display:flex;align-items:center;gap:10px;flex:none;padding:9px 12px;margin-bottom:10px;border:1px solid #f0dcb3;background:#fffbf2;color:#86652d;border-radius:8px;font-size:12px}.hi-alert span{flex:1}.hi-workspace{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr)234px;flex:1;min-height:0;background:#fff;border:1px solid var(--hi-line);border-radius:14px;overflow:hidden;box-shadow:0 5px 24px #233a6410}.hi-list{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--hi-line);background:#fff}.hi-list-head{padding:16px 14px 12px;border-bottom:1px solid var(--hi-line);flex:none}.hi-list-head h2{font-size:14px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.hi-search{display:flex;gap:7px;align-items:center;background:#f6f8fb;border:1px solid #edf0f5;border-radius:7px;padding:8px 9px;color:#8f98a8}.hi-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.hi-list select{width:100%;margin-top:9px;border:1px solid #e4e8ef;border-radius:6px;padding:7px 8px;background:#fff;color:#657086;font-size:12px}.hi-tabs{display:flex;gap:4px;overflow:auto;margin-top:12px}.hi-tabs button{border:0;background:transparent;padding:6px 7px;color:#788399;font-size:11px;white-space:nowrap;border-radius:5px}.hi-tabs button[aria-selected=true]{color:#4c63ef;background:#edf0ff;font-weight:700}.hi-rows{flex:1;overflow:auto;min-height:0}.hi-row{display:flex;width:100%;gap:10px;text-align:left;padding:15px 13px;border:0;border-bottom:1px solid #f0f2f7;background:#fff;color:inherit;min-width:0;position:relative}.hi-row:hover{background:#f8faff}.hi-row[aria-current=true]{background:#eef2ff}.hi-row[aria-current=true]:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#5268ef}.hi-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf1fa;color:#60769e;font-size:12px;font-weight:700;flex:none}.hi-avatar.active{background:#e5ebff;color:#4c63ef}.hi-row-body{min-width:0;flex:1}.hi-row-top{display:flex;gap:5px;justify-content:space-between;align-items:center}.hi-row-top b{font-size:12px}.hi-row-top time{font-size:10px;color:#929bad;white-space:nowrap}.hi-row p{font-size:12px;margin:5px 0 6px;color:#788398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hi-row-meta{display:flex;align-items:center;gap:5px;font-size:10px;color:#8c96a7}.hi-row-meta span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.hi-count{font-size:10px;font-weight:700;background:#4c63ef;border-radius:9px;padding:1px 6px;color:white;margin-left:auto}.hi-paging{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 12px;border-top:1px solid var(--hi-line);flex:none;font-size:10px;color:#9099aa}.hi-chat{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fafbfd;position:relative}.hi-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8791a3;padding:24px}.hi-empty svg{color:#c0cadc;margin-bottom:14px}.hi-empty h3{font-size:15px;color:#56647b;margin:0 0 6px}.hi-empty p{font-size:12px;max-width:240px;line-height:1.7;margin:0}.hi-chat-head{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--hi-line);background:white;flex:none;min-height:70px}.hi-chat-person{display:flex;align-items:center;gap:10px;min-width:0}.hi-chat-person h2{font-size:14px;margin:0}.hi-chat-person p{font-size:11px;color:#8b95a6;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-head-buttons{display:flex;align-items:center;gap:7px}.hi-mobile-back{display:none}.hi-transcript{overflow:auto;flex:1;min-height:0;padding:22px 24px;scroll-behavior:auto;overscroll-behavior:contain}.hi-day{display:flex;align-items:center;justify-content:center;color:#9ba4b3;font-size:10px;margin:0 0 20px;gap:12px}.hi-day:before,.hi-day:after{content:'';width:36px;height:1px;background:#e5eaf1}.hi-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 16px;gap:5px}.hi-message.staff{align-items:flex-end}.hi-message-label{font-size:10px;color:#98a2b2;padding:0 4px}.hi-bubble{padding:10px 13px;border-radius:2px 12px 12px;max-width:min(82%,640px);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e5eaf2;font-size:13px;line-height:1.7;color:#334158;box-shadow:0 2px 4px #25385803}.hi-message.staff .hi-bubble{background:#ebefff;border-color:#e2e8ff;color:#354a92;border-radius:12px 2px 12px 12px}.hi-message time{font-size:10px;color:#9da7b7;padding:0 4px}.hi-system{text-align:center;margin:16px auto;color:#929bad;font-size:11px;max-width:90%;line-height:1.6}.hi-compose{flex:none;background:#fff;border-top:1px solid var(--hi-line);padding:12px 16px 10px}.hi-compose-label{display:flex;justify-content:space-between;align-items:center;color:#8a94a5;font-size:10px;margin-bottom:6px}.hi-compose-label b{color:#66748c;font-size:11px}.hi-compose textarea{display:block;width:100%;height:80px;max-height:120px;resize:none;border:0;outline:0;padding:5px 0;font-size:13px;color:#34425b;background:transparent;line-height:1.6}.hi-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:#a0a8b5}.hi-compose-foot .hi-button{font-size:12px;padding:7px 15px}.hi-closed{padding:14px;text-align:center;font-size:12px;color:#8c96a8;border-top:1px solid var(--hi-line);background:#fff;flex:none}.hi-new-messages{position:absolute;bottom:172px;left:50%;transform:translateX(-50%);border:1px solid #dce3fa;background:#fff;color:#5268d8;border-radius:20px;padding:7px 15px;box-shadow:0 4px 18px #23385815;font-size:11px}.hi-info{min-width:0;border-left:1px solid var(--hi-line);background:#fff;overflow:auto;padding:18px 16px}.hi-info h3{font-size:12px;color:#5d6b82;margin:0 0 15px}.hi-info-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding-top:9px}.hi-info-avatar .hi-avatar{width:52px;height:52px;border-radius:16px;font-size:17px;margin-bottom:10px}.hi-info-avatar strong{font-size:13px}.hi-info-avatar small{font-size:10px;color:#9aa4b4;margin-top:5px}.hi-info dl{margin:0}.hi-info dt{font-size:10px;color:#98a1b1;margin-top:16px}.hi-info dd{font-size:12px;overflow-wrap:anywhere;color:#56647b;margin:5px 0 0;line-height:1.6}.hi-info-note{font-size:11px;color:#929cad;line-height:1.8;border-top:1px solid var(--hi-line);margin-top:24px;padding-top:16px}.hi-connect{color:#8b97aa;font-size:11px;display:inline-flex;align-items:center;white-space:nowrap}.hi-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#18243e55}.hi-modal-card{background:#fff;width:min(520px,100%);border-radius:16px;box-shadow:0 20px 80px #12213d33;padding:24px;max-height:85vh;overflow:auto}.hi-modal-card h2{font-size:18px;margin:0}.hi-modal-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.hi-modal-card p{font-size:12px;color:#8793a8;line-height:1.8}.hi-modal-card label{display:block;font-size:12px;color:#58667d;margin:16px 0}.hi-modal-card .input{margin-top:7px}.hi-modal-card .hi-check{display:flex;align-items:center;gap:8px}.hi-modal-card .hi-check input{margin:0}.hi-notify-state{padding:12px;background:#f6f8fc;border:1px solid #e7edf5;border-radius:8px;font-size:12px;line-height:1.7;color:#68778d}.hi-notify-state.error{background:#fff5f2;border-color:#f1ddd4;color:#a15b43}.hi-inapp{position:fixed;right:22px;bottom:22px;z-index:45;max-width:330px;background:#fff;border:1px solid #e2e7f3;border-radius:12px;box-shadow:0 10px 45px #172d5522;padding:14px 16px;color:#3c4c66;font-size:12px}.hi-inapp strong{display:block;margin-bottom:4px;font-size:13px}.hi-inapp .hi-button{margin-top:10px}.hi-mobile-back{padding:6px 8px}.hi-info-toggle{display:none}
@media(max-width:1450px){.hi-workspace{grid-template-columns:270px minmax(0,1fr)}.hi-info{display:none;position:absolute;right:0;top:0;bottom:0;width:260px;z-index:3;box-shadow:-12px 0 40px #263b6810}.hi-workspace.info-open .hi-info{display:block}.hi-info-toggle{display:inline-flex}}
@media(max-width:1000px){.hi-workspace{grid-template-columns:235px minmax(0,1fr)}.hi-top h1{font-size:20px}.hi-top p{display:none}.hi-connect{display:none}.hi-chat-head{padding:12px}.hi-transcript{padding:18px 14px}.hi-top .hi-actions{gap:5px}.hi-top .hi-actions .hi-button{padding:7px 9px;font-size:11px}}
@media(max-width:760px){body.human-mode .sidebar{position:fixed;top:0;left:0;right:0;width:100%;height:57px;padding:8px;overflow:hidden;border-bottom:1px solid #e6eaf0;z-index:10}body.human-mode .sidebar .brand,body.human-mode .sidebar .nav-label,body.human-mode .sidebar .permission-note,body.human-mode .sidebar-foot{display:none!important}body.human-mode .sidebar .nav{display:flex;overflow:auto;gap:4px}body.human-mode .sidebar .nav button{font-size:11px;padding:9px}body.human-mode .main{margin-top:57px;margin-left:0;width:100%;height:calc(100vh - 57px);height:calc(100dvh - 57px);padding:10px}body.human-mode .topbar{display:none}.hi-top{margin:2px 0 10px}.hi-top h1{font-size:19px}.hi-workspace{display:flex}.hi-list{width:100%;flex:1;border:0}.hi-chat{display:none;width:100%;flex:1}.hi-workspace.thread-open .hi-list{display:none}.hi-workspace.thread-open .hi-chat{display:flex}.hi-mobile-back{display:inline-flex}.hi-chat-head .hi-avatar{display:none}.hi-chat-head{min-height:64px}.hi-chat-person h2{font-size:13px}.hi-head-buttons .hi-button{padding:6px 8px;font-size:10px}.hi-bubble{max-width:90%}.hi-info{width:260px}.hi-alert{font-size:11px;padding:7px 8px}.hi-alert .hi-button{font-size:10px}.hi-compose{padding:10px 12px}.hi-compose-foot>span{font-size:9px}.hi-info-toggle{display:inline-flex}}

.hi-info h3{display:flex;align-items:center;justify-content:space-between}.hi-info-close{display:none}@media(max-width:1450px){.hi-info-close{display:inline-flex}}

/* Fill the entire area to the right of navigation while receiving visitors. */
body.human-mode .main{padding:0}
body.human-mode .topbar{display:none}
body.human-mode #humanInboxView{width:100%;height:100%;margin:0;padding:0}
#humanInboxView>.hi-top{min-height:54px;margin:0;padding:9px 16px;border-bottom:1px solid var(--hi-line);background:#fff}
#humanInboxView>.hi-top h1{font-size:17px;letter-spacing:0}
#humanInboxView>.hi-top p{display:none}
#humanInboxView>.hi-workspace{border:0;border-radius:0;box-shadow:none}
#humanInboxView>.hi-feedback{margin:0;padding:4px 16px;font-size:11px;background:#f7f9ff}
#humanInboxView>.hi-feedback:empty{display:none;padding:0}
#humanInboxView>.hi-alert{margin:0;border-radius:0;border-width:0 0 1px}
#humanInboxView .hi-tabs{gap:2px;overflow:hidden}
#humanInboxView .hi-tabs button{flex:1;min-width:0;padding:6px 2px}
@media(max-width:760px){body.human-mode .main{padding:0}#humanInboxView>.hi-top{min-height:50px;padding:8px 10px}#humanInboxView>.hi-top h1{font-size:16px}#humanInboxView>.hi-feedback{padding:3px 10px}}