:root{
  --navy:#0b1f3a;--navy2:#12345d;--blue:#1658a8;--blue2:#246bc2;--orange:#f28a2f;
  --bg:#edf2f7;--card:#fff;--text:#162235;--muted:#738197;--line:#dde5ee;--green:#17885b;
  --red:#d84343;--purple:#7550c8;--shadow:0 18px 55px rgba(12,35,64,.12)
}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}.hidden{display:none!important}button{touch-action:manipulation}
.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,46%) 1fr;background:#fff}.login-brand{background:linear-gradient(150deg,#07182f 0%,#0c2b55 64%,#123b70 100%);color:#fff;padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;opacity:.18}.login-brand:before{width:360px;height:360px;background:#f28a2f;right:-180px;top:-120px}.login-brand:after{width:420px;height:420px;background:#2a75cf;left:-250px;bottom:-190px}.login-logo{width:min(310px,75%);height:auto;position:relative;z-index:1;margin-bottom:34px}.direct-title-line{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.direct-symbol{width:38px;height:38px}.direct-pill{width:max-content;padding:7px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-brand h1{font-size:clamp(34px,4vw,58px);line-height:1.03;margin:20px 0 14px;letter-spacing:-.04em;position:relative;z-index:1}.login-brand p{max-width:520px;font-size:17px;line-height:1.55;color:#d6e4f7;position:relative;z-index:1}.brand-note{margin-top:36px;font-size:12px;color:#a9c2e2;position:relative;z-index:1}.login-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(180deg,#fff,#f8fbff)}.login-card{width:min(430px,100%)}.eyebrow,.modal-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--blue);margin-bottom:9px}.login-card h2{font-size:34px;margin:0 0 8px;letter-spacing:-.035em}.muted{color:var(--muted)}.login-card p{margin:0 0 30px}.login-card label,.modal-form label,.modal-label{display:block;font-size:13px;font-weight:800;margin:0 0 18px}.login-card input,.modal-form input,.modal-label input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#f9fbfd;border-radius:13px;padding:14px 15px;outline:none;color:var(--text)}.login-card input:focus,.modal-form input:focus,.modal-label input:focus{border-color:#6f9dd5;box-shadow:0 0 0 4px rgba(22,88,168,.08)}.btn{border:0;border-radius:13px;padding:13px 18px;font-weight:900;cursor:pointer;transition:.18s}.btn.primary{background:linear-gradient(100deg,var(--navy),var(--blue2));color:#fff;box-shadow:0 10px 24px rgba(22,88,168,.20)}.btn.secondary-action{background:#eef3f8;color:var(--navy);margin-top:10px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.full{width:100%}.small{padding:10px 13px}.form-msg{min-height:22px;margin-top:14px;font-size:13px;color:#b73030}.login-install-link{display:block;text-align:center;margin-top:18px;color:var(--blue);font-weight:800;text-decoration:none}
.app{height:100dvh;display:grid;grid-template-rows:72px 1fr;overflow:hidden}.topbar{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:16px}.brandline{display:flex;align-items:center;gap:12px;min-width:0}.top-direct-icon{width:31px;height:31px}.top-logo{height:34px;width:auto}.brandline strong{display:block;font-size:16px}.brandline small{display:block;color:var(--muted);font-size:10px;margin-top:2px;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.chip,.icon-btn,.chat-action,.chat-icon-action,.composer-tool{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:11px;font-weight:800;cursor:pointer}.chip{padding:9px 12px;font-size:12px;white-space:nowrap}.chip.push-active{border-color:#b7e2ce;color:#13724e;background:#effaf5}.cost-chip{background:#fff9ec;border-color:#f3d999}.icon-btn{width:38px;height:38px}.workspace{min-height:0;display:grid;grid-template-columns:72px 338px 1fr}.rail{background:var(--navy);padding:12px 8px;display:flex;flex-direction:column;gap:7px;z-index:12}.rail-tab{position:relative;border:0;background:transparent;color:#b9cbe1;border-radius:13px;min-height:62px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.rail-tab span{font-size:19px}.rail-tab b{font-size:10px}.rail-tab em{position:absolute;right:6px;top:6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--orange);color:white;font-size:10px;font-style:normal;display:grid;place-items:center}.rail-tab.active{background:rgba(255,255,255,.11);color:#fff}.rail-refresh{margin-top:auto;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.09);color:#fff;font-size:20px;cursor:pointer}
.conversations{background:rgba(255,255,255,.97);border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column;z-index:10}.list-head{display:flex;justify-content:space-between;align-items:center;padding:18px 17px 12px}.list-copy h2{margin:0;font-size:20px}.list-copy p{margin:4px 0 0;color:var(--muted);font-size:11px}.list-tools{display:flex;align-items:center;gap:10px}.live-dot{font-size:10px;color:var(--green);font-weight:800}.live-dot i{display:inline-block;width:7px;height:7px;background:#35bc7e;border-radius:50%;margin-right:4px}.new-conv-btn{width:38px;height:38px;border:0;border-radius:13px;background:var(--blue2);color:white;font-size:23px;cursor:pointer}.search-wrap{margin:0 14px 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#f6f9fc;padding:0 10px}.search-wrap input{border:0;outline:none;background:transparent;width:100%;padding:10px 0;color:var(--text);font-size:12px}.search-clear{border:0;background:transparent;font-size:20px;color:#718096;cursor:pointer}.conversation-list{overflow:auto;flex:1}.conv-item{position:relative;width:100%;border:0;border-top:1px solid #eef2f6;background:transparent;padding:12px 13px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;text-align:left;cursor:pointer;transition:.15s}.conv-item:hover,.conv-item.active{background:#eef6ff}.conv-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue2)}.conv-item.priority-urgente{box-shadow:inset 4px 0 0 var(--red)}.conv-item.priority-importante{box-shadow:inset 4px 0 0 var(--orange)}.conv-item.priority-acompanhar{box-shadow:inset 4px 0 0 var(--blue2)}.conv-item.priority-vip{box-shadow:inset 4px 0 0 var(--purple)}.conv-avatar,.avatar,.mini-avatar{border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-weight:900}.conv-avatar{width:42px;height:42px}.conv-main{min-width:0}.conv-row{display:flex;justify-content:space-between;gap:8px}.conv-name{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:10px;color:var(--muted);flex:none}.conv-preview{font-size:11px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.conv-badge{align-self:center;font-size:9px;font-weight:900;padding:5px 7px;border-radius:9px;background:#eaf2ff;color:var(--blue)}.unread-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#20a66a;color:#fff;font-size:10px;margin-left:5px}.pin-mini{font-size:11px;margin-right:3px}.status-mini{font-size:9px;color:#65758d;margin-top:3px;font-weight:800}.empty{margin:auto;text-align:center;color:var(--muted);padding:30px}.empty>div{font-size:36px}.empty strong{display:block;color:var(--text);margin:9px 0 5px}
.chat{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eef3f8}.chat-backdrop{position:absolute;inset:0;background:url('./direct-team-background.png') center/cover no-repeat;opacity:.15;pointer-events:none;z-index:0}.chat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(238,243,248,.30),rgba(238,243,248,.54));pointer-events:none;z-index:0}.chat-placeholder,.queue-preview,.chat-active{position:relative;z-index:2}.chat-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.placeholder-icon{font-size:42px}.chat-placeholder h2{margin:10px 0 3px}.chat-placeholder p{margin:0;color:var(--muted)}.motivation{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);width:min(680px,78%);margin:0;padding:16px 20px;border-radius:16px;background:rgba(8,30,57,.82);color:#fff;font-size:clamp(14px,1.35vw,20px);font-weight:800;line-height:1.45;box-shadow:0 15px 40px rgba(0,0,0,.17);backdrop-filter:blur(6px)}.motivation cite{display:block;font-style:normal;font-size:11px;color:#f6b66d;margin-top:8px;letter-spacing:.08em;text-transform:uppercase}.queue-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:680px;margin:auto;text-align:center;padding:35px}.queue-icon{font-size:48px}.queue-preview h2{margin:6px 0}.incoming-preview{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;margin:18px 0;max-width:520px;box-shadow:var(--shadow)}.queue-preview small{margin-top:11px;color:var(--muted);max-width:480px}.mobile-back{display:none}
.chat-active{height:100%;display:grid;grid-template-rows:auto auto auto 1fr auto auto auto;min-height:0}.chat-head{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:11px 16px;min-height:66px}.avatar{width:42px;height:42px;flex:none}.chat-person{min-width:0;flex:1}.chat-name-line{display:flex;align-items:center;gap:8px;min-width:0}.chat-person strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person small{display:block;font-size:10px;color:var(--muted)}.owner-line{font-size:9px;color:#5c6f86;text-transform:uppercase}.client-badge{font-size:8px;font-weight:900;color:#0b6a4b;background:#e8f8f0;border:1px solid #bce8d3;border-radius:999px;padding:3px 6px}.chat-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.head-select{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;padding:0 7px;outline:none}.chat-action{height:34px;padding:0 10px;font-size:9px;color:var(--blue)}.chat-icon-action{width:34px;height:34px;font-size:14px}.status-ribbon{background:rgba(255,255,255,.90);padding:5px 16px;border-bottom:1px solid var(--line);font-size:10px;font-weight:800;color:var(--green)}.pinned-messages{background:#fff7e8;border-bottom:1px solid #f2d6a7;padding:7px 15px;max-height:92px;overflow:auto}.pinned-item{display:flex;gap:8px;align-items:center;font-size:11px;color:#6c5125}.pinned-item button{margin-left:auto;border:0;background:transparent;cursor:pointer}.messages{min-height:0;overflow:auto;padding:18px clamp(13px,3vw,38px);display:flex;flex-direction:column;gap:8px}.msg-row{display:flex}.msg-row.in{justify-content:flex-start}.msg-row.out{justify-content:flex-end}.bubble{position:relative;max-width:min(68%,720px);padding:10px 12px 7px;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 2px 7px rgba(0,0,0,.06);font-size:13px;line-height:1.42}.msg-row.out .bubble{background:rgba(218,247,230,.97)}.bubble-meta{font-size:9px;color:#7c899a;margin-top:5px;text-align:right}.message-tools{position:absolute;right:5px;top:4px;opacity:0;transition:.15s}.bubble:hover .message-tools,.bubble:focus-within .message-tools{opacity:1}.message-tools button{border:0;background:rgba(255,255,255,.75);border-radius:7px;cursor:pointer;font-size:11px}.media-image{display:block;max-width:min(360px,100%);max-height:340px;border-radius:10px;margin-bottom:6px;object-fit:cover;background:#dde5ee}.media-audio{width:min(340px,100%);margin:3px 0}.media-file{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:rgba(10,31,58,.06);color:var(--blue);font-weight:800;text-decoration:none}.media-loading{font-size:11px;color:var(--muted);padding:6px 0}.messages-empty{text-align:center;margin:auto;color:var(--muted)}.contact-gate{margin:0 15px 9px;border:1px solid #f0d29d;background:#fff8e9;border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.contact-gate strong,.contact-gate span{display:block}.contact-gate span{font-size:10px;color:#79684b;margin-top:3px}.composer{background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:9px 12px;display:flex;align-items:flex-end;gap:6px}.composer textarea{min-height:40px;max-height:130px;resize:none;flex:1;border:1px solid var(--line);border-radius:18px;padding:10px 13px;outline:none;background:#f8fafc}.composer-tool{flex:none;width:38px;height:38px;border-radius:50%;font-size:16px}.send-btn{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:var(--blue2);color:#fff;font-size:19px;cursor:pointer}.composer-msg{min-height:18px;background:rgba(255,255,255,.97);padding:0 16px 4px;font-size:11px;color:#b73030}.recording-bar{background:#fff1f1;border-top:1px solid #f2c8c8;padding:9px 14px;display:flex;align-items:center;gap:9px;font-size:12px}.recording-bar button{border:0;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:800}.record-dot{width:9px;height:9px;border-radius:50%;background:#e53e3e;animation:pulse 1s infinite}.recording-bar #sendRecordingBtn{margin-left:auto;background:#dff5e9;color:#116641}@keyframes pulse{50%{opacity:.3}}
.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:100;background:#102a4b;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);font-size:12px;font-weight:700}.modal{position:fixed;inset:0;z-index:90;background:rgba(5,18,35,.58);display:grid;place-items:center;padding:22px}.modal-card{position:relative;width:min(560px,100%);max-height:88dvh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card h3{font-size:23px;margin:0 0 8px}.modal-card p{font-size:13px;line-height:1.5;color:#63748a}.modal-x{position:absolute;right:12px;top:12px;border:0;background:#edf3f9;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}.transfer-list{display:grid;gap:8px;margin:16px 0}.attendant-option{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.mini-avatar{width:36px;height:36px}.attendant-option strong,.attendant-option small{display:block}.attendant-option small{color:var(--muted);margin-top:2px}.consent-check{display:flex!important;gap:9px;align-items:flex-start}.consent-check input{width:auto!important;margin:2px 0!important}.cost-total{font-size:36px;font-weight:950;color:var(--navy);margin:12px 0}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cost-grid>div{background:#f4f7fa;border-radius:11px;padding:10px}.cost-grid span,.cost-grid strong{display:block}.cost-grid span{font-size:10px;color:var(--muted)}.cost-grid strong{font-size:17px}.cost-note{display:block;margin-top:13px;color:var(--muted);line-height:1.45}.priority-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.priority-choices button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left;cursor:pointer;font-weight:800}.settings-list{display:grid;gap:10px}.settings-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:#f9fbfd}.settings-card strong,.settings-card span{display:block}.settings-card span{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}.history-list{display:grid;gap:8px;margin-top:14px}.history-item{border-left:3px solid var(--blue2);padding:8px 11px;background:#f6f9fc;border-radius:0 10px 10px 0;font-size:12px}.history-item small{display:block;color:var(--muted);margin-top:3px}.contact-import-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-import-actions .btn{flex:1;min-width:180px}
@media(max-width:1100px){.top-logo{display:none}.chip{padding:8px 9px}.workspace{grid-template-columns:66px 310px 1fr}.head-select{max-width:125px}.chat-head{padding:8px 10px}.bubble{max-width:78%}}
@media(max-width:760px){body{overscroll-behavior:none}.app{grid-template-rows:58px 1fr}.topbar{padding:0 8px}.top-direct-icon{width:29px}.brandline>div strong{font-size:13px}.brandline>div small{display:none}.top-actions{gap:4px}.chip{width:36px;height:36px;padding:0;overflow:hidden;font-size:0;border-radius:10px}.chip:before{font-size:16px}.chip#contactsBtn:before{content:"👥"}.chip#settingsBtn:before{content:"⚙"}.chip#costBtn:before{content:"💰"}.chip#installBtn:before{content:"＋"}.chip#pushBtn:before{content:"🔔"}.chip#agendaBtn:before{content:"📅"}.workspace{grid-template-columns:58px 1fr}.rail{padding:7px 5px}.rail-tab{min-height:55px}.rail-tab span{font-size:17px}.rail-tab b{font-size:9px}.rail-tab em{right:2px;top:4px}.conversations{min-width:0}.chat{position:fixed;inset:58px 0 0 0;z-index:30;transform:translateX(102%);transition:.18s}.chat.mobile-open{transform:translateX(0)}.mobile-back{display:inline-flex;border:0;background:#eef3f8;color:var(--navy);border-radius:9px;padding:7px 9px;font-weight:800}.chat-head{min-height:62px;gap:7px}.avatar{width:36px;height:36px}.chat-head-actions{gap:3px}.head-select{display:none}.chat-action{display:none}.chat-icon-action{width:31px;height:31px}.status-ribbon{display:flex;justify-content:center}.bubble{max-width:88%;font-size:13px}.composer{padding:7px 6px;gap:3px}.composer-tool{width:35px;height:35px}.composer textarea{padding:9px 11px}.send-btn{width:39px;height:39px}.motivation{top:70%;width:88%;font-size:13px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:24px}.list-head{padding:12px}.search-wrap{margin:0 9px 8px}.conversation-list{padding-bottom:max(6px,env(safe-area-inset-bottom))}.modal{padding:10px}.modal-card{padding:20px 16px}.cost-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.top-actions #contactsBtn,.top-actions #settingsBtn{display:none}.workspace{grid-template-columns:54px 1fr}.rail-tab b{font-size:8px}.conv-item{grid-template-columns:40px minmax(0,1fr) auto}.conv-avatar{width:38px;height:38px}.composer-tool{width:33px;height:33px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* ============================================================
   V12.10.93 — base visual preservada + experiência Direct refinada
   ============================================================ */
.conv-item.priority-urgente{background:rgba(216,67,67,.11);box-shadow:inset 5px 0 0 var(--red)}
.conv-item.priority-importante{background:rgba(242,138,47,.14);box-shadow:inset 5px 0 0 var(--orange)}
.conv-item.priority-acompanhar{background:rgba(36,107,194,.11);box-shadow:inset 5px 0 0 var(--blue2)}
.conv-item.priority-vip{background:rgba(117,80,200,.12);box-shadow:inset 5px 0 0 var(--purple)}
.conv-item.priority-urgente:hover,.conv-item.priority-urgente.active{background:rgba(216,67,67,.18)}
.conv-item.priority-importante:hover,.conv-item.priority-importante.active{background:rgba(242,138,47,.21)}
.conv-item.priority-acompanhar:hover,.conv-item.priority-acompanhar.active{background:rgba(36,107,194,.18)}
.conv-item.priority-vip:hover,.conv-item.priority-vip.active{background:rgba(117,80,200,.19)}
.conv-item.priority-normal:hover,.conv-item.priority-normal.active{background:#eef6ff}

.msg-row.in .bubble{background:rgba(221,239,255,.98);border:1px solid rgba(36,107,194,.10)}
.msg-row.out .bubble{background:rgba(218,247,230,.98);border:1px solid rgba(23,136,91,.08)}
.msg-row.system-auto .bubble{background:#fff7df;border:1px solid #efd79d}
.msg-row.system-auto .message-text:before{content:"🤖 ";font-size:12px}
.msg-ticks{font-weight:950;letter-spacing:-1px;margin-left:2px}
.msg-ticks.sent,.msg-ticks.delivered{color:#8794a5}
.msg-ticks.read{color:#1684e8}
.reaction-strip{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 -1px}
.reaction-chip{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:22px;padding:0 6px;border-radius:999px;background:#fff;border:1px solid #dbe5ef;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.reaction-chip.client{background:#edf6ff;border-color:#c8e0f5}
.reaction-chip.team{background:#eefaf3;border-color:#cce9d8}
.message-tools{display:flex;gap:3px}
.media-video{display:block;width:min(420px,100%);max-height:420px;border-radius:10px;margin-bottom:6px;background:#101820}
.emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(46px,1fr));gap:8px;margin-top:16px}
.emoji-grid button{min-height:48px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:23px;cursor:pointer}
.emoji-grid button:hover{background:#eef6ff;transform:translateY(-1px)}
.emoji-grid .remove-reaction{grid-column:span 3;font-size:11px;font-weight:900;color:#b73030;background:#fff4f4}
@media(max-width:760px){.emoji-grid{grid-template-columns:repeat(5,1fr)}.composer #emojiBtn{display:inline-flex;align-items:center;justify-content:center}.media-video{max-height:310px}}
@media(max-width:390px){.composer #cameraBtn{display:none}.emoji-grid{grid-template-columns:repeat(4,1fr)}}
.conv-item.priority-urgente.active:before{background:var(--red)}
.conv-item.priority-importante.active:before{background:var(--orange)}
.conv-item.priority-acompanhar.active:before{background:var(--blue2)}
.conv-item.priority-vip.active:before{background:var(--purple)}
.conv-item.priority-urgente .conv-badge,.conv-item.priority-urgente .conv-avatar{background:rgba(216,67,67,.15);color:#a72d2d}
.conv-item.priority-importante .conv-badge,.conv-item.priority-importante .conv-avatar{background:rgba(242,138,47,.17);color:#a85b18}
.conv-item.priority-acompanhar .conv-badge,.conv-item.priority-acompanhar .conv-avatar{background:rgba(36,107,194,.15);color:#1658a8}
.conv-item.priority-vip .conv-badge,.conv-item.priority-vip .conv-avatar{background:rgba(117,80,200,.15);color:#5a39a7}

/* ========================================================================== */
/* V12.10.85 — WHATSAPP PRO / PRIORIDADE TOTAL / REPLY / NOTAS / QUARENTENA */
/* ========================================================================== */
.conv-item.priority-normal{background:#fff}
.conv-item.priority-normal:hover,.conv-item.priority-normal.active{background:#eef6ff}
.conv-item.priority-urgente{background:#f9d7d7;box-shadow:inset 5px 0 0 var(--red)}
.conv-item.priority-importante{background:#ffe0bd;box-shadow:inset 5px 0 0 var(--orange)}
.conv-item.priority-acompanhar{background:#d8e8fb;box-shadow:inset 5px 0 0 var(--blue2)}
.conv-item.priority-vip{background:#e8dcfb;box-shadow:inset 5px 0 0 var(--purple)}
.conv-item.priority-urgente:hover,.conv-item.priority-urgente.active{background:#f4c4c4}
.conv-item.priority-importante:hover,.conv-item.priority-importante.active{background:#ffd09b}
.conv-item.priority-acompanhar:hover,.conv-item.priority-acompanhar.active{background:#c2dcf8}
.conv-item.priority-vip:hover,.conv-item.priority-vip.active{background:#d9c8f6}
.conv-item.priority-urgente .conv-badge,.conv-item.priority-urgente .conv-avatar{background:#efbcbc;color:#922727}
.conv-item.priority-importante .conv-badge,.conv-item.priority-importante .conv-avatar{background:#ffc987;color:#8d4a10}
.conv-item.priority-acompanhar .conv-badge,.conv-item.priority-acompanhar .conv-avatar{background:#b9d7f5;color:#124e98}
.conv-item.priority-vip .conv-badge,.conv-item.priority-vip .conv-avatar{background:#d2c0f0;color:#52339a}

.msg-row.in .bubble{background:#e2f1ff;border:1px solid #c7e1f8}
.msg-row.out .bubble{background:#dcf8e8;border:1px solid #c1ebd4}
.msg-row.note{justify-content:center}
.msg-row.system-note .bubble{max-width:min(76%,760px);background:#fff4c9;border:1px dashed #dfbd50;color:#5e4c14}
.msg-row.system-note .bubble:before{content:"📝 NOTA INTERNA · EQUIPE";display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#8b6d0c;margin-bottom:5px}
.msg-row.system-auto .bubble{background:#fff7df;border:1px solid #efd79d}

.reply-bar{margin:0 12px;background:#f4f8fc;border:1px solid #d5e0ec;border-left:4px solid var(--blue2);border-radius:10px 10px 0 0;padding:8px 10px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.reply-bar>div{min-width:0;display:flex;flex-direction:column}.reply-bar strong{font-size:10px;color:var(--blue)}.reply-bar span{font-size:10px;color:#627389;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(70vw,650px)}.reply-bar button{border:0;background:transparent;color:#65758d;font-size:22px;cursor:pointer;line-height:1}
.quoted-message{border-left:3px solid var(--blue2);background:rgba(255,255,255,.55);border-radius:7px;padding:6px 8px;margin:0 20px 6px 0;display:flex;flex-direction:column;gap:2px}.quoted-message strong{font-size:9px;color:var(--blue)}.quoted-message span{font-size:10px;color:#52647a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
.message-tools{display:flex;gap:2px}
.reaction-strip{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.reaction-chip{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:22px;padding:0 5px;border-radius:11px;background:#fff;border:1px solid #dfe7ef;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.reaction-chip.client{border-color:#bfd8f0}.reaction-chip.team{border-color:#b9e1cc}

.modal-textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#f9fbfd;border-radius:13px;padding:13px 14px;outline:none;color:var(--text);resize:vertical;min-height:110px}.modal-textarea:focus{border-color:#6f9dd5;box-shadow:0 0 0 4px rgba(22,88,168,.08)}
.quick-reply-list,.quarantine-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow:auto;margin:12px 0}.quick-reply-item,.quarantine-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:8px}.quick-reply-use{flex:1;min-width:0;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--text);padding:4px}.quick-reply-use strong,.quick-reply-use span,.quick-reply-use small,.quarantine-item strong,.quarantine-item span,.quarantine-item small{display:block}.quick-reply-use strong,.quarantine-item strong{font-size:12px}.quick-reply-use span,.quarantine-item span{font-size:11px;color:#586b83;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-reply-use small,.quarantine-item small{font-size:8px;color:#8b98a8;margin-top:4px;font-weight:900}.quick-reply-delete{flex:none;width:30px;height:30px;border:0;border-radius:9px;background:#fff0f0;color:#a92f2f;font-size:18px;cursor:pointer}.quarantine-item>div{flex:1;min-width:0}.quarantine-restore{flex:none;border:0;border-radius:9px;padding:8px 9px;background:#e6f6ee;color:#126445;font-size:9px;font-weight:900;cursor:pointer}.btn.danger-action{background:#fff1f1;color:#a92f2f;border:1px solid #efbaba;margin-top:10px}

@media(max-width:760px){.reply-bar{margin:0 6px}.reply-bar span{max-width:65vw}.quarantine-item{align-items:flex-start;flex-direction:column}.quarantine-restore{width:100%}}
@media(max-width:480px){#noteBtn{display:none}.composer-tool{width:34px;height:34px;font-size:15px}}
@media(max-width:390px){#cameraBtn{display:none}.composer{gap:2px}.composer textarea{min-width:80px}}

/* A cor do seletor e da linha usam a mesma paleta da prioridade escolhida. */
#prioritySelect[data-priority="urgente"],.priority-choices button[data-p="urgente"]{background:#f9d7d7;color:#922727;border-color:#efbcbc}
#prioritySelect[data-priority="importante"],.priority-choices button[data-p="importante"]{background:#ffe0bd;color:#8d4a10;border-color:#ffc987}
#prioritySelect[data-priority="acompanhar"],.priority-choices button[data-p="acompanhar"]{background:#d8e8fb;color:#124e98;border-color:#b9d7f5}
#prioritySelect[data-priority="vip"],.priority-choices button[data-p="vip"]{background:#e8dcfb;color:#52339a;border-color:#d2c0f0}
#prioritySelect[data-priority="normal"],.priority-choices button[data-p="normal"]{background:#fff;color:var(--navy);border-color:var(--line)}

/* V12.10.93 — diagnóstico preservado e atualização PWA */
#contactImportMsg.error{color:#b42318;font-weight:800}

/* V12.10.93 — caixa de conversas mais intuitiva, inspirada em mensageria moderna. */
.workspace{grid-template-columns:78px 390px minmax(0,1fr)}
.rail{padding:14px 9px;gap:8px;background:linear-gradient(180deg,#0b1f3a 0%,#102b4d 100%);box-shadow:8px 0 28px rgba(8,27,51,.08)}
.rail-tab{min-height:64px;border:1px solid transparent}
.rail-tab:hover{background:rgba(255,255,255,.07);color:#fff}
.rail-tab.active{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.10);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.rail-tab em{right:5px;top:5px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.conversations{background:rgba(255,255,255,.985);box-shadow:10px 0 30px rgba(20,45,75,.05)}
.list-head{padding:18px 18px 11px}
.list-copy h2{font-size:21px;letter-spacing:-.02em}
.search-wrap{margin:0 14px 9px;border-radius:14px;background:#f5f8fc;border-color:#dfe7f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.search-wrap:focus-within{border-color:#8bb7e8;box-shadow:0 0 0 3px rgba(36,107,194,.10);background:#fff}
.quick-filters{display:flex;gap:7px;padding:0 14px 11px;overflow-x:auto;scrollbar-width:none}
.quick-filters::-webkit-scrollbar{display:none}
.quick-filter{flex:none;border:1px solid #dfe7f0;background:#fff;color:#53657b;border-radius:999px;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;cursor:pointer;transition:.15s}
.quick-filter:hover{background:#f4f8fd;color:#1b4f86}
.quick-filter.active{background:#0f5ca8;color:#fff;border-color:#0f5ca8;box-shadow:0 6px 16px rgba(15,92,168,.18)}
.quick-filter em{min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:rgba(15,31,55,.07);font-size:9px;font-style:normal}
.quick-filter.active em{background:rgba(255,255,255,.20)}
.conversation-list{padding:0 7px 10px}
.conv-item{border:1px solid transparent;border-top-color:#edf1f5;border-radius:14px;padding:11px 10px;margin:2px 0;grid-template-columns:46px minmax(0,1fr) 44px;gap:10px;align-items:center}
.conv-item:hover{transform:translateY(-1px);border-color:rgba(36,107,194,.10);box-shadow:0 8px 18px rgba(27,62,98,.08)}
.conv-item.active{border-color:rgba(36,107,194,.22);box-shadow:0 9px 20px rgba(27,62,98,.11)}
.conv-item.active:before{top:8px;bottom:8px;border-radius:0 4px 4px 0}
.conv-avatar{width:43px;height:43px;box-shadow:inset 0 0 0 1px rgba(17,64,112,.05)}
.conv-main{align-self:center}
.conv-name{font-size:13px;line-height:1.2;color:#152a43}
.conv-preview{font-size:11px;margin-top:5px;line-height:1.3}
.conv-item.has-unread .conv-name,.conv-item.has-unread .conv-preview{font-weight:900;color:#152a43}
.conv-meta{display:flex;align-items:center;gap:5px;margin-top:6px;min-width:0;overflow:hidden}
.conv-meta span{display:inline-flex;align-items:center;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:850;letter-spacing:.01em;background:rgba(15,31,55,.055);color:#68798d}
.conv-meta .conv-linked{background:#e9f5ff;color:#1763ad}
.conv-meta .conv-priority{background:rgba(255,255,255,.55);color:#314861}
.conv-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:7px;min-width:40px;padding-top:1px}
.conv-time{font-size:9px;white-space:nowrap;color:#7b899a}
.conv-side .unread-badge{margin:0;min-width:20px;height:20px;box-shadow:0 3px 9px rgba(32,166,106,.25)}
.pin-side{font-size:10px;opacity:.72}
.archive-side{font-size:8px;font-weight:900;color:#78889b;background:#edf1f5;border-radius:6px;padding:3px 4px}
@media(max-width:1100px){.workspace{grid-template-columns:68px 340px minmax(0,1fr)}}
@media(max-width:760px){
  .workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  .rail{grid-column:1;grid-row:1;min-width:0;min-height:62px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;box-shadow:0 7px 20px rgba(8,27,51,.09);scrollbar-width:none}
  .rail::-webkit-scrollbar{display:none}
  .rail-tab{flex:0 0 auto;min-width:72px;min-height:50px;padding:5px 8px;flex-direction:row;gap:5px;border-radius:12px}
  .rail-tab span{font-size:16px}.rail-tab b{font-size:9px}.rail-tab em{position:static;min-width:18px;height:18px;margin-left:1px}
  .rail-refresh{flex:0 0 42px;margin:0 0 0 auto;height:42px}
  .conversations{grid-column:1;grid-row:2;min-height:0;border-right:0}
  .list-head{padding:12px 13px 9px}.list-copy h2{font-size:19px}.list-copy p{font-size:10px}
  .search-wrap{margin:0 10px 8px}.quick-filters{padding:0 10px 9px}
  .conversation-list{padding:0 6px max(8px,env(safe-area-inset-bottom))}
  .conv-item{grid-template-columns:44px minmax(0,1fr) 42px;padding:10px 9px;border-radius:13px}
  .conv-avatar{width:41px;height:41px}
}
@media(max-width:390px){
  .workspace{grid-template-columns:1fr}.rail-tab{min-width:66px}.rail-tab b{font-size:8px}
  .conv-item{grid-template-columns:40px minmax(0,1fr) 39px}.conv-avatar{width:38px;height:38px}
  .quick-filter{padding:6px 8px}
}


/* V12.10.101 — atualização manual no topo + feedback visual */
.refresh-chip{min-width:104px}
.refresh-chip.syncing,.rail-refresh.syncing{opacity:.72;cursor:wait}
.refresh-chip.syncing{pointer-events:none}
@keyframes kmsDirectSpin{to{transform:rotate(360deg)}}
.rail-refresh.syncing{animation:kmsDirectSpin .8s linear infinite}
@media(max-width:760px){
  .chip#topRefreshBtn:before{content:"↻"}
  .chip#topRefreshBtn.syncing:before{display:inline-block;animation:kmsDirectSpin .8s linear infinite}
}


/* ==========================================================
   V12.10.104 — PAINEL DE CONVERSAS TIPO WHATSAPP WEB
   - Agenda telefônica integrada à coluna de conversas
   - Filtros sempre visíveis (Prioridade não corta)
   - Rolagem vertical própria e visível na lista
   ========================================================== */
.conversations{
  min-height:0!important;
  overflow:hidden!important;
}
.list-head,.search-tools-row,.quick-filters{
  flex:0 0 auto;
}
.search-tools-row{
  display:flex;
  align-items:stretch;
  gap:8px;
  padding:0 14px 10px;
  min-width:0;
}
.search-tools-row .search-wrap{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
.sidebar-contacts-btn{
  flex:0 0 auto;
  min-width:78px;
  height:38px;
  padding:0 9px;
  border:1px solid #dfe7f0;
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(15,49,85,.04);
}
.sidebar-contacts-btn:hover{
  background:#f4f8fd;
  border-color:#bfd2e7;
  color:#0f5ca8;
}
.sidebar-contacts-icon{font-size:15px;line-height:1}
.quick-filters{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px!important;
  padding:0 14px 10px!important;
  overflow:visible!important;
  scrollbar-width:auto!important;
}
.quick-filters::-webkit-scrollbar{display:none!important}
.quick-filter{
  min-width:0!important;
  width:100%;
  padding:7px 4px!important;
  gap:3px!important;
  justify-content:center;
  font-size:9px!important;
  overflow:hidden;
}
.quick-filter span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quick-filter em{
  flex:0 0 auto;
  min-width:16px!important;
  height:16px!important;
  padding:0 3px!important;
}
.conversation-list{
  flex:1 1 0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#aebed0 #f4f7fa;
  padding:0 5px 12px 7px!important;
}
.conversation-list::-webkit-scrollbar{width:9px}
.conversation-list::-webkit-scrollbar-track{
  background:#f4f7fa;
  border-left:1px solid #edf1f5;
}
.conversation-list::-webkit-scrollbar-thumb{
  background:#b7c5d5;
  border:2px solid #f4f7fa;
  border-radius:999px;
}
.conversation-list::-webkit-scrollbar-thumb:hover{background:#8fa4ba}

@media(max-width:760px){
  .search-tools-row{padding:0 9px 8px;gap:6px}
  .search-tools-row .search-wrap{margin:0!important}
  .sidebar-contacts-btn{
    min-width:38px;
    width:38px;
    height:38px;
    padding:0;
  }
  .sidebar-contacts-label{display:none}
  .quick-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:0 9px 8px!important;
    gap:5px!important;
  }
  .quick-filter{font-size:9px!important;padding:6px 5px!important}
  .conversation-list{scrollbar-width:thin}
}


/* V12.10.105 — identidade do Direct no estado vazio */
.placeholder-icon{
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:4px;
}
.placeholder-direct-icon{
  width:64px;
  height:64px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(11,31,58,.18));
}
.motivation #dailyMotivationText{
  display:block;
}
@media(max-width:760px){
  .placeholder-icon,
  .placeholder-direct-icon{
    width:54px;
    height:54px;
  }
}


/* V12.10.106 — agenda telefônica dentro do Direct */
.phonebook-modal-card{width:min(820px,96vw);height:min(780px,90dvh);overflow:hidden;display:flex;flex-direction:column}
.phonebook-modal-card #modalBody{min-height:0;flex:1;display:flex;flex-direction:column}
.direct-phonebook{min-height:0;display:flex;flex-direction:column;flex:1}
.phonebook-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-right:32px}
.phonebook-head h3{margin-bottom:4px}
.phonebook-head p{margin:0;max-width:560px}
.phonebook-count{flex:none;background:#edf4ff;color:#1658a8;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.phonebook-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 8px}
.phonebook-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#f7fafe;padding:0 11px}
.phonebook-search input{width:100%;border:0;outline:0;background:transparent;padding:12px 0;color:var(--text)}
.phonebook-secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.phonebook-secondary-actions .btn{margin-top:0;padding:9px 12px;font-size:11px}
.phonebook-msg{min-height:18px;margin:5px 0 7px}
.phonebook-list{min-height:0;flex:1;overflow-y:auto;border:1px solid #e7edf4;border-radius:14px;background:#fbfdff;scrollbar-width:thin;scrollbar-color:#a9bacb #eef3f7}
.phonebook-list::-webkit-scrollbar{width:9px}.phonebook-list::-webkit-scrollbar-track{background:#eef3f7;border-radius:10px}.phonebook-list::-webkit-scrollbar-thumb{background:#a9bacb;border-radius:10px;border:2px solid #eef3f7}
.phonebook-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border-bottom:1px solid #edf1f5}
.phonebook-row:last-child{border-bottom:0}.phonebook-row:hover{background:#f1f7ff}
.phonebook-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);font-weight:950;font-size:12px}
.phonebook-info{min-width:0}.phonebook-info strong,.phonebook-info span,.phonebook-info small{display:block}.phonebook-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phonebook-info span{font-size:11px;color:#64758a;margin-top:2px}.phonebook-info small{font-size:10px;color:#8290a2;margin-top:3px}
.phonebook-bring-btn{border:0;border-radius:10px;background:linear-gradient(100deg,var(--navy),var(--blue2));color:#fff;padding:9px 11px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.phonebook-bring-btn:disabled{background:#edf1f5;color:#8b98a8;cursor:default}
.phonebook-loading,.phonebook-empty{padding:34px;text-align:center;color:var(--muted)}.phonebook-empty strong,.phonebook-empty span{display:block}.phonebook-empty strong{color:var(--text);margin-bottom:5px}
@media(max-width:760px){.phonebook-modal-card{width:100%;height:94dvh}.phonebook-head{padding-right:28px}.phonebook-toolbar{grid-template-columns:1fr}.phonebook-row{grid-template-columns:38px minmax(0,1fr)}.phonebook-bring-btn{grid-column:2;width:max-content}.phonebook-secondary-actions .btn{flex:1;min-width:130px}}


/* V12.10.107 — botão Contatos com acionamento reforçado */
.sidebar-contacts-btn{position:relative;z-index:20;pointer-events:auto;user-select:none;}
.sidebar-contacts-btn:active{transform:translateY(1px);}