.inbox-with-banner{height:calc(100vh - 214px)}.inbox{background:#fff;border:1px solid #0b0b0b1a;border-radius:6px;grid-template-columns:320px minmax(0,1fr) 300px;gap:0;height:calc(100vh - 160px);min-height:520px;display:grid;overflow:hidden}.inbox-wrap{position:relative}.inbox-queue,.inbox-thread,.inbox-card{background:#fff;flex-direction:column;min-height:0;display:flex}.inbox-queue{border-right:1px solid #0b0b0b14}.inbox-card{border-left:1px solid #0b0b0b14;font-size:12px;overflow-y:auto}@media (max-width:1199.98px){.inbox{grid-template-columns:280px minmax(0,1fr)}.inbox-card{display:none}.inbox.inbox-card-open .inbox-card{z-index:5;width:320px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 24px #0b0b0b2e}}@media (max-width:767.98px){.inbox{grid-template-columns:1fr;height:auto;min-height:0}.inbox-queue{display:none}.inbox.inbox-list-mode .inbox-queue{display:flex}.inbox.inbox-list-mode .inbox-thread{display:none}.inbox-thread{min-height:70vh}}.inbox-filters{border-bottom:1px solid #0b0b0b14;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.inbox-filter-row{gap:6px;display:flex}.inbox-filter-row .form-select,.inbox-filter-row .form-control{font-size:12px}.inbox-list{flex:1;min-height:0;overflow-y:auto}.inbox-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #0b0b0b0f;width:100%;padding:10px 12px;display:block}.inbox-row:hover{background:#348fe20f}.inbox-row.active{background:#348fe21f;box-shadow:inset 3px 0 #348fe2}.inbox-row-top{align-items:center;gap:6px;font-size:13px;display:flex}.inbox-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.inbox-row-time{color:#898781;font-size:11px}.inbox-row-bottom{color:#52514e;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.inbox-row-assignee{white-space:nowrap;margin-left:auto}.inbox-unread{color:#fff;text-align:center;background:#ff5b57;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px}.inbox-queue-foot{border-top:1px solid #0b0b0b14;padding:8px 12px}.inbox-src{color:#fff;background:#348fe2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:inline-flex}.inbox-src-whatsapp{color:#062b15;background:#25d366}.inbox-src-telegram{background:#229ed9}.inbox-thread-head{border-bottom:1px solid #0b0b0b14;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.inbox-thread-title{margin-right:auto;font-size:14px;font-weight:700}.inbox-thread-body{background:#f8f8f6;flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.inbox-day{color:#898781;align-items:center;gap:10px;margin:8px 0 4px;font-size:11px;display:flex}.inbox-day:before,.inbox-day:after{content:"";background:#0b0b0b1a;flex:1;height:1px}.inbox-msg{display:flex}.inbox-msg.staff{justify-content:flex-end}.inbox-msg.system,.inbox-msg.event{justify-content:center}.inbox-bubble{overflow-wrap:anywhere;background:#fff;border:1px solid #0b0b0b1a;border-radius:10px;max-width:74%;padding:7px 10px 5px;font-size:13px;line-height:1.4}.inbox-msg.staff .inbox-bubble{background:#e3f0fc;border-color:#c5ddf5}.inbox-msg.note .inbox-bubble{background:#fff7d6;border-style:dashed;border-color:#f2e2a0}.inbox-msg.system .inbox-bubble{color:#52514e;text-align:center;background:0 0;border-style:dashed;font-size:12px}.inbox-msg.event .inbox-bubble{color:#898781;background:0 0;border:0;padding:2px 8px;font-size:11px}.inbox-bubble-body{white-space:pre-wrap}.inbox-bubble-meta{color:#898781;align-items:center;gap:5px;margin-top:3px;font-size:10px;display:flex}.inbox-msg.staff .inbox-bubble-meta{justify-content:flex-end}.inbox-sender{color:#348fe2;margin-bottom:2px;font-size:11px;font-weight:700}.inbox-msg.note .inbox-sender{color:#b98700}.inbox-atts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.inbox-att{color:inherit;background:#0b0b0b0a;border:1px solid #0b0b0b1a;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.inbox-att img{border-radius:6px;max-width:200px;max-height:200px;display:block}.inbox-att-blocked{color:#ff5b57}.inbox-composer{border-top:1px solid #0b0b0b14;padding:8px 12px;position:relative}.inbox-composer.note-mode{background:#fffbea}.inbox-composer-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.inbox-composer-row{align-items:flex-end;gap:6px;display:flex}.inbox-composer textarea{resize:vertical;flex:1;min-height:60px;max-height:220px;font-size:13px}.inbox-canned-pop{z-index:6;background:#fff;border:1px solid #0b0b0b1f;border-radius:6px;max-height:260px;position:absolute;bottom:calc(100% - 6px);left:12px;right:12px;overflow-y:auto;box-shadow:0 6px 24px #0b0b0b24}.inbox-canned-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #0b0b0b0f;width:100%;padding:7px 10px;font-size:12px;display:block}.inbox-canned-item:hover,.inbox-canned-item.active{background:#348fe214}.inbox-canned-item code{font-size:11px}.inbox-staged{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.inbox-card-section{border-bottom:1px solid #0b0b0b0f;padding:10px 12px}.inbox-card-section h6{text-transform:uppercase;letter-spacing:.5px;color:#898781;margin-bottom:6px;font-size:11px}.inbox-kv{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.inbox-kv dt{color:#52514e;font-weight:400}.inbox-kv dd{text-align:right;margin:0;font-weight:600}.inbox-tag{background:#0b0b0b0f;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.inbox-tag button{color:#898781;background:0 0;border:0;padding:0;line-height:1}.inbox-banner{color:#fff;background:#ff5b57;border-radius:6px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 14px;font-size:13px;display:flex}.inbox-banner a{color:#fff;text-decoration:underline}.inbox-qr{width:264px;height:264px;image-rendering:pixelated;border:1px solid #0b0b0b1a;border-radius:6px;margin:0 auto 8px;display:block}.inbox-pair-code{font-family:var(--bs-font-monospace,monospace);letter-spacing:4px;text-align:center;-webkit-user-select:all;user-select:all;border:1px dashed #0b0b0b33;border-radius:6px;padding:10px;font-size:26px;font-weight:700}.inbox-live{color:#898781;align-items:center;gap:5px;font-size:11px;display:inline-flex}.inbox-live-dot{background:#c3c2b7;border-radius:50%;width:8px;height:8px}.inbox-live-dot.live{background:#00acac}.inbox-live-dot.offline{background:#ff5b57}