: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}}