/* Opción 1: Claro esencial. Visual layer over the existing CRM and permissions. */
html:not([data-theme="dark"]){
  --canvas:#f5f8f8;
  --line:#dce5e8;
  --soft:#f1f5f5;
  --ink:#203240;
  --muted:#6f808b;
}
html:not([data-theme="dark"]) .topbar{
  background:#fff;
  border-bottom:1px solid #dce5e8;
  box-shadow:none;
}
html:not([data-theme="dark"]) .brand-mark{
  border-radius:11px;
  background:#ed1730;
  box-shadow:none;
}
html:not([data-theme="dark"]) .brand strong{font-weight:750;letter-spacing:-.02em}
html:not([data-theme="dark"]) .brand small{color:#71818a}
html:not([data-theme="dark"]) #crm-breadcrumb{color:#758690}
html:not([data-theme="dark"]) .inbox{
  background:#fff;
  border-color:#dce5e8;
}
html:not([data-theme="dark"]) .inbox-toolbar{
  padding:22px 18px 15px;
  gap:12px;
  border-color:#e1e9ea;
}
html:not([data-theme="dark"]) .inbox .section-title h1{
  font-size:22px;
  font-weight:750;
  letter-spacing:-.035em;
}
html:not([data-theme="dark"]) .section-title>span{
  min-width:31px;
  height:27px;
  background:#ecf2f3;
  color:#49616e;
  font-weight:750;
}
html:not([data-theme="dark"]) .inbox-search{
  border:1px solid #d9e4e6;
  border-radius:9px;
  background:#f6f9f9;
}
html:not([data-theme="dark"]) .inbox-search:focus-within{
  border-color:#2a9b83;
  background:#fff;
  box-shadow:0 0 0 3px #2a9b831c;
}
html:not([data-theme="dark"]) .queue-tabs{gap:5px}
html:not([data-theme="dark"]) .queue-tabs button{
  border-color:#dce5e8;
  background:#fff;
  color:#5b707c;
  font-weight:650;
}
html:not([data-theme="dark"]) .queue-tabs button.active{
  border-color:#b7d9cc;
  background:#e7f4ee;
  color:#12644e;
}
html:not([data-theme="dark"]) .queue-tabs button.active span{
  background:#d2eadd;
  color:#12644e;
}
html:not([data-theme="dark"]) .unread-toggle{color:#526875;font-weight:650}
html:not([data-theme="dark"]) .inbox-item{
  border-bottom:1px solid #edf1f2;
  background:#fff;
}
html:not([data-theme="dark"]) .inbox-item:hover{background:#f5f9f8}
html:not([data-theme="dark"]) .inbox-item.active{background:#eaf5f1}
html:not([data-theme="dark"]) .inbox-item.active::before{background:#16866f}
html:not([data-theme="dark"]) .inbox-open{min-height:85px;padding:13px 4px 13px 16px}
html:not([data-theme="dark"]) .contact-avatar{
  border-radius:13px;
  background:#dcebe7;
  color:#266c62;
  font-weight:750;
}
html:not([data-theme="dark"]) .contact-avatar.large{
  background:#dcebe7;
  color:#266c62;
}
html:not([data-theme="dark"]) .inbox .inbox-name,
html:not([data-theme="dark"]) .inbox .inbox-item strong{font-weight:700;color:#203240}
html:not([data-theme="dark"]) .inbox .preview{color:#677a84}
html:not([data-theme="dark"]) .inbox-head time{color:#83929a}
html:not([data-theme="dark"]) .ticket-tags .channel-tag{
  background:#dff2e8;
  color:#176b4d;
}
html:not([data-theme="dark"]) .unread-count{
  min-width:21px;
  height:21px;
  background:#1da778;
  font-weight:750;
}
html:not([data-theme="dark"]) .conversation{background:#f6f8f7}
html:not([data-theme="dark"]) .conversation-head{
  background:#fff;
  box-shadow:none;
  border-color:#dce5e8;
  min-height:67px;
}
html:not([data-theme="dark"]) .contact-title h2{font-weight:750;letter-spacing:-.02em}
html:not([data-theme="dark"]) .contact-panel{
  background:#fff;
  border-color:#dce5e8;
}
html:not([data-theme="dark"]) .contact-panel-heading{
  background:#fff;
  color:#526775;
  letter-spacing:.04em;
}
html:not([data-theme="dark"]) .contact-panel .contact-summary{
  padding:22px 18px;
}
html:not([data-theme="dark"]) .contact-panel .contact-summary-title strong{
  color:#203240;
  font-weight:750;
}
html:not([data-theme="dark"]) .messages,
html:not([data-theme="dark"]) .preview-messages{
  background-color:#f2f5f2;
  background-image:url('/chat-wallpaper.svg?v=3');
}
html:not([data-theme="dark"]) .message.INBOUND{
  background:#fff;
  border-color:#e1e9e8;
  box-shadow:0 2px 10px #183a3510;
}
html:not([data-theme="dark"]) .composer{
  background:#fff;
  border-color:#dce5e8;
  box-shadow:none;
}
html:not([data-theme="dark"]) .composer textarea{
  background:#fbfcfc;
  border-color:#d4e1e1;
}
html:not([data-theme="dark"]) .composer textarea:focus{
  border-color:#2a9b83;
  box-shadow:0 0 0 3px #2a9b831c;
}
html:not([data-theme="dark"]) #composer .send-button.has-text:not(.protected){
  background:#16866f;
}
html:not([data-theme="dark"]) #composer .send-button.has-text:not(.protected):hover{
  background:#106b58;
}
html:not([data-theme="dark"]) #crm-area-rail,
html:not([data-theme="dark"]) #session-actions{
  background:#fff;
  border-color:#dce5e8;
  box-shadow:none;
}
html:not([data-theme="dark"]) #crm-area-rail button.active{
  background:#e2f1eb;
  color:#126b56;
}
html:not([data-theme="dark"]) #session-actions .crm-panel-head strong{
  color:#203240;
  font-weight:750;
}
html:not([data-theme="dark"]) .crm-nav-module summary:hover,
html:not([data-theme="dark"]) .crm-function-list button:hover{
  background:#f2f7f5;
}
html:not([data-theme="dark"]) .crm-function-list button.nav-current{
  background:#f3faf7!important;
  color:#12644e!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
@media(min-width:1100px){
  body.crm-hierarchy-ready:not(.crm-panel-collapsed) .workspace{
    margin-left:340px;
    padding:0;
    gap:0;
    grid-template-columns:minmax(292px,340px) minmax(0,1fr);
  }
  body.crm-hierarchy-ready.crm-panel-collapsed .workspace{
    margin-left:76px;
    padding:0;
    gap:0;
    grid-template-columns:minmax(292px,340px) minmax(0,1fr);
  }
  body.crm-hierarchy-ready #crm-area-rail{
    top:68px;bottom:0;left:0;width:76px;
    border-radius:0;border-top:0;border-left:0;
  }
  body.crm-hierarchy-ready #session-actions{
    top:68px;bottom:0;left:76px;width:264px;
    border-radius:0;border-top:0;border-left:0;
  }
  body.crm-hierarchy-ready .inbox-toolbar{padding-top:22px}
  body.crm-hierarchy-ready .inbox,
  body.crm-hierarchy-ready .conversation{
    border-radius:0;
    border-top:0;
    border-bottom:0;
  }
}
@media(min-width:1400px){
  .conversation-inner.contact-panel-open{
    grid-template-columns:minmax(0,1fr) minmax(260px,290px);
  }
}
@media(max-width:1099px){
  html:not([data-theme="dark"]) .workspace{gap:0}
}
@media(max-width:720px){
  html:not([data-theme="dark"]) .inbox-toolbar{padding:15px 12px 11px}
  html:not([data-theme="dark"]) .inbox-open{min-height:78px;padding-left:12px}
  html:not([data-theme="dark"]) .conversation-head{min-height:58px}
  html:not([data-theme="dark"]) .composer{box-shadow:0 -2px 12px #183a3510}
}
.meta-templates{margin:18px 0;padding:16px;border:1px solid #dce6e1;border-radius:16px;background:#f7fbf8}.meta-templates-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.meta-templates-head h3{margin:0 0 5px}.meta-templates-head p{margin:0 0 12px}.meta-template-list{display:grid;gap:9px;margin-top:12px}.meta-template-list article{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce6e1;border-radius:12px;background:#fff}.meta-template-list article p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta-template-list small{display:block;color:#576b61}.meta-template-status{align-self:start;border-radius:999px;padding:6px 9px;background:#fff0c9;color:#725000;font-size:.7rem;font-weight:800}.meta-template-status.approved{background:#dcfce7;color:#166534}.meta-template-status.rejected,.meta-template-status.disabled{background:#fee2e2;color:#991b1b}@media(max-width:640px){.meta-templates{padding:11px}.meta-templates-head,.meta-template-list article{flex-direction:column}.meta-templates-head button{align-self:start}}
.brand-logo{display:block;width:170px;height:auto;max-height:34px;object-fit:contain}.login-brand-logo{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 12px}.brand{min-width:0}.brand>span:last-child{min-width:0}@media(max-width:720px){.brand-logo{width:122px}.brand strong{font-size:.85rem}.brand small{display:none}.brand{gap:8px}}