/* iSmart: vermelho, preto e branco. Os tokens cobrem os dois temas. */
/* A conversa usa o espaço restante da janela; cada coluna rola separadamente. */
body:has(.omnichannel-inbox) { --inbox-topbar-height: 72px; }
body:has(.omnichannel-inbox) .topbar { height: var(--inbox-topbar-height); }
.content:has(.omnichannel-inbox) {
  height: calc(100dvh - var(--inbox-topbar-height));
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.content:has(.omnichannel-inbox) > .page-header,
.content:has(.omnichannel-inbox) > .inbox-channel-filters { flex-shrink: 0; }
.inbox.omnichannel-inbox {
  flex: 1;
  height: auto;
  min-height: 0;
  grid-template-columns: 260px minmax(0, 1fr) 280px;
  grid-template-rows: minmax(0, 1fr);
}
.omnichannel-inbox > * { min-width: 0; min-height: 0; }
.omnichannel-inbox .conversation-list,
.omnichannel-inbox .chat-contact { overscroll-behavior: contain; }
.omnichannel-inbox .inbox-list-head { flex-shrink: 0; padding: 14px; }
.omnichannel-inbox .inbox-list-head .between { gap: 8px; flex-wrap: wrap; }
.omnichannel-inbox .conversation-item { flex-shrink: 0; }
.omnichannel-inbox .conv-info > .between { align-items: flex-start; gap: 6px; }
.omnichannel-inbox .conv-info strong { overflow-wrap: anywhere; }
.omnichannel-inbox .conv-info time { flex-shrink: 0; }
.omnichannel-inbox .chat-head { flex-shrink: 0; }
.omnichannel-inbox .chat-head > div:not(.row) { min-width: 0; flex: 1; }
.omnichannel-inbox .chat-head h3,
.omnichannel-inbox .chat-head small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.omnichannel-inbox .chat-head > .row { flex-shrink: 0; gap: 4px; }
.omnichannel-inbox .composer { flex-shrink: 0; max-height: 48%; overflow-y: auto; overscroll-behavior: contain; }
.omnichannel-inbox .composer textarea { display: block; }
.omnichannel-inbox .composer > .between { gap: 8px; }
.omnichannel-inbox .composer .row { min-width: 0; gap: 6px; }
.omnichannel-inbox .message { flex-shrink: 0; }
.omnichannel-inbox .chat-contact { overflow-x: hidden; }
.chat-contact .btn,
.inbox-contact-details .btn { max-width: 100%; white-space: normal; text-align: left; overflow-wrap: anywhere; }
.chat-contact p, .chat-contact h3,
.inbox-contact-details p, .inbox-contact-details h3 { overflow-wrap: anywhere; }
.inbox-contact-toggle { display: none; }
.inbox-contact-details .contact-profile { text-align: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.inbox-contact-details h4 { font-size: 11px; font-weight: 550; color: var(--muted); margin: 22px 0 12px; }
.inbox-contact-details .field { margin-bottom: 14px; }
.inbox-contact-details .contact-profile h3 { font-size: 14px; }
.inbox-contact-details .contact-profile p { color: var(--muted); font-size: 11px; }
.topbar > .row, .topbar .top-actions { min-width: 0; }
.topbar .store-filter { background: var(--surface); color: var(--soft-ink); border: 1px solid var(--line); border-radius: 7px; padding: 7px; min-width: 0; }
.modal { max-height: 90dvh; }
.modal-head, .modal-footer { flex-shrink: 0; }

@media (max-width: 1480px), (max-height: 760px) {
  .inbox.omnichannel-inbox { grid-template-columns: 260px minmax(0, 1fr); }
  .omnichannel-inbox .chat-contact { display: none; }
  .omnichannel-inbox .inbox-contact-toggle { display: inline-grid; }
  .omnichannel-inbox .routing-details-btn { display: inline-grid; }
}
@media (max-height: 800px) and (min-width: 761px) {
  body:has(.omnichannel-inbox) { --inbox-topbar-height: 60px; }
  .content:has(.omnichannel-inbox) { padding: 16px 20px; }
  .content:has(.omnichannel-inbox) > .page-header { margin-bottom: 14px; }
  .content:has(.omnichannel-inbox) .page-eyebrow,
  .content:has(.omnichannel-inbox) .page-subtitle { display: none; }
  .content:has(.omnichannel-inbox) .page-title { font-size: 22px; }
  .content:has(.omnichannel-inbox) .inbox-channel-filters { margin-bottom: 12px; gap: 12px; }
  .omnichannel-inbox .chat-head { height: 60px; min-height: 60px; padding: 10px 16px; }
  .omnichannel-inbox .message-list { padding: 18px; }
  .omnichannel-inbox .composer { padding: 10px 14px; }
  .omnichannel-inbox .composer textarea { min-height: 56px; height: 56px; padding: 9px 11px; }
}
@media (min-width: 761px) and (max-width: 980px) {
  .inbox.omnichannel-inbox { grid-template-columns: 235px minmax(0, 1fr); }
  .content:has(.omnichannel-inbox) > .page-header { flex-wrap: wrap; }
  .content:has(.omnichannel-inbox) .page-actions { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .content:has(.omnichannel-inbox) { padding: 14px 12px 12px; }
  .content:has(.omnichannel-inbox) > .page-header { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 14px; }
  .content:has(.omnichannel-inbox) .page-title { font-size: 22px; }
  .content:has(.omnichannel-inbox) .page-eyebrow { display: none; }
  .content:has(.omnichannel-inbox) .page-subtitle { max-width: none; }
  .content:has(.omnichannel-inbox) .page-actions { flex-wrap: wrap; justify-content: flex-start; }
  .content:has(.omnichannel-inbox) .inbox-channel-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 8px; margin-bottom: 12px; }
  .inbox.omnichannel-inbox { grid-template-columns: minmax(0, 1fr); }
  .omnichannel-inbox .conversation-list { display: flex; border-right: 0; }
  .omnichannel-inbox .chat { display: none; }
  .omnichannel-inbox.chat-active .conversation-list { display: none; }
  .omnichannel-inbox.chat-active .chat { display: flex; }
  .content:has(.omnichannel-inbox.chat-active) > .page-header,
  .content:has(.omnichannel-inbox.chat-active) > .inbox-channel-filters { display: none; }
  .omnichannel-inbox .chat-back { display: inline-grid !important; }
  .omnichannel-inbox .chat-head { height: 60px; min-height: 60px; padding: 8px; gap: 7px; }
  .omnichannel-inbox .chat-head > .avatar { display: none; }
  .omnichannel-inbox .message-list { padding: 12px; }
  .omnichannel-inbox .composer { padding: 10px; }
  .omnichannel-inbox .composer textarea { height: 56px; min-height: 56px; }
  .omnichannel-inbox .composer .filter-input { max-width: 135px; width: 100%; }
  .omnichannel-inbox .composer .btn { min-height: 38px; }
}
@media (max-width: 700px) {
  body:has(.omnichannel-inbox) { --inbox-topbar-height: 62px; }
  .topbar { gap: 6px; padding-inline: 10px; }
  .topbar > .row { gap: 5px; }
  .topbar .top-actions { gap: 6px; }
  .topbar .top-actions > svg { display: none; }
  .topbar .store-filter { max-width: 125px; width: 100%; }
  .topbar .notification-dot { display: none; }
  .topbar .breadcrumbs { gap: 4px; }
}
@media (max-width: 420px) {
  .topbar .breadcrumbs { font-size: 9px; }
  .topbar .breadcrumbs > svg { display: none; }
  .topbar .store-filter { max-width: 105px; }
  .omnichannel-inbox .chat-head > .row > .badge { display: none; }
}
.social-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-tools-card{grid-column:1/-1}.social-tools-card h3{margin-top:0}.social-tools-card p{margin-bottom:0}.inbox-channel-filters{display:grid;grid-template-columns:180px minmax(200px,340px);gap:14px;margin:0 0 18px}.inbox-channel-filters label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}.inbox-channel-filters select{width:100%;height:36px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.social-network{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:12px;flex-shrink:0}.social-setup-status,.social-access-heading{display:flex;align-items:center;gap:14px;margin:20px 0}.social-setup-status p,.social-access-heading p{margin:6px 0 0;line-height:1.7}.social-steps{padding-left:20px;color:var(--soft-ink);font-size:12px;line-height:1.9;margin-bottom:24px}.social-steps li{padding:5px 0}.social-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.social-break{display:block;white-space:normal;overflow-wrap:anywhere}.social-access-list{border:0;border-top:1px solid var(--line);padding:20px 0;margin-top:20px;min-width:0}.social-access-list legend{font-size:13px;font-weight:600}.social-access-list label{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:12px;color:var(--soft-ink)}.social-access-list label:hover{background:var(--surface2)}.social-access-list strong{display:block;font-size:12px;font-weight:550}.social-access-list small{display:block;color:var(--muted);margin-top:5px}.social-access-list input{accent-color:var(--accent);width:16px;height:16px}.social-inbox-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--accent);line-height:1.6}.social-inbox-info p{line-height:1.8}.social-attachment{display:flex;align-items:center;gap:6px;margin:9px 0;font-size:12px}.social-inbox-info{border-bottom:1px solid var(--line);padding-bottom:18px}@media(max-width:700px){.social-connections-grid{grid-template-columns:1fr}.social-tools-card .between{align-items:flex-start;flex-direction:column}.inbox-channel-filters{grid-template-columns:1fr 1fr;gap:10px}.social-controls{flex-direction:column;align-items:stretch}.social-setup-status strong,.social-access-heading strong{overflow-wrap:anywhere}}
.routing-details-btn{display:none}@media(max-width:1250px){.routing-details-btn{display:inline-grid}}
.routing-panel{padding:24px;margin:18px 0}.routing-panel h3{margin:0 0 12px;font-size:17px}.routing-panel>.form-grid{margin-top:20px}.routing-locations{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.routing-location{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}.routing-location>.field{margin-top:18px}.routing-checks{border:0;padding:12px 0;margin:0;min-width:0}.routing-checks legend{font-size:12px;font-weight:600}.routing-checks label{display:flex;align-items:center;gap:8px;font-size:12px;margin:10px 0;color:var(--soft-ink)}.routing-checks small{color:var(--muted);margin-left:auto}.routing-checks input,.routing-location input[type=checkbox]{accent-color:var(--accent)}.routing-add{display:flex;gap:12px;align-items:flex-end;margin-top:20px}.routing-add .field{flex:1;margin:0}.routing-area{display:grid;grid-template-columns:90px 1fr auto;align-items:start;gap:18px;border-top:1px solid var(--line);padding:20px 0}.routing-destination{display:grid;grid-template-columns:minmax(130px,1fr) 80px auto;gap:12px;align-items:center}.routing-message{border-top:1px solid var(--line);padding:18px 0}.routing-message summary{cursor:pointer;font-size:13px;font-weight:600;margin-bottom:16px}.routing-message textarea{min-height:190px;line-height:1.7;resize:vertical}.routing-save{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.routing-preview{white-space:pre-wrap}.routing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px}.routing-info{padding-bottom:18px;border-bottom:1px solid var(--line)}.routing-info .badge{white-space:normal}.routing-info .small{line-height:1.7}@media(max-width:650px){.routing-panel{padding:16px}.routing-area{grid-template-columns:1fr;gap:10px}.routing-destination{grid-template-columns:1fr 62px}.routing-destination>.btn{grid-column:1/-1;justify-self:start}.routing-save{align-items:stretch;flex-direction:column}.routing-add{align-items:stretch;flex-direction:column}.routing-locations{grid-template-columns:1fr}}
:root{color-scheme:light;--bg:#f6f6f8;--surface:#fff;--surface2:#f1f1f4;--ink:#18181b;--muted:#71717a;--line:#e4e4e9;--forest:#dc2626;--lime:#fee2e2;--green:#dc2626;--accent:#dc2626;--accent-hover:#b91c1c;--accent-soft:#fef2f2;--accent-border:#fecaca;--sidebar:#111114;--sidebar-muted:#a1a1aa;--soft-ink:#52525b;--field-bg:#fff;--board-bg:#eeeef1;--shadow:0 12px 48px #18181b12}
body.theme-dark{color-scheme:dark;--bg:#0c0c0f;--surface:#17171c;--surface2:#202026;--ink:#f4f4f5;--muted:#a1a1aa;--line:#303037;--forest:#ef4444;--lime:#7f1d1d;--green:#f87171;--accent:#ef4444;--accent-hover:#dc2626;--accent-soft:#32191e;--accent-border:#66252c;--sidebar:#101013;--sidebar-muted:#a1a1aa;--soft-ink:#d4d4d8;--field-bg:#1c1c22;--board-bg:#141418;--shadow:0 12px 48px #0005}
body{background:var(--bg);color:var(--ink)}.sidebar{background:var(--sidebar);color:var(--sidebar-muted);border-right:1px solid #ffffff0a}.sidebar .brand{color:#fff}.brand-mark{background:var(--accent);color:#fff}.sidebar .workspace{background:#ffffff05;border-color:#ffffff12;color:#f4f4f5}.workspace small,.nav-section-label{color:#85858f}.nav-item{color:#adadb8}.nav-item.active{color:#fff;background:#dc26262b}.nav-item.active:before{background:#ef4444}.nav-item:hover{background:#ffffff0a;color:#fff}.profile .avatar{background:#3f1e25;color:#fda4af}.profile strong{color:#f4f4f5}.profile small,.profile .icon-btn{color:#a1a1aa}.profile{border-color:#ffffff14}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.lime{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn.danger{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn,.filter-input{color:var(--ink);background:var(--surface);border-color:var(--line)}.btn:hover{background:var(--surface2);border-color:var(--line)}.btn.ghost{background:transparent;border-color:transparent;color:var(--soft-ink)}.icon-btn{color:var(--muted)}.icon-btn:hover{background:var(--surface2);color:var(--ink)}.topbar,.panel,.modal,.drawer{background:var(--surface);border-color:var(--line)}.breadcrumbs,.breadcrumbs b,.store-filter{color:var(--soft-ink)}.search-global,.search-filter,.inbox-list-head .search-filter{background:var(--field-bg);border-color:var(--line);color:var(--muted)}.search-global input,.search-filter input{color:var(--ink)}.page-eyebrow{color:var(--accent)}.page-title{color:var(--ink)}.page-subtitle,.stat-label,.stat-footer,.panel-head p,.legend,.small.muted{color:var(--muted)}.stat-value{color:var(--ink)}.stat-card,.theme-dark .stat-card{background:var(--surface);border-color:var(--line)}.stat-card.highlight,.theme-dark .stat-card.highlight{background:var(--accent-soft);border-color:var(--accent-border)}.stat-label .stat-icon,.theme-dark .stat-label .stat-icon{background:var(--surface2);color:var(--muted)}.stat-card.highlight .stat-icon,.theme-dark .stat-card.highlight .stat-icon{background:var(--accent-border);color:var(--accent)}.stat-footer b{color:var(--accent)}.panel-head{border-color:var(--line)}.welcome-banner,.theme-dark .welcome-banner,.notice,.theme-dark .notice{background:var(--accent-soft);border-color:var(--accent-border);color:var(--soft-ink)}.welcome-banner h3{color:var(--ink)}.welcome-banner p{color:var(--muted)}.tabs .tab{color:var(--muted)}.tabs .tab.active{color:var(--accent);border-color:var(--accent)}.tabs.boxed,.theme-dark .tabs.boxed{background:var(--surface2);border-color:var(--line)}.tabs.boxed .tab.active{background:var(--surface);color:var(--ink)}.kanban-column,.theme-dark .kanban-column{background:var(--board-bg)}.kanban-column.drag-over{background:var(--accent-soft);border-color:var(--accent)}.lead-card,.theme-dark .lead-card{background:var(--surface);border-color:var(--line)}.lead-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.lead-name,.theme-dark .lead-name,.lead-amount,.theme-dark .lead-amount{color:var(--ink)}.lead-company,.lead-task,.theme-dark .lead-task,.card-source,.column-value{color:var(--muted)}.lead-task.late{color:var(--accent)}.column-count,.theme-dark .column-count{background:var(--surface2);color:var(--muted)}.lead-card-footer,.theme-dark .lead-card-footer{border-color:var(--line)}.add-card{border-color:var(--line);color:var(--muted)}.add-card:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.empty h3{color:var(--ink)}.empty .empty-icon,.theme-dark .empty-icon{background:var(--accent-soft);color:var(--accent)}.avatar,.table-name .avatar{background:var(--surface2);color:var(--soft-ink)}.badge,.theme-dark .badge{background:var(--accent-soft);color:var(--accent)}.badge.neutral,.theme-dark .badge.neutral{background:var(--surface2);color:var(--soft-ink)}.badge.orange,.theme-dark .badge.orange{background:var(--surface2);color:var(--soft-ink)}.badge.red{background:var(--accent-soft);color:var(--accent)}.badge.purple{background:var(--surface2);color:var(--soft-ink)}.tag-pill{background:var(--surface2);color:var(--soft-ink)}.module-logo{background:var(--surface2);color:var(--accent);border-color:var(--line)}.module-card h3,.table-name strong,td strong,.theme-dark td strong{color:var(--ink)}.module-card p{color:var(--muted)}th,.theme-dark th{color:var(--muted);background:var(--surface2);border-color:var(--line)}td{color:var(--soft-ink);border-color:var(--line)}tbody tr:hover,.theme-dark tbody tr:hover{background:var(--surface2)}.pagination{color:var(--muted);border-color:var(--line)}.progress,.theme-dark .progress{background:var(--surface2)}.progress span{background:var(--accent)}.chart text{fill:var(--muted)}.chart-grid{stroke:var(--line)}.activity-item,.detail-section,.settings-tabs{border-color:var(--line)}.activity-icon{background:var(--accent-soft);color:var(--accent)}.activity-item p{color:var(--soft-ink)}.activity-item .time,.detail-item label{color:var(--muted)}.detail-item span,.detail-section p,.detail-task{color:var(--soft-ink)}.field label{color:var(--soft-ink)}.field small,.settings-note,.code-doc{color:var(--muted)}.field input,.field select,.field textarea,.theme-dark .field input,.theme-dark .field select,.theme-dark .field textarea,.json-editor{background:var(--field-bg);color:var(--ink);border-color:var(--line)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field .checkbox{color:var(--soft-ink)}.field .checkbox input,.detail-task input,.permission-group input{accent-color:var(--accent)}.code-block,.theme-dark .code-block,.builder-box,.theme-dark .builder-box{background:var(--surface2);border-color:var(--line);color:var(--soft-ink)}.code-doc h3{color:var(--ink)}.permission-group{border-color:var(--line)}.permission-group strong{color:var(--ink)}.permission-group label{color:var(--muted)}.form-error{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.inbox{background:var(--surface);border-color:var(--line)}.chat,.theme-dark .chat{background:var(--bg)}.conversation-list,.conversation-item,.chat-head,.chat-contact,.composer,.inbox-list-head{border-color:var(--line)}.conversation-item.active,.theme-dark .conversation-item.active{background:var(--accent-soft);border-left-color:var(--accent)}.conversation-item strong,.chat-head h3{color:var(--ink)}.conversation-item p,.conversation-item time,.chat-head small,.chat-contact h4{color:var(--muted)}.unread{background:var(--accent)}.message,.theme-dark .message{background:var(--surface);border-color:var(--line);color:var(--ink)}.message.outbound,.theme-dark .message.outbound{background:var(--accent-soft);border-color:var(--accent-border)}.message.internal,.theme-dark .message.internal{background:var(--surface2);color:var(--soft-ink);border-color:var(--line)}.message-meta{color:var(--muted)}.composer textarea,.theme-dark .chat textarea{background:var(--field-bg);color:var(--ink);border-color:var(--line)}.chat-contact .contact-profile{border-color:var(--line)}.chat-contact .contact-profile h3{color:var(--ink)}.chat-contact .contact-profile p{color:var(--muted)}.toast{background:#18181b;color:#fff;border-left:3px solid var(--accent)}.toast.error{background:var(--accent);border-color:#fff}.calendar-day,.theme-dark .calendar-day{background:var(--surface);color:var(--muted)}.calendar-day.today,.theme-dark .calendar-day.today{background:var(--accent-soft)}.calendar-task{background:var(--accent-soft);color:var(--accent)}.calendar-weekday{background:var(--surface2);color:var(--muted)}.login-art{background:#111114;color:white}.login-art .page-eyebrow{color:#f87171}.login-art h1 em{color:#ef4444}.login-art p{color:#a1a1aa}.art-card{background:#ffffff06;border-color:#ffffff14}.art-card strong{color:#fff}.art-card small,.art-bottom{color:#a1a1aa}.art-card .line{background:#ffffff10}.art-card .line span{background:#dc2626}.login-form h2{color:var(--ink)}.login-form .intro,.login-footer{color:var(--muted)}.login-layout{background:var(--surface)}.status-line{color:var(--muted)}.action-row{background:var(--surface);border-color:var(--line)}
.qr-shell{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:28px;align-items:center}.qr-code{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:320px;display:grid;place-items:center;padding:16px}.qr-code img{display:block;width:100%;max-width:288px}.qr-placeholder{color:#71717a;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;font-size:12px;line-height:1.7}.qr-instructions h3{font-size:19px;letter-spacing:-.4px;font-weight:550;margin:0 0 15px}.qr-instructions ol{padding-left:20px;font-size:12px;line-height:2;color:var(--soft-ink)}.qr-state{margin-top:18px}.qr-expiry{font-size:10px;color:var(--muted);margin-top:10px}.qr-success{height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center}.qr-success .success-icon{background:var(--accent-soft);color:var(--accent);padding:20px;border-radius:50%}.qr-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.connection-number{font-size:18px;letter-spacing:.3px;color:var(--ink)}@media(max-width:700px){.qr-shell{grid-template-columns:1fr;gap:20px}.qr-code{min-height:270px;max-width:300px;margin:auto;width:100%}.qr-code img{max-width:240px}.qr-instructions h3{font-size:17px}.qr-instructions ol{font-size:11px}}