/* CRM Amorim V1.44.0 — caixa omnichannel inspirada no fluxo operacional do Whato. */
#inbox.screen.active{background:#e8eef5;overflow:hidden}
#inbox .inbox-layout{display:grid;grid-template-columns:74px 350px minmax(480px,1fr) 320px;height:calc(100dvh - 68px);min-height:560px;gap:1px;background:#dbe4ee;overflow:hidden}
#inbox .crm-module-rail{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:0;padding:12px 8px 10px;background:linear-gradient(180deg,#071d38 0%,#06162b 100%);color:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#35506d transparent}
#inbox .crm-module-rail .crm-rail-brand{width:44px;height:44px;margin:0 0 9px;border-radius:13px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}
#inbox .crm-module-rail .crm-rail-brand img{width:31px;height:31px;object-fit:contain}
#inbox .crm-module-rail button{width:58px;min-height:55px;border:0;border-radius:11px;background:transparent;color:#9db2c9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:.18s ease}
#inbox .crm-module-rail button span{font-size:18px;line-height:1}
#inbox .crm-module-rail button small{font-size:7px;font-weight:800;letter-spacing:.02em}
#inbox .crm-module-rail button:hover,#inbox .crm-module-rail button.active{background:rgba(47,132,255,.18);color:#fff;box-shadow:inset 3px 0 #2f84ff}
#inbox .crm-module-rail>i{flex:1;min-height:12px}
#inbox .conversation-list,#inbox .chat-pane,#inbox .customer-pane{min-width:0;min-height:0;height:100%;border:0!important;border-radius:0!important;box-shadow:none!important}
#inbox .conversation-list{background:#f8fafc;border-right:1px solid #d8e2ec!important}
#inbox .conversation-list>header{height:64px;padding:13px 14px 8px;display:flex;align-items:center;justify-content:space-between}
#inbox .conversation-list>header small{font-size:7px;color:#698096;font-weight:900;letter-spacing:.14em}
#inbox .conversation-list>header h1{font-size:19px;color:#0b2440;letter-spacing:-.035em;margin:3px 0 0}
#inbox .crm-list-actions{display:grid;grid-template-columns:1fr 38px;gap:7px;padding:6px 10px 9px}
#inbox .crm-list-actions .primary{height:38px;border-radius:9px;font-size:9px;justify-content:center}
#inbox .crm-list-actions>button:last-child{border:1px solid #d5e0eb;border-radius:9px;background:#fff;color:#486179;font-size:17px;cursor:pointer}
#inbox .channel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px;border:0;background:transparent}
#inbox .channel-tabs button{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:5px;min-width:0;height:39px;padding:0 7px;border:1px solid #d9e3ed;border-radius:9px;background:#fff;color:#536a80;text-align:left;cursor:pointer}
#inbox .channel-tabs button span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#edf2f7;font-size:10px}
#inbox .channel-tabs button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:850}
#inbox .channel-tabs button small{width:21px;height:21px;border-radius:999px;display:grid;place-items:center;background:#edf2f7;color:#536a80;font-size:7px;font-weight:900}
#inbox .channel-tabs button.active{border-color:#2f84ff;background:#e9f3ff;color:#0967d6;box-shadow:0 4px 12px rgba(26,105,202,.1)}
#inbox .channel-tabs button.whatsapp span{background:#e2f7ea;color:#087c45}#inbox .channel-tabs button.instagram span{background:#fbe5f5;color:#b12c92}#inbox .channel-tabs button.messenger span{background:#e6efff;color:#0866ff}
#inbox .channel-tabs button.whatsapp.active{border-color:#67c58f;background:#ecfaf2;color:#087c45}#inbox .channel-tabs button.instagram.active{border-color:#da86c8;background:#fff1fb;color:#a52b89}#inbox .channel-tabs button.messenger.active{border-color:#7dabf7;background:#edf4ff;color:#0866ff}
#inbox .queue-tabs{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}
#inbox .queue-tabs button{flex:0 0 auto;border:0;border-radius:8px;background:#edf2f7;color:#60758a;padding:7px 9px;font-size:8px;font-weight:800}
#inbox .queue-tabs button b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:999px;background:#fff;color:#577088;font-size:7px}
#inbox .queue-tabs button.active{background:#0c6fe8;color:#fff}
#inbox .queue-tabs button.active b{color:#0c6fe8}
#inbox .small-search{height:39px;margin:0 10px 8px;border:1px solid #d5e1eb;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(23,55,89,.03)}
#inbox .queue-filters{display:flex;gap:5px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}
#inbox .queue-filters button{flex:0 0 auto;border:0;border-radius:999px;background:#edf2f6;color:#607287;padding:6px 9px;font-size:7px;font-weight:700}
#inbox .queue-filters button.active{background:#dcecff;color:#0764cf}
#inbox .contact-scroll{min-height:0;padding:0 7px 12px;overflow-y:auto;overscroll-behavior:contain}
#inbox .contact{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;width:100%;margin:3px 0;padding:10px 8px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;text-align:left;cursor:pointer}
#inbox .contact:hover{background:#fff!important;border-color:#dce6ef!important}
#inbox .contact.active{background:#e8f3ff!important;border-color:#96c3f7!important;box-shadow:0 6px 18px rgba(23,91,170,.09)!important}
#inbox .contact.channel-whatsapp{border-left:3px solid #2fbd70!important}#inbox .contact.channel-instagram{border-left:3px solid #d653b2!important}#inbox .contact.channel-messenger{border-left:3px solid #3d7ee8!important}
#inbox .contact>div{min-width:0}
#inbox .contact header{display:flex;gap:7px;align-items:center}
#inbox .contact header b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#122a43;font-size:10px}
#inbox .contact header time{color:#7b8ea2;font-size:7px}
#inbox .contact p{height:auto;max-height:31px;margin:4px 0;overflow:hidden;color:#5c7084;font-size:8px;line-height:1.35}
#inbox .contact footer{display:flex;align-items:center;gap:5px;min-width:0}
#inbox .contact footer .crm-owner{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718398;font-size:7px;font-style:normal}
#inbox .contact .crm-stage{position:absolute;right:8px;bottom:8px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#60768b;font-size:6px;font-style:normal}
#inbox .contact .unread{align-self:center;min-width:20px;height:20px;border-radius:999px;background:#0a70e8;color:#fff;display:grid;place-items:center;padding:0 5px;font-size:7px;font-style:normal;font-weight:900}
#inbox .chat-pane{position:relative;background:#edf3f8}
#inbox .chat-head{height:65px;padding:0 14px;background:#fff;border-bottom:1px solid #d8e3ed;display:flex;align-items:center;gap:10px}
#inbox .chat-head>div:nth-of-type(1){min-width:0;flex:1}
#inbox .chat-head>div:nth-of-type(1)>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#112b45;font-size:12px}
#inbox .chat-head>div:nth-of-type(1)>small{display:flex;align-items:center;gap:7px;margin-top:3px;color:#708397;font-size:7px}
#inbox .chat-actions{display:flex;gap:6px}
#inbox .chat-actions button{height:33px;border:1px solid #d6e1eb;border-radius:8px;background:#fff;color:#3f5b74;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer}
#inbox .chat-context{min-height:40px;padding:5px 14px;background:#f9fbfd;border-bottom:1px solid #dce5ee;display:flex;align-items:center;gap:10px;color:#50677d;font-size:8px}
#inbox .chat-context>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inbox .chat-context label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#728397;font-size:7px}
#inbox .chat-context select{height:28px;max-width:128px;border:1px solid #d5e0ea;border-radius:7px;background:#fff;color:#28445f;padding:0 7px;font-size:8px;font-weight:700}
#inbox .messages{min-height:0;padding:18px;background-color:#edf4f9;background-image:radial-gradient(rgba(19,80,135,.075) .8px,transparent .8px);background-size:18px 18px;overscroll-behavior:contain}
#inbox .messages .day{position:sticky;top:6px;z-index:4;align-self:center;width:max-content;max-width:calc(100% - 24px);margin:8px auto 12px;padding:6px 11px;border:1px solid rgba(157,177,196,.42);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(21,54,88,.08);color:#536b80;font-size:8px;font-weight:800;line-height:1;letter-spacing:.01em;backdrop-filter:blur(7px)}
#inbox .crm-composer-tools{display:flex;gap:5px;padding:6px 10px;background:#f8fafc;border-top:1px solid #dce6ef;overflow-x:auto;scrollbar-width:none}
#inbox .crm-composer-tools button{flex:0 0 auto;height:28px;border:1px solid #d7e2eb;border-radius:8px;background:#fff;color:#416079;padding:0 9px;font-size:7px;font-weight:800;cursor:pointer}
#inbox .crm-composer-tools button:hover{border-color:#80b4ef;color:#0866d1;background:#edf6ff}
#inbox .ai-row{min-height:34px;padding:5px 12px;background:#fbfcfe;border-top:1px solid #e0e8ef}
#inbox .composer{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px 44px;gap:7px;padding:8px 12px max(8px,env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #dce5ed!important;box-shadow:0 -7px 22px rgba(14,43,76,.06)!important}
#inbox .composer input{height:42px!important;border:1px solid #cfdae5!important;border-radius:11px!important;background:#f8fafc!important;padding:0 12px!important;font-size:11px!important}
#inbox .composer button{width:42px!important;height:42px!important;border:1px solid #d5e0ea!important;border-radius:11px!important;background:#f7faff!important;color:#315572!important}
#inbox .composer .send{width:44px!important;background:linear-gradient(135deg,#1677ed,#075fc9)!important;border-color:#1677ed!important;color:#fff!important}
#inbox .customer-pane{display:flex!important;flex-direction:column;background:#fff;border-left:1px solid #d8e3ed!important;overflow-y:auto}
#inbox .customer-pane>header{padding:13px 12px;background:#fff;border-bottom:1px solid #e0e8ef}
#inbox .customer-card,#inbox .info-card,#inbox .next-action,#inbox .timeline{margin-left:10px!important;margin-right:10px!important;border-radius:12px!important}
#inbox .chat-channel-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#edf2f7;color:#53677e;font-weight:800}
#inbox .chat-channel-badge.whatsapp,.channel.whatsapp{background:#e4f8ec;color:#087c45}
#inbox .chat-channel-badge.instagram,.channel.instagram{background:#fbe7f6;color:#b12c92}
#inbox .chat-channel-badge.messenger,.channel.messenger{background:#e8f1ff;color:#0866ff}
#inbox .realtime-state{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#edf4ff;color:#3b638e;font-size:7px;font-weight:800;white-space:nowrap}
#inbox .realtime-state i{width:7px;height:7px;border-radius:50%;background:#f2a51a}
#inbox .realtime-state.live{background:#e7f8ef;color:#0a8551}
#inbox .realtime-state.live i{background:#18b873;box-shadow:0 0 0 4px rgba(24,184,115,.12)}
#inbox .realtime-state.fallback{background:#fff5df;color:#a05c00}

@media(max-width:1360px){#inbox .inbox-layout{grid-template-columns:68px 315px minmax(440px,1fr)}#inbox .customer-pane{display:none!important;position:fixed;z-index:40;right:0;top:68px;bottom:0;width:320px;box-shadow:-16px 0 36px rgba(13,38,66,.17)}#inbox .inbox-layout.customer-open .customer-pane{display:flex!important}}
@media(max-width:900px){#inbox .inbox-layout{grid-template-columns:62px 300px minmax(380px,1fr)}#inbox .crm-module-rail button{width:50px}}
@media(max-width:700px){#inbox.screen.active{height:calc(100dvh - 60px)}#inbox .inbox-layout{display:block!important;height:100%;min-height:0}#inbox .crm-module-rail{position:absolute;left:0;right:0;bottom:0;z-index:35;height:59px;min-height:59px;padding:5px 8px;flex-direction:row;justify-content:space-around;overflow-x:auto;overflow-y:hidden}#inbox .crm-module-rail .crm-rail-brand,#inbox .crm-module-rail>i{display:none}#inbox .crm-module-rail button{width:auto;min-width:54px;min-height:47px;padding:3px 7px}#inbox .crm-module-rail button span{font-size:16px}#inbox .pane{height:calc(100% - 59px)!important;padding-bottom:0}#inbox .customer-pane{position:static;width:100%;box-shadow:none}#inbox .chat-actions button:not(.open-customer){display:none}#inbox .chat-context label{display:none}#inbox .crm-composer-tools{padding:5px 8px}#inbox .crm-composer-tools button{height:27px}#inbox .messages{padding:12px}}