/* Azul extraido visualmente da identidade Master; superficies brancas. */
.more-actions{position:relative;flex-shrink:0}.more-actions summary{list-style:none;display:grid;place-items:center;width:38px;height:34px;border:1px solid #cad9ea;border-radius:8px;background:#f2f7fd;color:#245e91;font-size:25px;line-height:1;cursor:pointer}.more-actions summary::-webkit-details-marker{display:none}.more-actions summary:hover,.more-actions[open] summary{background:#dfeafa}.more-actions summary:focus-visible{outline:3px solid #61a3d7;outline-offset:3px}.more-actions-panel{position:absolute;z-index:10;bottom:calc(100% + 9px);left:0;width:225px;max-width:calc(100vw - 110px);padding:7px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce5ef;border-radius:12px;box-shadow:0 8px 30px #263b6026}.more-actions:not([open]) .more-actions-panel{display:none}.composer-tools .more-actions-panel .btn{justify-content:flex-start;padding:11px 10px;font-size:12px;border:0}.more-actions-panel .btn span{margin-left:auto;font-size:9px;color:#73849a}.more-actions-panel .btn:disabled{opacity:.55}
:root{--ink:#293b61;--green:#245e91;--muted:#657991;--line:#dce5ef;color:#293b61;background:#fff}
body{background:#fff}.brand{flex-direction:column;align-items:flex-start;gap:12px}.brand img{width:174px;max-width:100%;height:auto}.brand strong{font-size:13px;letter-spacing:.1px;color:#315984}
.sidebar{background:#fff;color:#293b61;border-right:1px solid var(--line);gap:20px}.nav-label{color:#71849c}.nav-item{color:#506783;position:relative;gap:9px}.nav-item:hover{background:#f1f6fc}.nav-item.selected{background:#eaf2fc;color:#245e91;box-shadow:inset 3px 0 #245e91}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:22px;padding:0 6px;border-radius:20px;background:#dceafa;color:#245e91;font-size:10px;margin-left:auto}.profile{border-color:var(--line);margin-top:auto}.profile .avatar{background:#e7eef8;color:#315984}.profile small{color:#657991}.logout{color:#315984}.sidebar-note{background:#f5f8fc;color:#657991;border-color:var(--line)}.sidebar-note strong{color:#315984}
.btn{color:#315984}.btn:hover{background:#eff5fc}.btn.primary{background:#245e91;border-color:#245e91;color:#fff}.btn.primary:hover{background:#1d4b75}.btn.note{background:#fff0c8;border-color:#e7d496;color:#7a5818}.badge{background:#edf3fb;color:#486789}.topbar{padding:0 22px}.top-actions{gap:8px}.pilot{background:#f5f8fc;border-color:var(--line);color:#506783}
.conversation-layout{position:relative;grid-template-columns:302px minmax(0,1fr)}.conversation-layout.details-open{grid-template-columns:302px minmax(0,1fr) 238px}.details{display:none}.details-open .details{display:block}.chat{background:#fff}.chat-header{flex-wrap:wrap;gap:12px}.chat-actions{flex-wrap:wrap;margin-left:auto}.ticket-card.selected{background:#edf4fd;box-shadow:inset 3px 0 #245e91}.ticket-card:hover{background:#f6f9fd}.search{background:#fafcff}.preview,.ticket-head time,.ticket-bottom small{color:#72849b}.ticket-bottom .queue-label{font-weight:700;color:#245e91}.unread-dot{font-size:10px;color:#1370bc;margin-right:5px}.filter{color:#536e8e}.bubble{background:#f5f8fc;border-color:#dce5ef}.bubble.outgoing{background:#e6f1ff;border-color:#d2e3f8}.bubble.note{background:#fff0c8;border-color:#e7d6a5}.bubble-meta,.bubble-foot{color:#607c9a}.event{color:#73869e}.note .bubble-foot{color:#91712b}
.composer textarea{background:#fcfdff}.composer-tabs button{background:#f2f6fc;color:#607c9a}.composer-tabs .selected{background:#e4effc;color:#245e91}.composer-tabs .selected[data-mode=note]{background:#fff0c8;color:#8c6c25}.composer-tools{display:flex;align-items:center;gap:7px;margin-top:8px}.composer-tools .btn{font-size:11px;padding:6px 9px}.composer-tools small{font-size:10px;margin-left:auto}.composer-bottom{margin-top:7px}.composer-bottom select{color:#607c9a}.details h3,.detail-row span,.contact-card p{color:#73869e}.contact-card .avatar{background:#e7eef8;color:#315984}.detail-note{background:#f5f8fc;color:#607c9a}.empty-symbol{background:#eaf1fa;color:#7796bb}.empty h2{color:#315984}.empty p{color:#657991}
.auth-aside{background:#f0f5fc;color:#293b61}.auth-aside .brand img{width:250px}.auth-aside p,.auth-aside footer{color:#607c9a}label{color:#486789}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #245e911a}.table-scroll th{color:#607c9a}.page-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:18px}.page-toolbar input{max-width:400px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.contact-results{max-height:340px;overflow:auto;margin-top:14px}.contact-result{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.contact-result small{display:block;margin-top:5px;font-size:11px}.check{flex-direction:row;align-items:center;font-weight:400}.check input{width:auto}fieldset{margin:20px 0;border:1px solid var(--line);border-radius:8px}legend{font-size:12px;color:#486789}.quick-field{display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding:0 0 18px}.quick-field label{flex:1}.attachment{white-space:normal;display:flex;flex-direction:column;gap:8px;border-top:1px solid #cad8e8;padding-top:8px;margin-top:8px}.attachment a{color:#245e91;overflow-wrap:anywhere}.attachment small{font-size:10px}audio{max-width:100%;width:300px}.details-close{margin-bottom:16px}.btn[disabled]{cursor:not-allowed}.nav-symbol{flex-shrink:0}
@media(max-width:1250px){.conversation-layout,.conversation-layout.details-open{grid-template-columns:285px minmax(0,1fr)}.details-open .details{position:absolute;right:0;top:0;bottom:0;width:260px;z-index:5;box-shadow:-5px 0 20px #29496920}.top-actions>.badge{display:none}}
@media(max-width:800px){.brand img{width:48px}.brand strong{display:none}.sidebar{padding:16px 5px;gap:15px}.sidebar .nav-text{display:none}.sidebar .nav-count{display:flex!important;position:absolute;right:0;top:0;min-width:16px;height:16px;padding:0 4px;font-size:8px}.nav-item{padding:12px 6px}.sidebar nav{gap:6px}.topbar{padding:0 12px;height:auto;min-height:80px;gap:6px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.top-actions{gap:5px}.top-actions .btn{font-size:9px}.conversation-layout,.conversation-layout.details-open{display:flex}.composer-tools{flex-wrap:wrap}.composer-tools small{width:100%;margin-left:0}.chat-header{padding:10px}.chat-header h2{font-size:13px}.chat-actions{gap:4px}.chat-actions .btn{font-size:9px;padding:6px}.details-open .details{width:min(260px,100%)}.page-toolbar{flex-wrap:wrap}.quick-field{align-items:stretch;flex-direction:column;gap:8px}.quick-field .btn{align-self:flex-end}.bubble{font-size:12px}}

/* Identificacao por cor sempre acompanhada de texto. */
.ticket-bottom .department-badge,.ticket-bottom .status-badge{display:inline-block;font-size:10px;font-weight:600;padding:4px 7px;line-height:1.3;border-radius:5px;border:1px solid transparent;white-space:normal}
.ticket-bottom .department-atendimento{background:#dbeafe;color:#174b85;border-color:#bdd6f6}
.ticket-bottom .department-suporte{background:#ede9fe;color:#5b3690;border-color:#d8cdf8}
.ticket-bottom .department-financeiro{background:#d9f2ed;color:#155e55;border-color:#b3e1d6}
.ticket-bottom .status-queued{background:#dcfce7;color:#166534;border-color:#b9e8c9}
.ticket-bottom .status-active{background:#e0efff;color:#18558c;border-color:#bcd8f2}
.ticket-bottom .status-waiting_customer{background:#fff3cd;color:#805718;border-color:#edda9b}
.ticket-bottom .status-waiting_team{background:#f1e8ff;color:#6a388c;border-color:#dfc8f2}
.ticket-bottom .status-closed{background:#e2e8f0;color:#334155;border-color:#becada}
.sidebar .nav-count.queue-pending{background:#15803d;color:#fff;font-weight:800;box-shadow:0 0 0 2px #dcfce7}
.sidebar .nav-count.mine-unread{background:#b45309;color:#fff;font-weight:800;box-shadow:0 0 0 2px #fef3c7}
.sidebar .nav-item.has-unread-reply{color:#934308;font-weight:700}
.sidebar .nav-item.has-unread-reply .nav-symbol{color:#b45309}

/* Versao 0.5: area de conversa, citacoes e midia. */
.timeline{background-color:#f1f4f6;background-image:url('/chat-wallpaper.svg');background-size:240px 220px}
.bubble.incoming{background:#fff}.event{background:#e9eef4e8;border-radius:8px;padding:7px 12px;align-self:center}
.quoted-message,.reply-preview{background:#dae7f080;border-left:3px solid #245e91;border-radius:6px;padding:8px 12px;white-space:normal;margin-bottom:9px;font-size:12px}
.quoted-message p,.reply-preview p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:auto}
.reply-preview{display:flex;align-items:center;justify-content:space-between;gap:12px}.reply-preview[hidden]{display:none}.reply-preview>div{min-width:0}
.quote-action{display:block;margin-top:8px;margin-left:auto;background:transparent;border:0;color:#315984;font-size:11px;cursor:pointer;padding:4px 8px}.quote-action:hover{background:#dbeafe;border-radius:5px}
.image-thumb{border:0;padding:0;background:#edf3f8;border-radius:8px;overflow:hidden;cursor:zoom-in;display:flex;flex-direction:column;align-self:flex-start;max-width:100%}.image-thumb img{display:block;width:240px;max-width:100%;height:160px;object-fit:contain}.image-thumb span{font-size:10px;color:#315984;padding:6px}
.image-view img{display:block;width:100%;max-height:70vh;object-fit:contain}.image-view h2{overflow-wrap:anywhere}dialog:has(.image-view){width:min(1000px,94vw);max-width:94vw}
.inbox-toggle{font-size:22px;padding:2px 9px;margin-left:auto;line-height:1.2}
@media(min-width:801px){.conversation-layout.inbox-collapsed{grid-template-columns:48px minmax(0,1fr)}.conversation-layout.inbox-collapsed.details-open{grid-template-columns:48px minmax(0,1fr) 238px}.inbox-collapsed .inbox{min-width:0;width:auto}.inbox-collapsed .inbox-tools{padding:10px 5px}.inbox-collapsed .inbox-tools>:not(.inbox-title),.inbox-collapsed .inbox-title h3,.inbox-collapsed .inbox-title #count,.inbox-collapsed .ticket-list{display:none}.inbox-collapsed .inbox-title{justify-content:center}.inbox-collapsed .inbox-toggle{margin:0}}
@media(min-width:801px) and (max-width:1250px){.conversation-layout.inbox-collapsed.details-open{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:800px){.inbox-toggle{display:none}}

/* 0.6: a conversa ocupa a altura inteira; controles ficam na lateral. */
.layout{grid-template-columns:180px minmax(0,1fr)}
.sidebar{padding:10px 10px 12px;gap:10px}
.sidebar-toggle{align-self:flex-end;padding:5px 9px;min-height:30px}
.sidebar .brand{gap:6px;padding:0 5px}.sidebar .brand img{width:150px}.sidebar .brand strong{font-size:11px}
.sidebar nav{gap:3px}.sidebar .nav-label{margin:9px 10px 3px;font-size:9px}
.sidebar .nav-item{min-height:36px;padding:8px 9px;font-size:11px}
.sidebar .new-attendance{background:#245e91;color:white;margin:4px 0}
.sidebar-connection{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.sidebar-connection .badge{font-size:9px;padding:6px;white-space:normal}
.connection-details{font-size:10px;line-height:1.5;color:#657991;padding:0 4px}
.connection-details summary{cursor:pointer}.connection-details #connection-banner{padding-top:7px}
.sidebar .profile{margin-top:0;padding-top:10px}.profile .avatar{width:28px;height:28px}
.conversation-layout{grid-template-columns:250px minmax(0,1fr)}
.conversation-layout.details-open{grid-template-columns:250px minmax(0,1fr) 238px}
.inbox-tools{padding:12px 12px 7px}.inbox-title{margin-bottom:9px;gap:5px}.inbox-title h3{font-size:12px}
.inbox-tools .search{font-size:11px;padding:9px 10px}.inbox-tools .filter{padding-top:7px;padding-bottom:7px;margin-top:3px}
.ticket-card{padding:11px 10px;gap:8px}.ticket-card .avatar{width:29px;height:29px;font-size:10px}
.ticket-head strong{font-size:11px}.preview{margin:5px 0 7px;font-size:10px}
.ticket-bottom .department-badge,.ticket-bottom .status-badge{font-size:9px;padding:2px 5px}
.chat-header{min-height:62px;flex-shrink:0;padding:10px 14px;gap:7px}
.chat-header h2{font-size:14px;margin-bottom:4px}.chat-header>div:first-of-type{min-width:0;flex:1}.chat-header h2{overflow-wrap:anywhere}
.chat-actions{gap:4px}.chat-actions .btn{padding:6px 7px;font-size:10px}
.timeline{padding:16px 20px;gap:12px;background-size:190px 174px;min-height:0}
.bubble{padding:8px 11px;max-width:85%;border-radius:9px;font-size:13px}
.quote-action{padding:2px 5px;margin-top:3px;font-size:10px}
.event{font-size:9px;padding:4px 10px;line-height:1.5}
.composer{padding:7px 12px 6px;flex-shrink:0}
.composer-tabs{gap:5px;margin-bottom:5px}.composer-tabs button{padding:4px 8px;font-size:10px}
.compose-row{display:flex;align-items:flex-end;gap:8px}
.compose-row .composer-tools{order:-1;margin:0;align-self:flex-end;padding-bottom:2px}
.composer textarea{display:block;min-height:38px;height:38px;max-height:120px;resize:none;line-height:1.5;font-size:13px;padding:8px 10px;flex:1;min-width:0}
.composer-bottom{margin-top:3px;min-height:21px}.composer-bottom>div{display:flex;flex:1;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.composer-bottom select{font-size:10px;max-width:140px;padding:3px 4px}
.composer-bottom small{font-size:9px;margin:0}.composer-bottom .enter-help{margin-left:auto}
#send-button[hidden]{display:none}
.revoked-mark{margin-top:7px;padding-top:5px;border-top:1px dashed #a8b5c4;font-size:10px;font-weight:600;color:#705334;white-space:normal}
.reply-preview{padding:5px 9px;margin-bottom:5px}.reply-preview p{max-height:48px}
.layout.sidebar-collapsed{grid-template-columns:58px minmax(0,1fr)}
.sidebar-collapsed .sidebar{padding:10px 5px;gap:8px}
.sidebar-collapsed .sidebar-toggle{align-self:center}
.sidebar-collapsed .brand,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item>span:not(.nav-symbol):not(.nav-count),.sidebar-collapsed .sidebar-connection>.badge,.sidebar-collapsed .connection-details,.sidebar-collapsed .profile>div{display:none}
.sidebar-collapsed .nav-item{justify-content:center;padding:9px 4px;min-height:40px}
.sidebar-collapsed .nav-count{position:absolute;right:0;top:0;min-width:16px;height:16px;padding:0 4px;font-size:8px}
.sidebar-collapsed .profile{justify-content:center}.sidebar-collapsed .logout{margin:0}

@media(min-width:801px) and (max-width:1250px){.conversation-layout.details-open{grid-template-columns:250px minmax(0,1fr)}.conversation-layout.inbox-collapsed.details-open{grid-template-columns:48px minmax(0,1fr)}}
@media(min-width:801px){.conversation-layout.inbox-collapsed{grid-template-columns:48px minmax(0,1fr)}.conversation-layout.inbox-collapsed.details-open{grid-template-columns:48px minmax(0,1fr) 238px}}
@media(max-width:800px){
 .layout,.layout.sidebar-collapsed{grid-template-columns:52px minmax(0,1fr)}
 .sidebar{padding:8px 4px;gap:6px}.sidebar-toggle,.sidebar .brand,.sidebar .nav-label,.sidebar .nav-item>span:not(.nav-symbol):not(.nav-count),.sidebar-connection>.badge,.connection-details,.sidebar .profile>div{display:none}
 .sidebar .nav-item{padding:9px 3px;justify-content:center;min-height:40px}.sidebar .logout{margin:0}
 .sidebar .profile{align-items:center}.conversation-layout,.conversation-layout.details-open{display:flex}
 .inbox-tools{padding:12px}.ticket-card{padding:13px 12px}
 .chat-header{padding:9px;min-height:62px}.chat-header h2{font-size:13px}.chat-actions{width:100%;justify-content:flex-end}
 .chat-actions .btn{font-size:9px;padding:5px}.timeline{padding:12px;gap:10px}.bubble{max-width:95%;font-size:13px}
 .composer{padding:6px 8px}.composer textarea{font-size:16px;min-height:40px}.composer-tools{flex-wrap:nowrap}.composer-bottom .enter-help{display:none}
 .composer-bottom #composer-help{display:inline;font-size:9px}.composer-bottom>div{gap:4px}
}

@media(min-width:801px) and (max-width:1250px){.conversation-layout.details-open{grid-template-columns:250px minmax(0,1fr)}.conversation-layout.inbox-collapsed.details-open{grid-template-columns:48px minmax(0,1fr)}}
@supports(padding:env(safe-area-inset-bottom)){.composer{padding-bottom:max(6px,env(safe-area-inset-bottom))}}

.history-divider{align-self:stretch;text-align:center;margin:12px 0;padding:8px 12px;background:#e8eef7;border:1px solid #d2dff0;border-radius:8px;color:#305580;font-size:11px}.history-divider small{display:block;margin-top:3px;font-size:10px;color:#526d8d}