:root {
  --anna-web-blue: #2781f6;
  --anna-web-bg: #f0f2f5;
  --anna-web-panel: #fff;
  --anna-web-soft: #f5f7f9;
  --anna-web-border: #e2e8f0;
  --anna-web-text: #101828;
  --anna-web-muted: #667085;
  --anna-web-hover: #f0f4f8;
  --anna-web-selected: #e8f2ff;
}

.anna-web-member-picker,.anna-web-working-hours{border:1px solid var(--anna-border);border-radius:14px;padding:12px;display:grid;gap:10px}.anna-web-member-picker legend,.anna-web-working-hours legend{padding:0 6px;font-weight:700}.anna-web-working-hours>div{display:grid;grid-template-columns:minmax(90px,1fr) auto 100px 100px;gap:8px;align-items:center}.anna-web-working-hours input[type=time]{min-width:0}@media(max-width:720px){.anna-web-working-hours>div{grid-template-columns:1fr auto}.anna-web-working-hours input[type=time]{width:100%}}

/* WhatsApp Pro v0.6 — densidade, hierarquia e cores oficiais */
#anna-web-shell{--anna-web-bg:#0b141a;--anna-web-panel:#111b21;--anna-web-soft:#202c33;--anna-web-hover:#202c33;--anna-web-border:#222d34;--anna-web-text:#e9edef;--anna-web-muted:#8696a0;--anna-web-accent:#00a884;--anna-web-accent-soft:#005c4b;background:#0b141a!important}
#anna-web-shell .anna-web-layout{grid-template-columns:64px minmax(330px,420px) minmax(0,1fr)!important;background:#0b141a}
#anna-web-shell .anna-web-layout.anna-web-layout-wide{grid-template-columns:64px minmax(0,1fr)!important}
#anna-web-shell .anna-web-rail{gap:4px!important;padding:10px 7px!important;background:#202c33!important}
#anna-web-shell .anna-web-rail>button{width:44px!important;height:44px!important;color:#aebac1!important;border-radius:50%!important;transition:background .15s,color .15s,transform .15s}
:root {
  --anna-web-blue: #2781f6;
  --anna-web-bg: #f0f2f5;
  --anna-web-panel: #fff;
  --anna-web-soft: #f5f7f9;
  --anna-web-border: #e2e8f0;
  --anna-web-text: #101828;
  --anna-web-muted: #667085;
  --anna-web-hover: #f0f4f8;
  --anna-web-selected: #e8f2ff;
}

.anna-web-member-picker,.anna-web-working-hours{border:1px solid var(--anna-border);border-radius:14px;padding:12px;display:grid;gap:10px}.anna-web-member-picker legend,.anna-web-working-hours legend{padding:0 6px;font-weight:700}.anna-web-working-hours>div{display:grid;grid-template-columns:minmax(90px,1fr) auto 100px 100px;gap:8px;align-items:center}.anna-web-working-hours input[type=time]{min-width:0}@media(max-width:720px){.anna-web-working-hours>div{grid-template-columns:1fr auto}.anna-web-working-hours input[type=time]{width:100%}}

/* WhatsApp Pro v0.6 — densidade, hierarquia e cores oficiais */
#anna-web-shell{--anna-web-bg:#0b141a;--anna-web-panel:#111b21;--anna-web-soft:#202c33;--anna-web-hover:#202c33;--anna-web-border:#222d34;--anna-web-text:#e9edef;--anna-web-muted:#8696a0;--anna-web-accent:#00a884;--anna-web-accent-soft:#005c4b;background:#0b141a!important}
#anna-web-shell .anna-web-layout{grid-template-columns:64px minmax(330px,420px) minmax(0,1fr)!important;background:#0b141a}
#anna-web-shell .anna-web-layout.anna-web-layout-wide{grid-template-columns:64px minmax(0,1fr)!important}
#anna-web-shell .anna-web-rail{gap:4px!important;padding:10px 7px!important;background:#202c33!important}
#anna-web-shell .anna-web-rail>button{width:44px!important;height:44px!important;color:#aebac1!important;border-radius:50%!important;transition:background .15s,color .15s,transform .15s}
#anna-web-shell .anna-web-rail>button:hover{color:#e9edef!important;background:#374248!important;transform:translateY(-1px)}
#anna-web-shell .anna-web-rail>button.is-active{color:#e9edef!important;background:#374248!important;box-shadow:inset 3px 0 #00a884}
#anna-web-shell .anna-web-rail svg{width:23px!important;height:23px!important;stroke-width:1.8}
#anna-web-shell .anna-web-sidebar{background:#111b21!important;border-color:#222d34!important}
#anna-web-shell .anna-web-sidebar>header{height:58px!important;padding:10px 14px!important;background:#202c33!important;border:0!important}
#anna-web-shell .anna-web-search{margin:8px 12px!important;border:0!important;border-radius:999px!important;background:#202c33!important}
#anna-web-shell .anna-web-filters{display:flex!important;flex-direction:column;gap:0!important;padding:0 12px 8px!important;background:#111b21!important;border-color:#222d34!important}#anna-web-shell .anna-web-channel-row{order:-1;gap:4px!important;padding:3px 0 8px;border-bottom:0!important}
#anna-web-shell .anna-web-channel-filter{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 10px!important;border:1px solid #2a3942!important;border-radius:16px!important;color:#aebac1!important;background:#202c33!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;white-space:nowrap!important;max-width:180px!important}
#anna-web-shell .anna-web-channel-filter span{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important}
#anna-web-shell .anna-web-channel-filter:hover,#anna-web-shell .anna-web-channel-filter.is-active{color:#e9edef!important;border-color:#54656f!important;background:#2a3942!important}
#anna-web-shell .anna-web-channel-icon{display:grid;flex:none;width:18px;min-width:18px;height:18px;place-items:center;overflow:hidden;border-radius:50%;background:transparent}.anna-web-channel-icon img{display:block;width:18px;height:18px;object-fit:contain}.anna-web-channel-icon.is-generic{color:#aebac1;background:#303030}.anna-web-channel-icon.is-generic svg{width:12px!important;height:12px!important}
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row){gap:20px!important;overflow:visible;border-bottom:0!important}
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip{position:relative!important;min-height:34px!important;padding:0 2px!important;border:0!important;border-radius:0!important;color:#8696a0!important;background:transparent!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important}
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip.is-active{color:#e9edef!important;background:transparent!important;font-weight:650!important}
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip.is-active:after{display:none!important;content:none!important}
#anna-web-shell .anna-web-empty>img{opacity:.17!important;filter:grayscale(1)}
#anna-web-shell .anna-web-detail-panel{width:390px!important;border-color:#222d34!important;background:#111b21!important}
#anna-web-shell .anna-web-detail-panel>header{height:60px!important;background:#202c33!important}
#anna-web-shell .anna-web-detail-group{border-color:#222d34!important;background:#111b21!important}
#anna-web-shell .anna-web-ops-section{border-bottom:1px solid #222d34;background:#111b21}
#anna-web-shell .anna-web-ops-section summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;cursor:pointer;font-weight:600;list-style:none}
#anna-web-shell .anna-web-ops-section summary::-webkit-details-marker{display:none}#anna-web-shell .anna-web-ops-section summary span{color:#8696a0;font-size:18px}
#anna-web-shell .anna-web-ops-section>div{display:grid;gap:9px;padding:0 16px 16px;color:#aebac1}#anna-web-shell .anna-web-ops-section button,#anna-web-shell .anna-web-ops-section select{min-height:36px;border:1px solid #2a3942;border-radius:8px;color:#e9edef;background:#202c33;cursor:pointer}
#anna-web-shell .anna-web-ops-section pre{overflow:auto;margin:0;white-space:pre-wrap;font:12px/1.45 inherit}.anna-web-attachment-grid{grid-template-columns:1fr 1fr!important}.anna-web-attachment-grid a{display:flex;gap:7px;align-items:center;padding:9px;border-radius:8px;color:#00a884;background:#202c33}.anna-web-attachment-grid svg{width:17px}
#anna-web-shell .anna-web-contact-total{padding:0 14px 7px;color:#8696a0;font-size:11px}
#anna-web-shell .anna-web-kanban-native,#anna-web-shell .anna-web-native-module{display:grid!important;grid-template-rows:auto minmax(0,1fr);height:100%;overflow:hidden;background:#0b141a}
#anna-web-shell .anna-web-kanban-native>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:8px 14px;border-bottom:1px solid #222d34;background:#202c33}
#anna-web-shell .anna-web-kanban-native>header>div{display:flex;align-items:center;gap:10px}.anna-web-kanban-native>header svg{width:22px}.anna-web-kanban-native select{min-width:230px;height:36px;border:1px solid #374248;border-radius:8px;color:#e9edef;background:#111b21}.anna-web-kanban-native iframe,.anna-web-native-module iframe{width:100%;height:100%;border:0;background:#0b141a}
html.anna-native-embed body>div>div>aside,html.anna-native-embed body aside:first-of-type{display:none!important}html.anna-native-embed body>div>div>main,html.anna-native-embed main{width:100%!important;max-width:none!important}html.anna-native-embed body{background:#0d0d0d!important}
#anna-web-shell.anna-web-theme-light{--anna-web-bg:#f0f2f5;--anna-web-panel:#fff;--anna-web-soft:#f0f2f5;--anna-web-hover:#f5f6f6;--anna-web-border:#e9edef;--anna-web-text:#111b21;--anna-web-muted:#667781;background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-rail,#anna-web-shell.anna-web-theme-light .anna-web-sidebar>header{background:#f0f2f5!important}#anna-web-shell.anna-web-theme-light .anna-web-sidebar,#anna-web-shell.anna-web-theme-light .anna-web-filters,#anna-web-shell.anna-web-theme-light .anna-web-conversation,#anna-web-shell.anna-web-theme-light .anna-web-detail-panel,#anna-web-shell.anna-web-theme-light .anna-web-ops-section{background:#fff!important}#anna-web-shell.anna-web-theme-light .anna-web-search,#anna-web-shell.anna-web-theme-light .anna-web-status select,#anna-web-shell.anna-web-theme-light .anna-web-channel-filter{color:#3b4a54!important;background:#f0f2f5!important}#anna-web-shell.anna-web-theme-light .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip.is-active{color:#111b21!important}
@media(max-width:900px){#anna-web-shell .anna-web-layout{grid-template-columns:56px minmax(280px,360px) minmax(0,1fr)!important}#anna-web-shell .anna-web-detail-panel{position:absolute;z-index:20;inset:0 0 0 auto;width:min(390px,100%)!important}.anna-web-kanban-native>header span{display:none}}

html.anna-web-running,
html.anna-web-running body { overflow: hidden !important; }
html.anna-web-running body > #app { visibility: hidden !important; pointer-events: none !important; }

#anna-web-shell { position: fixed; inset: 0; z-index: 2147483000; color: var(--anna-web-text); background: var(--anna-web-bg); font-family: Inter, "Segoe UI", Arial, sans-serif; }
#anna-web-shell * { box-sizing: border-box; }
#anna-web-shell button, #anna-web-shell input, #anna-web-shell select, #anna-web-shell textarea { font: inherit; }
#anna-web-shell button { color: inherit; }
#anna-web-shell svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.anna-web-layout { display: grid; grid-template-columns: 64px minmax(360px, 520px) minmax(0, 1fr); height: 100%; min-width: 960px; }

.anna-web-rail { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 8px; border-right: 1px solid var(--anna-web-border); background: #f7f8fa; }
.anna-web-rail > span { flex: 1; }
.anna-web-rail > button { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 12px; background: transparent; cursor: pointer; }
.anna-web-rail > button:hover, .anna-web-rail > button.is-active { color: var(--anna-web-blue); background: #e7f1ff; }
.anna-web-rail > button:disabled { opacity: .42; cursor: not-allowed; }

.anna-web-sidebar { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr); min-width: 0; border-right: 1px solid var(--anna-web-border); background: var(--anna-web-panel); }
.anna-web-sidebar > header { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 11px 16px; }
.anna-web-brand { display: flex; align-items: center; gap: 10px; font-size: 20px; }
.anna-web-brand img { width: 38px; height: 38px; object-fit: contain; }
.anna-web-new { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 50%; color: var(--anna-web-blue); background: #e7f1ff; }
.anna-web-new:disabled { opacity: .45; }
.anna-web-search { display: flex; align-items: center; gap: 10px; height: 42px; margin: 0 16px 10px; padding: 0 13px; border: 1px solid transparent; border-radius: 12px; color: var(--anna-web-muted); background: var(--anna-web-soft); }
.anna-web-search:focus-within { border-color: #96c2ff; box-shadow: 0 0 0 3px rgba(39,129,246,.12); }
.anna-web-search svg { width: 19px !important; }
.anna-web-search input { width: 100%; border: 0; outline: 0; color: var(--anna-web-text); background: transparent; }
.anna-web-filters { display: grid; gap: 8px; padding: 0 16px 12px; border-bottom: 1px solid var(--anna-web-border); }
.anna-web-chip-row { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.anna-web-chip-row::-webkit-scrollbar { display: none; }
.anna-web-chip { flex: 0 0 auto; min-height: 32px; padding: 5px 11px; border: 1px solid var(--anna-web-border); border-radius: 18px; background: transparent; cursor: pointer; white-space: nowrap; }
.anna-web-chip:hover { background: var(--anna-web-hover); }
.anna-web-chip.is-active { border-color: #bed9ff; color: #0969da; background: #e8f2ff; font-weight: 650; }
.anna-web-chip span { display: inline-grid; min-width: 18px; height: 18px; place-items: center; margin-left: 3px; border-radius: 9px; background: rgba(39,129,246,.14); font-size: 11px; }
.anna-web-status { display: flex; align-items: center; justify-content: space-between; color: var(--anna-web-muted); font-size: 13px; }
.anna-web-status select { height: 32px; padding: 0 28px 0 10px; border: 1px solid var(--anna-web-border); border-radius: 9px; outline: 0; color: var(--anna-web-text); background: var(--anna-web-panel); }

.anna-web-list { min-height: 0; overflow-y: auto; }
.anna-web-conversation { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 11px; width: 100%; min-height: 92px; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--anna-web-border); text-align: left; background: transparent; cursor: pointer; }
.anna-web-conversation:hover { background: var(--anna-web-hover); }
.anna-web-conversation.is-selected { background: var(--anna-web-selected); }
.anna-web-avatar { display: inline-grid; width: 50px; height: 50px; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 50%; color: #475467; background: #eef1f5; font-weight: 700; }
.anna-web-avatar img { width: 100%; height: 100%; object-fit: cover; }
.anna-web-avatar.is-small { width: 42px; height: 42px; }
.anna-web-avatar.is-tiny { width: 38px; height: 38px; font-size: 12px; }
.anna-web-conversation-body { display: grid; min-width: 0; gap: 4px; }
.anna-web-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; }
.anna-web-row strong, .anna-web-preview > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anna-web-row strong { font-size: 15px; }
.anna-web-row time { flex: 0 0 auto; color: #98a2b3; font-size: 12px; }
.anna-web-preview { color: var(--anna-web-muted); font-size: 13px; }
.anna-web-preview b { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 10px; color: #fff; background: var(--anna-web-blue); font-size: 11px; }
.anna-web-meta { display: flex; min-width: 0; align-items: center; gap: 5px; overflow: hidden; color: #77839a; font-size: 11px; white-space: nowrap; }
.anna-web-meta svg { width: 14px !important; height: 14px !important; }
.anna-web-meta i { padding: 2px 6px; overflow: hidden; border-radius: 7px; background: #f0f2f5; font-style: normal; text-overflow: ellipsis; }

.anna-web-main { display: grid; grid-template-rows: 66px minmax(0, 1fr) auto; min-width: 0; background: #efeae2; }
.anna-web-chat-header { display: flex; align-items: center; gap: 11px; padding: 10px 17px; border-bottom: 1px solid var(--anna-web-border); background: var(--anna-web-panel); }
.anna-web-chat-header > div { display: grid; min-width: 0; }
.anna-web-chat-header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anna-web-chat-header span { color: var(--anna-web-muted); font-size: 12px; }
.anna-web-chat-header .anna-web-conversation-presence { color: #00a884; font-size: 11px; line-height: 1.25; }
.anna-web-chat-header .anna-web-conversation-presence[hidden] { display: none; }
.anna-web-chat-header > button { display: grid; width: 40px; height: 40px; margin-left: auto; place-items: center; border: 0; border-radius: 50%; background: transparent; }
.anna-web-messages { min-height: 0; overflow-y: auto; padding: 24px max(28px, 8vw); background-color: #efeae2; background-image: radial-gradient(rgba(50,60,70,.055) 1px, transparent 1px); background-size: 20px 20px; }
.anna-web-message-line { display: flex; margin: 4px 0; }
.anna-web-message-line.is-outgoing { justify-content: flex-end; }
.anna-web-bubble { position: relative; max-width: min(680px, 78%); padding: 8px 10px 6px; border-radius: 9px; background: #fff; box-shadow: 0 1px 1px rgba(16,24,40,.11); white-space: pre-wrap; overflow-wrap: anywhere; }
.anna-web-message-line.is-outgoing .anna-web-bubble { background: #d9fdd3; }
.anna-web-bubble time { display: block; margin: 3px 0 0 18px; color: #7b8794; font-size: 10px; text-align: right; }
.anna-web-bubble audio { max-width: 100%; }
.anna-web-message-image { display: block; max-width: min(420px, 100%); max-height: 420px; margin-bottom: 6px; border-radius: 7px; object-fit: contain; }
.anna-web-event { width: max-content; max-width: 80%; margin: 10px auto; padding: 6px 10px; border-radius: 9px; color: #667085; background: rgba(255,255,255,.82); font-size: 11px; text-align: center; }
.anna-web-composer { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 10px; padding: 11px 16px; border-top: 1px solid var(--anna-web-border); background: var(--anna-web-panel); }
.anna-web-composer textarea { width: 100%; min-height: 44px; max-height: 130px; resize: none; padding: 11px 14px; border: 1px solid var(--anna-web-border); border-radius: 22px; outline: 0; color: var(--anna-web-text); background: var(--anna-web-soft); }
.anna-web-composer textarea:focus { border-color: #96c2ff; }
.anna-web-composer button { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 50%; color: white !important; background: var(--anna-web-blue); cursor: pointer; }
.anna-web-empty { display: flex; grid-template-rows: none; flex-direction: column; align-items: center; justify-content: center; padding: 40px; background: #f7f8fa; text-align: center; }
.anna-web-empty > img { width: 138px; height: 138px; object-fit: contain; opacity: .9; }
.anna-web-empty h2 { margin: 18px 0 4px; font-size: 29px; }
.anna-web-empty p { margin: 0; color: var(--anna-web-muted); }
.anna-web-shortcuts { display: flex; gap: 12px; margin-top: 28px; }
.anna-web-shortcuts button { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1px solid var(--anna-web-border); border-radius: 13px; background: #fff; cursor: pointer; }
.anna-web-shortcuts button:hover { border-color: #96c2ff; background: #edf5ff; }
.anna-web-loading, .anna-web-error { display: grid; min-height: 160px; place-items: center; padding: 24px; color: var(--anna-web-muted); text-align: center; }
.anna-web-error button { margin-top: 10px; padding: 8px 12px; border: 0; border-radius: 9px; color: #fff; background: var(--anna-web-blue); }

@media (prefers-color-scheme: dark) {
  :root { --anna-web-bg:#111820; --anna-web-panel:#151d27; --anna-web-soft:#202a35; --anna-web-border:#293544; --anna-web-text:#f0f4f8; --anna-web-muted:#a7b2c2; --anna-web-hover:#202a35; --anna-web-selected:#173554; }
  .anna-web-rail { background:#111820; }
  .anna-web-main, .anna-web-messages { background-color:#0f171f; }
  .anna-web-bubble { background:#202a35; }
  .anna-web-message-line.is-outgoing .anna-web-bubble { background:#164837; }
  .anna-web-event { background:rgba(32,42,53,.9); }
  .anna-web-empty { background:#111820; }
  .anna-web-shortcuts button { background:#202a35; }
  .anna-web-meta i { background:#273240; }
}

@media (max-width: 1100px) {
  .anna-web-layout { grid-template-columns: 58px 390px minmax(0, 1fr); }
  .anna-web-messages { padding-left: 26px; padding-right: 26px; }
}

/* Direção visual desktop aprovada: composição densa inspirada no WhatsApp Web. */
#anna-web-shell {
  --anna-web-blue: #00a884;
  --anna-web-bg: #0c1317;
  --anna-web-panel: #111b21;
  --anna-web-soft: #202c33;
  --anna-web-border: #222d34;
  --anna-web-text: #e9edef;
  --anna-web-muted: #8696a0;
  --anna-web-hover: #202c33;
  --anna-web-selected: #2a3942;
  color-scheme: dark;
  background: #0c1317;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  overflow: hidden !important;
}

#anna-web-shell .anna-web-layout { grid-template-columns: 64px minmax(480px, 576px) minmax(0, 1fr); width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; }
#anna-web-shell .anna-web-layout { grid-template-rows: minmax(0, 1fr); }
#anna-web-shell .anna-web-layout > .anna-web-rail,
#anna-web-shell .anna-web-layout > .anna-web-sidebar,
#anna-web-shell .anna-web-layout > .anna-web-main,
#anna-web-shell .anna-web-layout > .anna-web-module-main,
#anna-web-shell .anna-web-layout > .anna-web-workspace { height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden; }
#anna-web-shell .anna-web-rail { gap: 6px; padding: 10px 8px; border-color: #2a3942; background: #202c33; }
#anna-web-shell .anna-web-rail > button { width: 40px; height: 40px; border-radius: 50%; color: #aebac1; }
#anna-web-shell .anna-web-rail-conversations { position: relative; }
#anna-web-shell .anna-web-rail-badge { position: absolute; top: -3px; right: -3px; display: grid; min-width: 19px; height: 19px; place-items: center; padding: 0 5px; border: 2px solid #202c33; border-radius: 10px; color: #111b21; background: #00a884; font-size: 10px; font-weight: 700; }
#anna-web-shell .anna-web-rail > button:hover,
#anna-web-shell .anna-web-rail > button.is-active { color: #e9edef !important; background: #374248 !important; border-radius: 50% !important; }
#anna-web-shell .anna-web-rail > button:disabled { display: none !important; }
#anna-web-shell .anna-web-rail .anna-web-avatar { border: 2px solid transparent; }

#anna-web-shell .anna-web-sidebar { border-color: #2a3942; background: #111b21; }
#anna-web-shell .anna-web-sidebar > header { min-height: 60px; padding: 8px 16px 8px 20px; background: #202c33; }
#anna-web-shell .anna-web-brand { gap: 9px; font-size: 18px; letter-spacing: -.2px; }
#anna-web-shell .anna-web-brand img { width: 34px; height: 34px; }
#anna-web-shell .anna-web-new:disabled { display: none !important; }
#anna-web-shell .anna-web-search { height: 35px; margin: 7px 12px; padding: 0 12px; border: 0; border-radius: 8px; color: #8696a0; background: #202c33; }
#anna-web-shell .anna-web-search:focus-within { box-shadow: none; }
#anna-web-shell .anna-web-search input { color: #d1d7db; font-size: 14px; }
#anna-web-shell .anna-web-search input::placeholder { color: #8696a0; }
#anna-web-shell .anna-web-filters { gap: 6px; padding: 2px 12px 9px; border-color: #222d34; }
#anna-web-shell .anna-web-chip-row { gap: 6px; }
#anna-web-shell .anna-web-chip { min-height: 32px; padding: 5px 12px; border-color: #2a3942; border-radius: 17px; color: #aebac1; background: #111b21; font-size: 13px; }
#anna-web-shell .anna-web-chip:hover { background: #202c33; }
#anna-web-shell .anna-web-chip.is-active { border-color: #005c4b !important; color: #00a884 !important; background: #0a332c !important; }
#anna-web-shell .anna-web-status { min-height: 31px; }
#anna-web-shell .anna-web-status select { height: 30px; border-color: #2a3942; color: #aebac1; background: #202c33; }

#anna-web-shell .anna-web-list { background: #111b21; scrollbar-color: #374248 transparent; }
#anna-web-shell .anna-web-conversation { grid-template-columns: 49px minmax(0, 1fr); min-height: 72px; gap: 12px; padding: 10px 14px; border-color: #222d34; color: #e9edef; }
#anna-web-shell .anna-web-conversation { transition: background-color 120ms ease, transform 120ms ease; }
#anna-web-shell .anna-web-conversation:active { transform: scale(.995); }
#anna-web-shell .anna-web-conversation:hover { background: #202c33; }
#anna-web-shell .anna-web-conversation.is-selected { background: #2a3942; }
#anna-web-shell .anna-web-avatar { width: 49px; height: 49px; color: #aebac1; background: #374248; font-size: 15px; font-weight: 500; }
#anna-web-shell .anna-web-row strong { font-size: 16px; font-weight: 500; }
#anna-web-shell .anna-web-row time { color: #8696a0; font-size: 11px; }
#anna-web-shell .anna-web-preview { color: #8696a0; font-size: 13px; }
#anna-web-shell .anna-web-preview b { min-width: 19px; height: 19px; color: #111b21; background: #00a884; }
#anna-web-shell .anna-web-meta { color: #8696a0; font-size: 10px; }
#anna-web-shell .anna-web-meta i { color: #aebac1; background: #202c33; }
#anna-web-shell .anna-web-meta .anna-web-label-tag{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;border-radius:0;color:#8696a0;background:transparent!important;font-style:normal}#anna-web-shell .anna-web-meta .anna-web-label-tag:before{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--anna-label-color);content:""}#anna-web-shell .anna-web-label-row{margin-top:1px;gap:9px}

#anna-web-shell .anna-web-main { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; background: #0b141a; }
#anna-web-shell .anna-web-chat-header { min-height: 60px; padding: 8px 16px; border-color: #2a3942; background: #202c33; }
#anna-web-shell .anna-web-chat-header strong { color: #e9edef; font-size: 16px; font-weight: 500; }
#anna-web-shell .anna-web-chat-header span { color: #8696a0; }
#anna-web-shell .anna-web-chat-header > button { color: #aebac1; }
#anna-web-shell .anna-web-messages { padding: 20px clamp(38px, 7vw, 110px); background-color: #0b141a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%238696a0' stroke-opacity='.075' stroke-width='1.4'%3E%3Cpath d='M12 22c8-9 20-9 28 0-8 9-20 9-28 0Zm14-7v14M92 18l6 7 9-2-5 8 5 8-9-2-6 7-1-9-9-4 9-4 1-9ZM18 91c13-12 31-12 44 0-13 12-31 12-44 0Zm22-9v18M112 82c0-10 8-18 18-18s18 8 18 18-8 18-18 18-18-8-18-18Zm18-10v20m-10-10h20M76 118c11-8 25-8 36 0l-18 24-18-24Zm18 1v22M15 137l9-11 9 11-9 11-9-11Z'/%3E%3Ccircle cx='70' cy='60' r='7'/%3E%3Cpath d='M67 60h6m-3-3v6M135 125c7-6 14-6 21 0-7 6-14 6-21 0Z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; }
#anna-web-shell .anna-web-bubble { max-width: min(640px, 72%); padding: 7px 9px 5px; border-radius: 7.5px; color: #e9edef; background: #202c33; box-shadow: 0 1px .5px rgba(0,0,0,.35); font-size: 14px; line-height: 1.35; }
#anna-web-shell .anna-web-bubble { animation: anna-web-message-in 150ms cubic-bezier(.2,.8,.2,1); }
#anna-web-shell .anna-web-message-line.is-outgoing .anna-web-bubble { background: #005c4b; }
#anna-web-shell .anna-web-bubble time { color: #aebac1; }
#anna-web-shell .anna-web-event { color: #8696a0; background: #182229; }
#anna-web-shell .anna-web-composer { min-height: 62px; grid-template-columns: minmax(0, 1fr) 42px; align-items: center; padding: 9px 16px; border-color: #2a3942; background: #202c33; }
#anna-web-shell .anna-web-composer textarea { min-height: 42px; padding: 10px 15px; border: 0; border-radius: 9px; color: #d1d7db; background: #2a3942; }
#anna-web-shell .anna-web-composer textarea::placeholder { color: #8696a0; }
#anna-web-shell .anna-web-composer button { width: 42px; height: 42px; color: #111b21 !important; background: #00a884; }
#anna-web-shell .anna-web-composer button { transition: transform 120ms ease, filter 120ms ease; }
#anna-web-shell .anna-web-composer button:hover { filter: brightness(1.08); }
#anna-web-shell .anna-web-composer button:active { transform: scale(.93); }
#anna-web-shell .anna-web-empty { display: flex !important; width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; background: #222e35 !important; border-bottom: 6px solid #00a884; }
#anna-web-shell .anna-web-empty > img { width: 150px; height: 150px; filter: grayscale(1) brightness(1.6); opacity: .38; }
#anna-web-shell .anna-web-empty h2 { margin-top: 22px; color: #e9edef; font-size: 30px; font-weight: 300; }
#anna-web-shell .anna-web-empty p { color: #8696a0; }
#anna-web-shell .anna-web-shortcuts button { border-color: #374248; color: #d1d7db; background: #202c33; }
#anna-web-shell .anna-web-shortcuts button:hover { border-color: #00a884; background: #2a3942; }
#anna-web-shell .anna-web-loading,
#anna-web-shell .anna-web-error { color: #8696a0; }

@media (max-width: 1180px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 58px 430px minmax(0, 1fr); }
}

@keyframes anna-web-message-in {
  from { opacity: 0; transform: translateY(5px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  #anna-web-shell *, #anna-web-shell *::before, #anna-web-shell *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Anna CRM Web 0.4 — shell completo, sem navegação para o frontend antigo. */
#anna-web-shell.anna-web-theme-dark {
  --anna-web-bg: #0c1317;
  --anna-web-panel: #111b21;
  --anna-web-soft: #202c33;
  --anna-web-border: #2a3942;
  --anna-web-text: #e9edef;
  --anna-web-muted: #8696a0;
  --anna-web-hover: #202c33;
  --anna-web-selected: #2a3942;
  --anna-web-accent: #00a884;
  --anna-web-accent-soft: #0a332c;
  --anna-web-danger: #f15c6d;
  --anna-web-elevated: #182229;
  color-scheme: dark;
}
#anna-web-shell.anna-web-theme-light {
  --anna-web-bg: #f0f2f5;
  --anna-web-panel: #fff;
  --anna-web-soft: #f0f2f5;
  --anna-web-border: #e1e7eb;
  --anna-web-text: #111b21;
  --anna-web-muted: #667781;
  --anna-web-hover: #f5f6f6;
  --anna-web-selected: #f0f2f5;
  --anna-web-accent: #008069;
  --anna-web-accent-soft: #d9fdd3;
  --anna-web-danger: #d7354f;
  --anna-web-elevated: #fff;
  color-scheme: light;
}
#anna-web-shell.anna-web-theme-light { color: var(--anna-web-text); background: var(--anna-web-bg); }
#anna-web-shell.anna-web-theme-light .anna-web-rail { border-color: var(--anna-web-border); background: #f0f2f5; }
#anna-web-shell.anna-web-theme-light .anna-web-rail > button { color: #54656f; }
#anna-web-shell.anna-web-theme-light .anna-web-rail > button:hover,
#anna-web-shell.anna-web-theme-light .anna-web-rail > button.is-active { color: #111b21 !important; background: #dfe3e5 !important; }
#anna-web-shell.anna-web-theme-light .anna-web-sidebar,
#anna-web-shell.anna-web-theme-light .anna-web-list { border-color: var(--anna-web-border); background: #fff; }
#anna-web-shell.anna-web-theme-light .anna-web-sidebar > header,
#anna-web-shell.anna-web-theme-light .anna-web-chat-header,
#anna-web-shell.anna-web-theme-light .anna-web-composer { border-color: var(--anna-web-border); background: #f0f2f5; }
#anna-web-shell.anna-web-theme-light .anna-web-search,
#anna-web-shell.anna-web-theme-light .anna-web-status select,
#anna-web-shell.anna-web-theme-light .anna-web-composer textarea { color: var(--anna-web-text); background: #fff; }
#anna-web-shell.anna-web-theme-light .anna-web-chip { border-color: #d8dee2; color: #54656f; background: #fff; }
#anna-web-shell.anna-web-theme-light .anna-web-chip.is-active { border-color: #c7e7df !important; color: #008069 !important; background: #e7fce8 !important; }
#anna-web-shell.anna-web-theme-light .anna-web-conversation { color: #111b21; border-color: #edf0f2; }
#anna-web-shell.anna-web-theme-light .anna-web-conversation:hover,
#anna-web-shell.anna-web-theme-light .anna-web-conversation.is-selected { background: #f0f2f5; }
#anna-web-shell.anna-web-theme-light .anna-web-main,
#anna-web-shell.anna-web-theme-light .anna-web-messages { background-color: #efeae2; }
#anna-web-shell.anna-web-theme-light .anna-web-bubble { color: #111b21; background: #fff; }
#anna-web-shell.anna-web-theme-light .anna-web-message-line.is-outgoing .anna-web-bubble { background: #d9fdd3; }
#anna-web-shell.anna-web-theme-light .anna-web-empty { background: #f7f9fa !important; }
#anna-web-shell.anna-web-theme-light .anna-web-empty h2 { color: #3b4a54; }
#anna-web-shell.anna-web-theme-light .anna-web-empty > img { filter: none; opacity: .72; }

#anna-web-shell .anna-web-layout-wide { grid-template-columns: 64px minmax(0, 1fr); }
#anna-web-shell .anna-web-workspace { display: flex; min-width: 0; min-height: 0; overflow: hidden; }
#anna-web-shell .anna-web-workspace > .anna-web-main { flex: 1; }
#anna-web-shell .anna-web-rail-item { position: relative; }
#anna-web-shell .anna-web-profile-button { padding: 0; }
#anna-web-shell .anna-web-profile-button .anna-web-avatar { width: 36px; height: 36px; }
#anna-web-shell .anna-web-new { color: var(--anna-web-text); background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-new:hover { background: var(--anna-web-hover); }

#anna-web-shell .anna-web-composer { grid-template-columns: 42px 42px 42px minmax(0, 1fr) 42px 42px; gap: 5px; }
#anna-web-shell .anna-web-composer > button,
#anna-web-shell .anna-web-composer > .anna-web-attach { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 50%; color: var(--anna-web-muted) !important; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-composer > button:hover,
#anna-web-shell .anna-web-composer > .anna-web-attach:hover { color: var(--anna-web-text) !important; background: rgba(134,150,160,.12); }
#anna-web-shell .anna-web-composer > button[type="submit"] { color: #111b21 !important; background: var(--anna-web-accent); }
#anna-web-shell .anna-web-composer.is-private { border-top-color: #e7b748; background: color-mix(in srgb, #f4c45b 14%, var(--anna-web-panel)); }
#anna-web-shell .anna-web-recording { grid-template-columns: 46px minmax(0, 1fr) 46px; }
#anna-web-shell .anna-web-recording > div { display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 22px; background: var(--anna-web-soft); }
#anna-web-shell .anna-web-recording small { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-recording-dot { width: 10px; height: 10px; border-radius: 50%; background: #ef476f; animation: anna-web-pulse 1s infinite; }

#anna-web-shell .anna-web-detail-panel { width: 360px; flex: 0 0 360px; border-left: 1px solid var(--anna-web-border); background: var(--anna-web-panel); }
#anna-web-shell .anna-web-detail-panel > header { display: flex; height: 60px; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--anna-web-border); }
#anna-web-shell .anna-web-detail-panel > header button { display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-detail-scroll { height: calc(100% - 60px); overflow-y: auto; padding: 22px; }
#anna-web-shell .anna-web-contact-hero { display: grid; justify-items: center; text-align: center; }
#anna-web-shell .anna-web-contact-hero .anna-web-avatar { width: 92px; height: 92px; font-size: 28px; }
#anna-web-shell .anna-web-contact-hero h2,
#anna-web-shell .anna-web-contact-hero h3 { margin: 14px 0 4px; }
#anna-web-shell .anna-web-contact-hero p { margin: 0; color: var(--anna-web-muted); }
#anna-web-shell .anna-web-detail-group { display: grid; gap: 8px; margin-top: 22px; padding: 16px; border: 1px solid var(--anna-web-border); border-radius: 12px; background: var(--anna-web-elevated); }
#anna-web-shell .anna-web-detail-group > label { margin-top: 5px; color: var(--anna-web-muted); font-size: 11px; text-transform: uppercase; }
#anna-web-shell .anna-web-detail-group > div { display: flex; align-items: center; gap: 8px; }
#anna-web-shell .anna-web-detail-group > select,
#anna-web-shell .anna-web-detail-group input,
#anna-web-shell .anna-web-detail-group textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid var(--anna-web-border); border-radius: 8px; color: var(--anna-web-text); background: var(--anna-web-soft); }
#anna-web-shell .anna-web-detail-tags { flex-wrap: wrap; }
#anna-web-shell .anna-web-detail-tags i { padding: 4px 8px; border-radius: 12px; background: var(--anna-web-soft); font-style: normal; }
#anna-web-shell .anna-web-label-picker { display: grid !important; max-height: 210px; gap: 5px !important; overflow-y: auto; }
#anna-web-shell .anna-web-label-picker label { display: flex; align-items: center; gap: 7px; font-size: 12px; }
#anna-web-shell .anna-web-label-picker span::before { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--label-color); content: ''; }
#anna-web-shell .anna-web-attribute-fields > label:not(:first-child) { display: grid; gap: 5px; text-transform: none; }
#anna-web-shell .anna-web-load-more,
#anna-web-shell .anna-web-load-older { display: block; margin: 12px auto; padding: 8px 14px; border: 1px solid var(--anna-web-border); border-radius: 18px; color: var(--anna-web-text); background: var(--anna-web-soft); cursor: pointer; }
#anna-web-shell .anna-web-canned-list { display: grid; max-height: 420px; gap: 7px; overflow-y: auto; }
#anna-web-shell .anna-web-canned-list button { display: grid; gap: 4px; padding: 11px; border: 1px solid var(--anna-web-border); border-radius: 9px; color: var(--anna-web-text); text-align: left; background: var(--anna-web-soft); cursor: pointer; }
#anna-web-shell .anna-web-canned-list span { color: var(--anna-web-muted); white-space: pre-wrap; }
#anna-web-shell .anna-web-checkbox-grid,
#anna-web-shell .anna-web-notification-flags { display: grid; gap: 8px; }
#anna-web-shell .anna-web-action-button { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; border: 1px solid var(--anna-web-border); border-radius: 10px; background: transparent; cursor: pointer; }

#anna-web-shell .anna-web-module-sidebar { grid-template-rows: auto auto minmax(0,1fr); }
#anna-web-shell .anna-web-module-sidebar > .anna-web-module-list { grid-row: 3; }
#anna-web-shell .anna-web-module-list { min-height: 0; overflow-y: auto; padding: 10px; }
#anna-web-shell .anna-web-module-main { min-width: 0; min-height: 0; overflow: auto; color: var(--anna-web-text); background: var(--anna-web-bg); }
#anna-web-shell .anna-web-module-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#anna-web-shell .anna-web-module-empty > svg { width: 72px; height: 72px; color: var(--anna-web-muted); }
#anna-web-shell .anna-web-module-empty h2 { margin: 20px 0 6px; }
#anna-web-shell .anna-web-module-empty p { margin: 0 0 18px; color: var(--anna-web-muted); }
#anna-web-shell .anna-web-module-header { position: sticky; top: 0; z-index: 4; display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 22px; border-bottom: 1px solid var(--anna-web-border); background: color-mix(in srgb, var(--anna-web-panel) 94%, transparent); backdrop-filter: blur(14px); }
#anna-web-shell .anna-web-module-header h1 { margin: 0; font-size: 21px; }
#anna-web-shell .anna-web-module-header p { margin: 3px 0 0; color: var(--anna-web-muted); font-size: 13px; }
#anna-web-shell .anna-web-module-header button,
#anna-web-shell .anna-web-primary { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border: 1px solid var(--anna-web-border); border-radius: 9px; color: var(--anna-web-text); background: var(--anna-web-panel); cursor: pointer; }
#anna-web-shell .anna-web-primary { border-color: var(--anna-web-accent); color: #fff; background: var(--anna-web-accent); }

#anna-web-shell .anna-web-board-item,
#anna-web-shell .anna-web-contact-row,
#anna-web-shell .anna-web-admin-nav { display: flex; width: 100%; align-items: center; gap: 12px; padding: 12px; border: 0; border-radius: 9px; text-align: left; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-board-item:hover,
#anna-web-shell .anna-web-board-item.is-active,
#anna-web-shell .anna-web-contact-row:hover,
#anna-web-shell .anna-web-contact-row.is-selected,
#anna-web-shell .anna-web-admin-nav:hover,
#anna-web-shell .anna-web-admin-nav.is-active { background: var(--anna-web-hover); }
#anna-web-shell .anna-web-board-item > svg,
#anna-web-shell .anna-web-admin-nav > svg { width: 30px; height: 30px; padding: 5px; border-radius: 8px; color: var(--anna-web-accent); background: var(--anna-web-accent-soft); }
#anna-web-shell .anna-web-board-item > span,
#anna-web-shell .anna-web-contact-row > span { display: grid; min-width: 0; }
#anna-web-shell .anna-web-board-item small,
#anna-web-shell .anna-web-contact-row small { overflow: hidden; color: var(--anna-web-muted); text-overflow: ellipsis; white-space: nowrap; }

#anna-web-shell .anna-web-kanban-board { display: flex; min-width: max-content; height: calc(100% - 77px); gap: 12px; overflow: auto; padding: 16px; }
#anna-web-shell .anna-web-kanban-column { width: 300px; min-height: 100%; padding: 10px; border: 1px solid var(--anna-web-border); border-radius: 12px; background: color-mix(in srgb, var(--anna-web-panel) 70%, transparent); transition: border-color 150ms ease, background 150ms ease; }
#anna-web-shell .anna-web-kanban-column.is-drag-over { border-color: var(--anna-web-accent); background: var(--anna-web-accent-soft); }
#anna-web-shell .anna-web-kanban-column > header { display: flex; align-items: center; gap: 8px; padding: 3px 3px 12px; }
#anna-web-shell .anna-web-kanban-column > header > span { width: 8px; height: 8px; border-radius: 50%; background: var(--step-color); }
#anna-web-shell .anna-web-kanban-column > header strong { flex: 1; }
#anna-web-shell .anna-web-kanban-column > header b { display: grid; min-width: 24px; height: 24px; place-items: center; border-radius: 12px; color: var(--anna-web-muted); background: var(--anna-web-soft); font-size: 12px; }
#anna-web-shell .anna-web-task-card { margin-bottom: 8px; border: 1px solid var(--anna-web-border); border-radius: 10px; background: var(--anna-web-panel); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
#anna-web-shell .anna-web-task-card.is-dragging { opacity: .45; }
#anna-web-shell .anna-web-task-card > button { display: grid; width: 100%; gap: 8px; padding: 12px; border: 0; text-align: left; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-task-card p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--anna-web-muted); font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#anna-web-shell .anna-web-task-card span { display: flex; justify-content: space-between; }
#anna-web-shell .anna-web-task-card i { padding: 3px 7px; border-radius: 9px; color: var(--anna-web-accent); background: var(--anna-web-accent-soft); font-size: 10px; font-style: normal; }

/* Kanban Anna nativo: interface nova, dados e mutacoes reais do Fazer.ai. */
#anna-web-shell .anna-web-kanban-real{grid-template-rows:64px minmax(0,1fr)!important;background:#0d0d0d!important}
#anna-web-shell .anna-web-kanban-real>header{background:#161616!important;border-color:#303030!important}
#anna-web-shell .anna-web-kanban-real>header>div:first-child>span{display:grid;gap:2px}
#anna-web-shell .anna-web-kanban-real>header small{color:#8e8e8e;font-size:11px;font-weight:400}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-board{height:100%;min-height:0;gap:12px;padding:14px 18px;background:#0d0d0d}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column{display:grid;grid-template-rows:auto minmax(0,1fr);width:310px;min-height:0;padding:0;border:1px solid #303030;border-radius:12px;background:#161616;overflow:hidden}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header{min-height:48px;padding:10px 12px;border-bottom:1px solid #303030;background:#202020}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header>span{background:var(--step-color)}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-cards{min-height:0;padding:8px;overflow-y:auto;scrollbar-color:#444 transparent;scrollbar-width:thin}
#anna-web-shell .anna-web-kanban-real .anna-web-task-card{border-color:#303030;background:#242424;box-shadow:0 2px 8px rgba(0,0,0,.22)}
#anna-web-shell .anna-web-kanban-real .anna-web-task-card:hover{border-color:#484848;background:#292929}
#anna-web-shell .anna-web-task-title,#anna-web-shell .anna-web-task-contact,#anna-web-shell .anna-web-task-footer{display:flex!important;align-items:center;gap:7px}
#anna-web-shell .anna-web-task-title strong{flex:1;color:#f2f2f2;font-size:13px}
#anna-web-shell .anna-web-task-title small{color:#858585;font-size:10px}
#anna-web-shell .anna-web-task-contact .anna-web-avatar{width:22px;height:22px;font-size:9px}
#anna-web-shell .anna-web-task-contact b{color:#b8b8b8;font-size:11px;font-weight:500}
#anna-web-shell .anna-web-task-labels{display:flex!important;flex-wrap:wrap;gap:4px;justify-content:flex-start!important}
#anna-web-shell .anna-web-task-labels i{border-left:3px solid var(--label-color);color:#c8c8c8;background:#333}
#anna-web-shell .anna-web-task-footer{justify-content:space-between!important;color:#858585}
#anna-web-shell .anna-web-task-footer .is-priority{color:#f0b429;background:#3a321d}
#anna-web-shell .anna-web-kanban-empty{display:grid;min-height:90px;place-items:center;color:#747474;font-size:12px}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header strong{flex:1}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header strong small{display:block;margin-top:2px;color:#858585;font-size:9px;font-weight:400}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header>button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:50%;color:#aaa;background:transparent}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header>button:hover{color:#fff;background:#333}
#anna-web-shell .anna-web-kanban-real .anna-web-kanban-column>header>button svg{width:15px;height:15px}
#anna-web-shell .anna-web-kanban-settings-modal{width:min(720px,calc(100vw - 32px));max-height:min(860px,calc(100vh - 32px))}
#anna-web-shell .anna-web-modal header>div{display:grid;gap:3px}
#anna-web-shell .anna-web-modal header>div small{color:#8e8e8e;font-size:11px;font-weight:400}
#anna-web-shell .anna-web-settings-step-list{display:grid;gap:7px}
#anna-web-shell .anna-web-settings-step-list h3{margin:4px 0 2px}
#anna-web-shell .anna-web-settings-step-list>button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #303030;border-radius:10px;color:#ededed;text-align:left;background:#202020}
#anna-web-shell .anna-web-settings-step-list>button>i{width:10px;height:10px;border-radius:50%}
#anna-web-shell .anna-web-settings-step-list>button>span{display:grid;flex:1;gap:2px}
#anna-web-shell .anna-web-settings-step-list>button small{color:#999;font-size:10px}
#anna-web-shell .anna-web-settings-step-list>button svg{width:16px}
#anna-web-shell .anna-web-column-empty { padding: 30px 0; color: var(--anna-web-muted); text-align: center; }

#anna-web-shell .anna-web-contact-page,
#anna-web-shell .anna-web-settings-content { width: min(780px, calc(100% - 40px)); margin: 28px auto; }
#anna-web-shell .anna-web-data-card { margin-top: 24px; padding: 20px; border: 1px solid var(--anna-web-border); border-radius: 14px; background: var(--anna-web-panel); }
#anna-web-shell .anna-web-data-card h3 { margin: 0 0 16px; }
#anna-web-shell .anna-web-data-card dl,
#anna-web-shell .anna-web-readonly-card dl { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 10px; margin: 0 0 20px; }
#anna-web-shell .anna-web-data-card dt,
#anna-web-shell .anna-web-readonly-card dt { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-data-card dd,
#anna-web-shell .anna-web-readonly-card dd { margin: 0; }

#anna-web-shell .anna-web-metrics { display: grid; grid-template-columns: repeat(5,minmax(140px,1fr)); gap: 12px; padding: 20px; }
#anna-web-shell .anna-web-metrics article { display: grid; gap: 7px; padding: 18px; border: 1px solid var(--anna-web-border); border-radius: 12px; background: var(--anna-web-panel); }
#anna-web-shell .anna-web-metrics article > span { color: var(--anna-web-accent); }
#anna-web-shell .anna-web-metrics article strong { font-size: 27px; }
#anna-web-shell .anna-web-metrics article small { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-report-card { margin: 0 20px 20px; }
#anna-web-shell .anna-web-report-row { display: grid; grid-template-columns: 160px minmax(0,1fr) 36px; align-items: center; gap: 12px; margin: 12px 0; }
#anna-web-shell .anna-web-report-row > div { height: 8px; overflow: hidden; border-radius: 4px; background: var(--anna-web-soft); }
#anna-web-shell .anna-web-report-row i { display: block; height: 100%; border-radius: 4px; background: var(--anna-web-accent); }

#anna-web-shell .anna-web-admin-grid { display: grid; grid-template-columns: repeat(2,minmax(260px,1fr)); gap: 14px; padding: 22px; }
#anna-web-shell .anna-web-admin-grid button { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 3px 13px; padding: 18px; border: 1px solid var(--anna-web-border); border-radius: 12px; text-align: left; background: var(--anna-web-panel); cursor: pointer; }
#anna-web-shell .anna-web-admin-grid button:hover { border-color: var(--anna-web-accent); transform: translateY(-1px); }
#anna-web-shell .anna-web-admin-grid svg { grid-row: 1 / span 2; width: 42px; height: 42px; padding: 9px; border-radius: 11px; color: var(--anna-web-accent); background: var(--anna-web-accent-soft); }
#anna-web-shell .anna-web-admin-grid span { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-entity-list { display: grid; width: min(920px,calc(100% - 40px)); margin: 20px auto; border: 1px solid var(--anna-web-border); border-radius: 12px; overflow: hidden; background: var(--anna-web-panel); }
#anna-web-shell .anna-web-entity-list > button { display: grid; grid-template-columns: 42px minmax(0,1fr) 24px; align-items: center; gap: 12px; min-height: 68px; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--anna-web-border); text-align: left; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-entity-list > button:last-child { border-bottom: 0; }
#anna-web-shell .anna-web-entity-list > button:hover { background: var(--anna-web-hover); }
#anna-web-shell .anna-web-entity-list > button > span:nth-child(2) { display: grid; }
#anna-web-shell .anna-web-entity-list small { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-entity-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: var(--anna-web-accent); background: var(--anna-web-accent-soft); }

#anna-web-shell .anna-web-settings-page { display: block; min-height: 0; height: 100%; overflow-y: auto !important; overscroll-behavior: contain; }
#anna-web-shell .anna-web-setting-row { display: flex; min-height: 48px; align-items: center; justify-content: space-between; border-top: 1px solid var(--anna-web-border); }
#anna-web-shell .anna-web-setting-row b { color: var(--anna-web-muted); font-weight: 500; }
#anna-web-shell .anna-web-field { display: grid; gap: 7px; margin-bottom: 16px; }
#anna-web-shell .anna-web-field select { min-height: 42px; padding: 0 12px; border: 1px solid var(--anna-web-border); border-radius: 9px; color: var(--anna-web-text); background: var(--anna-web-soft); }
#anna-web-shell .anna-web-danger { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; border: 0; border-radius: 10px; color: var(--anna-web-danger); background: color-mix(in srgb, var(--anna-web-danger) 10%, transparent); cursor: pointer; }

#anna-web-shell .anna-web-broadcast-main { position: relative; display: grid; grid-template-rows: 77px minmax(0,1fr); overflow: hidden; }
#anna-web-shell .anna-web-broadcast-main iframe { width: 100%; height: 100%; border: 0; background: var(--anna-web-bg); }
#anna-web-shell .anna-web-embedded-loading { position: absolute; inset: 77px 0 0; z-index: 2; display: grid; place-items: center; color: var(--anna-web-muted); background: var(--anna-web-bg); }

#anna-web-shell .anna-web-modal-backdrop { position: fixed; inset: 0; z-index: 2500 !important; display: grid; place-items: center; padding: 24px; background: rgba(11,20,26,.72); backdrop-filter: blur(4px); }
#anna-web-shell .anna-web-modal { display: grid; width: min(520px,100%); max-height: calc(100vh - 48px); gap: 15px; overflow-y: auto; padding: 20px; border: 1px solid var(--anna-web-border); border-radius: 14px; color: var(--anna-web-text); background: var(--anna-web-panel); box-shadow: 0 18px 70px rgba(0,0,0,.38); animation: anna-web-modal-in 160ms ease; }
#anna-web-shell .anna-web-modal > header { display: flex; align-items: center; justify-content: space-between; font-size: 18px; }
#anna-web-shell .anna-web-modal > header button { display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-modal > label { display: grid; gap: 7px; color: var(--anna-web-muted); font-size: 13px; }
#anna-web-shell .anna-web-modal input,
#anna-web-shell .anna-web-modal select,
#anna-web-shell .anna-web-modal textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--anna-web-border); border-radius: 9px; outline: 0; color: var(--anna-web-text); background: var(--anna-web-soft); }
#anna-web-shell .anna-web-modal textarea { resize: vertical; }
#anna-web-shell .anna-web-modal input:focus,
#anna-web-shell .anna-web-modal select:focus,
#anna-web-shell .anna-web-modal textarea:focus { border-color: var(--anna-web-accent); }
#anna-web-shell .anna-web-modal footer { display: flex; justify-content: flex-end; gap: 9px; padding-top: 5px; }
#anna-web-shell .anna-web-modal footer button { min-height: 40px; padding: 0 15px; border: 1px solid var(--anna-web-border); border-radius: 9px; background: transparent; cursor: pointer; }
#anna-web-shell .anna-web-modal footer .anna-web-primary { border-color: var(--anna-web-accent); background: var(--anna-web-accent); }
#anna-web-shell .anna-web-check { display: flex !important; grid-template-columns: 20px minmax(0,1fr); align-items: center; }
#anna-web-shell .anna-web-check input { width: 18px; min-height: 18px; }
#anna-web-shell .anna-web-connection-card { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--anna-web-border); border-radius: 10px; }
#anna-web-shell .anna-web-connection-card.is-connected { border-color: color-mix(in srgb,var(--anna-web-accent) 60%,var(--anna-web-border)); background: var(--anna-web-accent-soft); }
#anna-web-shell .anna-web-connection-card > div { display: grid; }
#anna-web-shell .anna-web-connection-card small { color: var(--anna-web-muted); }
#anna-web-shell .anna-web-qr { display: grid; justify-items: center; gap: 9px; padding: 16px; border-radius: 12px; background: #fff; color: #111b21; }
#anna-web-shell .anna-web-qr img { width: 230px; max-width: 100%; }
#anna-web-shell .anna-web-inline-actions { display: flex; justify-content: center; }
#anna-web-shell .anna-web-inline-actions button { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding: 0 14px; border: 1px solid var(--anna-web-border); border-radius: 9px; background: var(--anna-web-soft); cursor: pointer; }

#anna-web-shell .anna-web-toast { position: fixed; left: 50%; bottom: 28px; z-index: 50; max-width: min(520px,calc(100% - 30px)); padding: 12px 18px; border-radius: 10px; color: #fff; background: #005c4b; box-shadow: 0 8px 30px rgba(0,0,0,.3); transform: translateX(-50%); animation: anna-web-toast-in 180ms ease; }
#anna-web-shell .anna-web-toast.is-error { background: #b4233a; }

@keyframes anna-web-pulse { 50% { opacity: .35; transform: scale(.82); } }
@keyframes anna-web-modal-in { from { opacity: 0; transform: translateY(8px) scale(.985); } }
@keyframes anna-web-toast-in { from { opacity: 0; transform: translate(-50%,10px); } }

@media (max-width: 1180px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 58px 410px minmax(0,1fr); }
  #anna-web-shell .anna-web-layout-wide { grid-template-columns: 58px minmax(0,1fr); }
  #anna-web-shell .anna-web-detail-panel { width: 320px; flex-basis: 320px; }
  #anna-web-shell .anna-web-metrics { grid-template-columns: repeat(3,minmax(140px,1fr)); }
}

@media (max-width: 820px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 54px minmax(320px,44vw) minmax(0,1fr); min-width: 760px; }
  #anna-web-shell .anna-web-layout-wide { grid-template-columns: 54px minmax(0,1fr); min-width: 0; }
  #anna-web-shell .anna-web-detail-panel { display: none; }
  #anna-web-shell .anna-web-metrics { grid-template-columns: repeat(2,minmax(130px,1fr)); }
}

/* Anna CRM v0.6.1 — módulos operacionais nativos */
#anna-web-shell .anna-web-rail > button.is-active { box-shadow: none !important; }
#anna-web-shell .anna-web-rail > button svg { width: 24px !important; height: 24px !important; stroke-linecap: round; stroke-linejoin: round; }
#anna-web-shell .anna-web-list-summary { display:flex; align-items:center; gap:6px; padding:8px 14px 4px; color:var(--anna-web-muted); font-size:12px; }
#anna-web-shell .anna-web-list-summary strong { color:var(--anna-web-text); }
#anna-web-shell .anna-web-header-actions { display:flex; align-items:center; gap:8px; }
#anna-web-shell .anna-web-header-actions > button { white-space:nowrap; }
#anna-web-shell .anna-web-contact-page { width:min(1080px,calc(100% - 40px)); }
#anna-web-shell .anna-web-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:22px; }
#anna-web-shell .anna-web-contact-grid .anna-web-data-card { min-width:0; margin:0; }
#anna-web-shell .anna-web-contact-channel { display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid var(--anna-web-border); }
#anna-web-shell .anna-web-contact-channel:first-of-type { border-top:0; }
#anna-web-shell .anna-web-contact-channel > span { display:grid; min-width:0; }
#anna-web-shell .anna-web-contact-channel small { overflow:hidden; color:var(--anna-web-muted); text-overflow:ellipsis; white-space:nowrap; }
#anna-web-shell .anna-web-channel-icon { flex:none; }
#anna-web-shell .anna-web-contact-conversation { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border:0; border-top:1px solid var(--anna-web-border); color:var(--anna-web-text); text-align:left; background:transparent; cursor:pointer; }
#anna-web-shell .anna-web-contact-conversation:first-of-type { border-top:0; }
#anna-web-shell .anna-web-contact-conversation > span { display:grid; min-width:0; }
#anna-web-shell .anna-web-contact-conversation small,#anna-web-shell .anna-web-contact-conversation time,#anna-web-shell .anna-web-muted-copy { color:var(--anna-web-muted); }
#anna-web-shell .anna-web-period-select { display:flex; align-items:center; gap:8px; color:var(--anna-web-muted); font-size:12px; }
#anna-web-shell .anna-web-period-select select { min-height:40px; padding:0 28px 0 11px; border:1px solid var(--anna-web-border); border-radius:9px; color:var(--anna-web-text); background:var(--anna-web-panel); }
#anna-web-shell .anna-web-report-table { overflow:hidden; border:1px solid var(--anna-web-border); border-radius:10px; }
#anna-web-shell .anna-web-report-table > div { display:grid; grid-template-columns:minmax(220px,1fr) repeat(3,110px); min-height:54px; align-items:center; gap:12px; padding:8px 14px; border-top:1px solid var(--anna-web-border); }
#anna-web-shell .anna-web-report-table > div:first-child { border-top:0; }
#anna-web-shell .anna-web-report-table .is-heading { color:var(--anna-web-muted); background:var(--anna-web-soft); font-size:11px; text-transform:uppercase; }
#anna-web-shell .anna-web-report-table > div > span { display:flex; align-items:center; gap:9px; }
#anna-web-shell .anna-web-report-table b { text-align:right; }
#anna-web-shell .anna-web-agent-status-grid { display:grid; grid-template-columns:repeat(2,minmax(240px,1fr)); gap:1px; overflow:hidden; border:1px solid var(--anna-web-border); border-radius:10px; background:var(--anna-web-border); }
#anna-web-shell .anna-web-agent-status-grid article { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; background:var(--anna-web-panel); }
#anna-web-shell .anna-web-agent-status-grid article > span { display:grid; min-width:0; }
#anna-web-shell .anna-web-agent-status-grid small { overflow:hidden; color:var(--anna-web-muted); text-overflow:ellipsis; white-space:nowrap; }
#anna-web-shell .anna-web-agent-status-grid i { padding:4px 8px; border-radius:12px; color:var(--anna-web-muted); background:var(--anna-web-soft); font-size:10px; font-style:normal; }
#anna-web-shell .anna-web-agent-status-grid i.is-online { color:#00a884; background:rgba(0,168,132,.12); }
#anna-web-shell .anna-web-agent-status-grid i.is-busy { color:#f5a623; background:rgba(245,166,35,.12); }
@media (max-width:980px){#anna-web-shell .anna-web-contact-grid{grid-template-columns:1fr}#anna-web-shell .anna-web-report-table>div{grid-template-columns:minmax(170px,1fr) repeat(3,80px)}#anna-web-shell .anna-web-agent-status-grid{grid-template-columns:1fr}}

/* WhatsApp Web fidelity — conversation workspace v0.7 */
#anna-web-shell{--anna-web-bg:#0b141a;--anna-web-panel:#111b21;--anna-web-panel-2:#202c33;--anna-web-soft:#2a3942;--anna-web-border:#222d34;--anna-web-text:#e9edef;--anna-web-muted:#8696a0;--anna-web-accent:#00a884}
#anna-web-shell .anna-web-rail{background:#111b21!important;border-color:#222d34!important}
#anna-web-shell .anna-web-sidebar,#anna-web-shell .anna-web-sidebar>header,#anna-web-shell .anna-web-filters{background:#111b21!important}
#anna-web-shell .anna-web-sidebar>header{position:relative;height:64px;border-color:#222d34!important}
#anna-web-shell .anna-web-sidebar-actions,#anna-web-shell .anna-web-chat-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
#anna-web-shell .anna-web-sidebar-actions button,#anna-web-shell .anna-web-chat-actions button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:#aebac1;background:transparent;cursor:pointer}
#anna-web-shell .anna-web-sidebar-actions button:hover,#anna-web-shell .anna-web-chat-actions button:hover{background:#2a3942;color:#e9edef}
#anna-web-shell .anna-web-sidebar-actions svg,#anna-web-shell .anna-web-chat-actions svg{width:22px;height:22px}
#anna-web-shell .anna-web-list-menu{position:absolute;z-index:40;top:56px;right:52px;display:grid;min-width:210px;padding:8px;border-radius:10px;background:#233138;box-shadow:0 8px 24px rgba(0,0,0,.45)}
#anna-web-shell .anna-web-list-menu strong{padding:8px 12px;color:#8696a0;font-size:11px;text-transform:uppercase}
#anna-web-shell .anna-web-list-menu button{padding:11px 12px;border:0;border-radius:7px;color:#e9edef;background:transparent;text-align:left;cursor:pointer}
#anna-web-shell .anna-web-list-menu button:hover,#anna-web-shell .anna-web-list-menu button.is-active{background:#374248}
#anna-web-shell .anna-web-conversation{background:#111b21!important}
#anna-web-shell .anna-web-conversation:hover{background:#202c33!important}
#anna-web-shell .anna-web-conversation.is-selected{background:#2a3942!important}
#anna-web-shell .anna-web-chat-header{background:#202c33!important;border-color:#222d34!important}
#anna-web-shell .anna-web-messages{background-color:#0b141a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%238696a0' stroke-opacity='.09' stroke-width='1.35'%3E%3Cpath d='M20 34c15-18 38-18 53 0-15 18-38 18-53 0Zm27-13v27M182 28l12 14 18-5-10 16 10 16-18-5-12 14-2-18-18-8 18-8 2-18ZM31 177c25-23 59-23 84 0-25 23-59 23-84 0Zm42-17v34M220 164c0-20 16-36 36-36s36 16 36 36-16 36-36 36-36-16-36-36Zm36-20v40m-20-20h40M144 236c22-16 50-16 72 0l-36 48-36-48Zm36 2v44M29 274l18-22 18 22-18 22-18-22Z'/%3E%3Ccircle cx='140' cy='120' r='14'/%3E%3Cpath d='M134 120h12m-6-6v12M270 250c14-12 28-12 42 0-14 12-28 12-42 0Z'/%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:repeat!important;background-size:320px 320px!important}
#anna-web-shell .anna-web-bubble{position:relative;max-width:min(65%,560px);padding:7px 9px 5px!important;border-radius:8px!important;color:#e9edef!important;background:#202c33!important;box-shadow:0 1px .5px rgba(0,0,0,.35)}
#anna-web-shell .anna-web-message-line.is-outgoing .anna-web-bubble{background:#005c4b!important}
#anna-web-shell .anna-web-message-line:not(.is-outgoing) .anna-web-bubble:before{content:"";position:absolute;left:-7px;top:0;border-top:8px solid #202c33;border-left:8px solid transparent}
#anna-web-shell .anna-web-message-line.is-outgoing .anna-web-bubble:after{content:"";position:absolute;right:-7px;top:0;border-top:8px solid #005c4b;border-right:8px solid transparent}
#anna-web-shell .anna-web-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:54px;margin:-1px 0 0 12px;float:right;color:#8696a0;font-size:11px;line-height:15px}
#anna-web-shell .anna-web-message-check{color:#8696a0;font-weight:700;letter-spacing:-3px;padding-right:3px}.anna-web-message-check.is-read{color:#53bdeb!important}
#anna-web-shell .anna-web-composer{min-height:62px;padding:10px 16px!important;background:#202c33!important;border:0!important}
#anna-web-shell .anna-web-composer textarea{border:0!important;border-radius:8px!important;background:#2a3942!important;color:#e9edef!important}
#anna-web-shell .anna-web-message-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111b21;border-bottom:1px solid #222d34}
#anna-web-shell .anna-web-message-search label{display:flex;flex:1;align-items:center;gap:8px;padding:0 12px;border-radius:8px;background:#202c33}
#anna-web-shell .anna-web-message-search input{width:100%;height:38px;border:0;outline:0;color:#e9edef;background:transparent}
#anna-web-shell .anna-web-message-search button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;color:#aebac1;background:transparent}
#anna-web-shell .anna-web-message-search>span{min-width:52px;color:#8696a0;font-size:12px;text-align:center;white-space:nowrap}
#anna-web-shell .anna-web-message-line.is-search-current .anna-web-bubble{outline:2px solid #00a884;outline-offset:2px}
#anna-web-shell .anna-web-label-picker{display:flex!important;flex-wrap:wrap;gap:8px;max-height:220px!important;padding:4px!important;overflow:auto}
#anna-web-shell .anna-web-label-picker label{display:inline-flex!important;align-items:center;gap:6px;padding:6px 9px!important;border:1px solid #374248;border-radius:16px;background:#202c33;white-space:nowrap}
#anna-web-shell .anna-web-label-picker input{accent-color:#00a884}
#anna-web-shell .anna-web-report-tabs{display:flex;gap:4px;padding:8px 20px;overflow-x:auto;border-bottom:1px solid #222d34;background:#111b21}
#anna-web-shell .anna-web-report-tabs button{flex:none;padding:9px 13px;border:0;border-radius:18px;color:#aebac1;background:transparent;cursor:pointer}
#anna-web-shell .anna-web-report-tabs button:hover,#anna-web-shell .anna-web-report-tabs button.is-active{color:#e9edef;background:#2a3942}
#anna-web-shell .anna-web-reports-native{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
#anna-web-shell .anna-web-report-content{min-height:0;padding:20px 0;overflow:auto;background:var(--anna-web-bg)}
#anna-web-shell .anna-web-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#anna-web-shell .anna-web-card-heading h3{margin:0 0 4px}.anna-web-card-heading p{margin:0;color:var(--anna-web-muted);font-size:12px}
#anna-web-shell .anna-web-report-bars{display:grid;gap:18px}
#anna-web-shell .anna-web-report-bars>div{display:grid;grid-template-columns:110px minmax(0,1fr) 70px;align-items:center;gap:14px}
#anna-web-shell .anna-web-report-bars i{height:10px;overflow:hidden;border-radius:10px;background:var(--anna-web-soft)}
#anna-web-shell .anna-web-report-bars b{display:block;height:100%;border-radius:10px;background:var(--anna-web-accent)}
#anna-web-shell .anna-web-report-bars strong{text-align:right}
#anna-web-shell .anna-web-view-reports>.anna-web-rail,#anna-web-shell .anna-web-view-reports>.anna-web-module-main>header,#anna-web-shell .anna-web-view-reports .anna-web-report-tabs{background:#111315!important}
#anna-web-shell .anna-web-broadcast-main iframe{background:#0b141a!important}

/* Dark neutro Anna CRM: sem tonalidade verde nos fundos. */
#anna-web-shell:not(.anna-web-theme-light){--anna-web-bg:#0d0d0d;--anna-web-panel:#161616;--anna-web-panel-2:#202020;--anna-web-soft:#242424;--anna-web-hover:#282828;--anna-web-border:#303030;--anna-web-muted:#9b9b9b;background:#0d0d0d!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-layout,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-main,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-empty,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-messages,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-kanban-native,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-native-module{background-color:#0d0d0d!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-report-content{background:#0d0d0d!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-rail,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-sidebar,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-sidebar>header,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-filters,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-list,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-detail-panel,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-detail-group,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-ops-section,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-message-search,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-report-tabs,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-view-reports>.anna-web-rail,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-view-reports>.anna-web-module-main>header{background:#161616!important;border-color:#303030!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-chat-header,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-composer,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-kanban-native>header,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-search,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-channel-filter,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-status select,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-message-search label,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-label-picker label{background:#202020!important;border-color:#303030!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-kanban-native>header select{color:#ededed!important;background:#161616!important;border-color:#303030!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-conversation{background:#161616!important;border-color:#303030!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-conversation:hover,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-conversation.is-selected,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-rail>button:hover,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-rail>button.is-active{background:#282828!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-bubble{background:#242424!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-message-line:not(.is-outgoing) .anna-web-bubble:before{border-top-color:#242424!important}
#anna-web-shell:not(.anna-web-theme-light) .anna-web-shortcuts button,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-meta i,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-avatar,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-chip,
#anna-web-shell:not(.anna-web-theme-light) .anna-web-report-tabs button.is-active{background:#242424!important;border-color:#303030!important}
#anna-web-shell:not(.anna-web-theme-light) iframe{background:#0d0d0d!important}

/* Navegação, menus e seleção de funis — kit visual Anna 0.8. */
#anna-web-shell .anna-web-rail>button svg{width:22px!important;height:22px!important;stroke-width:1.9!important}
#anna-web-shell .anna-web-rail>button{color:#a5a5a5!important}
#anna-web-shell .anna-web-rail>button:hover,#anna-web-shell .anna-web-rail>button.is-active{color:#f2f2f2!important;background:#282828!important}
#anna-web-shell .anna-web-view-conversations>.anna-web-sidebar{position:relative}
#anna-web-shell .anna-web-list-menu{position:absolute!important;z-index:60!important;top:58px!important;right:10px!important;left:auto!important;min-width:218px!important;padding:7px!important;border:1px solid #303030!important;border-radius:10px!important;background:#202020!important;box-shadow:0 12px 32px rgba(0,0,0,.55)!important}
#anna-web-shell .anna-web-list-menu strong{padding:7px 10px!important;color:#9b9b9b!important}
#anna-web-shell .anna-web-list-menu button{padding:10px!important;color:#ededed!important;background:transparent!important}
#anna-web-shell .anna-web-list-menu button:hover,#anna-web-shell .anna-web-list-menu button.is-active{background:#303030!important}
#anna-web-shell .anna-web-list{border:0!important}
#anna-web-shell .anna-web-conversation{border:0!important;border-bottom:0!important;box-shadow:none!important}
#anna-web-shell .anna-web-conversation+.anna-web-conversation{border-top:0!important}
#anna-web-shell .anna-web-sidebar .anna-web-search{border-radius:999px!important}

/* Refinamento desktop 0.14.12: wordmark, hierarquia e movimento previsível. */
#anna-web-shell .anna-web-wordmark{gap:10px}
#anna-web-shell .anna-web-wordmark img{width:30px;height:30px}
#anna-web-shell .anna-web-wordmark strong{color:#e9edef;font-size:20px;font-weight:650;letter-spacing:-.35px;white-space:nowrap}
#anna-web-shell .anna-web-wordmark em{margin-left:3px;color:#aebac1;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.7px;vertical-align:super}
#anna-web-shell .anna-web-filters{border-bottom:0!important}
#anna-web-shell .anna-web-conversation{transition:background-color .14s ease,color .14s ease}
#anna-web-shell button,#anna-web-shell .anna-web-channel-filter{transition:color .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease}
#anna-web-shell .anna-web-conversation-body strong{font-size:15px;line-height:20px;letter-spacing:-.1px}
#anna-web-shell .anna-web-preview{font-size:13px;line-height:18px}
#anna-web-shell .anna-web-meta{font-size:11px;line-height:16px}
#anna-web-shell .anna-web-chat-header button:hover,#anna-web-shell .anna-web-sidebar-actions button:hover{background:rgba(255,255,255,.08)!important}
@media (prefers-reduced-motion:reduce){#anna-web-shell *,#anna-web-shell *:before,#anna-web-shell *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
#anna-web-shell.anna-web-theme-light .anna-web-wordmark strong{color:#111b21}
#anna-web-shell.anna-web-theme-light .anna-web-wordmark em{color:#667781}

/* Kanban Fazer.ai real dentro do Anna CRM — somente adaptação visual. */
html.anna-native-embed body,
html.anna-native-embed #app,
html.anna-native-embed [class*="bg-n-background"],
html.anna-native-embed main[class*="bg-n-surface"]{background:#0d0d0d!important;color:#ededed!important}
html.anna-native-embed main{padding:0!important;flex-direction:column!important}
html.anna-native-embed main>[class*="bg-n-background"]{gap:0!important}
html.anna-native-embed main [class*="justify-center"][class*="pt-8"]{padding:12px 18px!important;border-bottom:1px solid #303030!important;background:#161616!important}
html.anna-native-embed main [class*="max-w-7xl"]{max-width:none!important}
html.anna-native-embed main h1{color:#ededed!important;font-size:15px!important;font-weight:650!important}
html.anna-native-embed main input[type="search"]{height:38px!important;border:1px solid #303030!important;border-radius:999px!important;color:#ededed!important;background:#202020!important}
html.anna-native-embed main button{color:#c8c8c8!important;border-color:#303030!important}
html.anna-native-embed main button:hover{color:#fff!important;background:#2a2a2a!important}
html.anna-native-embed main [class*="overflow-x-auto"]{background:#0d0d0d!important}
html.anna-native-embed main [class*="justify-start"][class*="min-w-full"]{padding:14px 18px!important}
html.anna-native-embed main [class*="w-full"][class*="gap-4"][class*="pb-4"]{gap:12px!important;padding-bottom:0!important}
html.anna-native-embed main section[class*="rounded-xl"][class*="outline-n-container"]{width:310px!important;border:1px solid #303030!important;border-radius:12px!important;outline:0!important;background:#161616!important;box-shadow:none!important}
html.anna-native-embed main .kanban-column-body{padding:8px!important;background:#161616!important}
html.anna-native-embed main a[href*="/kanban/"][href*="/task/"]{border:1px solid #303030!important;border-radius:11px!important;color:#ededed!important;background:#242424!important;box-shadow:0 2px 8px rgba(0,0,0,.22)!important}
html.anna-native-embed main a[href*="/kanban/"][href*="/task/"]:hover{border-color:#454545!important;background:#292929!important;box-shadow:0 5px 18px rgba(0,0,0,.32)!important;transform:translateY(-1px)}
html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] h4{color:#f2f2f2!important;font-size:13px!important;font-weight:650!important}
html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] p{color:#b5b5b5!important;line-height:1.45!important}
html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] strong{color:#d7d7d7!important}
html.anna-native-embed main .scrollbar-custom{scrollbar-color:#4a4a4a transparent!important;scrollbar-width:thin!important}

#anna-web-shell .anna-web-kanban-picker{grid-template-rows:64px minmax(0,1fr)!important}
#anna-web-shell .anna-web-kanban-picker>header span{color:#9b9b9b;font-size:13px;font-weight:400}
#anna-web-shell .anna-web-board-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:14px;min-height:0;padding:22px;overflow:auto;background:#0d0d0d}
#anna-web-shell .anna-web-board-preview{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 13px;min-height:132px;padding:18px;border:1px solid #303030;border-radius:12px;color:#ededed;background:#161616;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
#anna-web-shell .anna-web-board-preview:hover{border-color:#555;background:#202020;transform:translateY(-1px)}
#anna-web-shell .anna-web-board-preview-icon{display:grid;grid-row:1/span 2;width:46px;height:46px;place-items:center;border-radius:12px;color:#ededed;background:#282828}
#anna-web-shell .anna-web-board-preview-icon svg{width:24px;height:24px}
#anna-web-shell .anna-web-board-preview>span:nth-child(2){display:grid;align-content:start;gap:6px;min-width:0}
#anna-web-shell .anna-web-board-preview strong{font-size:16px}
#anna-web-shell .anna-web-board-preview small{display:-webkit-box;overflow:hidden;color:#9b9b9b;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#anna-web-shell .anna-web-board-preview>b{display:flex;grid-column:2;align-items:center;gap:5px;margin-top:12px;color:#00a884;font-size:12px}
#anna-web-shell .anna-web-board-preview>b svg{width:15px;height:15px;transform:rotate(180deg)}
#anna-web-shell .anna-web-kanban-back,#anna-web-shell .anna-web-kanban-switch{display:grid;place-items:center;min-height:36px;border:1px solid #303030;border-radius:18px;color:#ededed;background:#242424;cursor:pointer}
#anna-web-shell .anna-web-kanban-back{width:36px;padding:0}.anna-web-kanban-switch{padding:0 14px!important}
#anna-web-shell .anna-web-kanban-back svg{width:18px!important}

#anna-web-shell .anna-web-broadcast-main{grid-template-rows:64px minmax(0,1fr)!important;background:#0d0d0d!important}
#anna-web-shell .anna-web-broadcast-header{min-height:64px!important;padding:8px 18px!important;border-color:#303030!important;background:#161616!important;backdrop-filter:none!important}
#anna-web-shell .anna-web-broadcast-header>div{display:flex;align-items:center;gap:12px}
#anna-web-shell .anna-web-broadcast-header>div>svg{width:23px;height:23px;color:#ededed}
#anna-web-shell .anna-web-broadcast-header h1{font-size:16px!important}
#anna-web-shell .anna-web-broadcast-header p{font-size:12px!important}
#anna-web-shell .anna-web-broadcast-main iframe{background:#0d0d0d!important}
#anna-web-shell .anna-web-broadcast-main .anna-web-embedded-loading{inset:64px 0 0!important;background:#0d0d0d!important}

/* Tema claro WhatsApp Web — prevalece sobre os kits dark adicionados posteriormente. */
#anna-web-shell.anna-web-theme-light,
#anna-web-shell.anna-web-theme-light .anna-web-layout,
#anna-web-shell.anna-web-theme-light .anna-web-main,
#anna-web-shell.anna-web-theme-light .anna-web-empty,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-native,
#anna-web-shell.anna-web-theme-light .anna-web-native-module,
#anna-web-shell.anna-web-theme-light .anna-web-report-content,
#anna-web-shell.anna-web-theme-light .anna-web-board-gallery,
#anna-web-shell.anna-web-theme-light .anna-web-broadcast-main{color:#111b21!important;background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-rail,
#anna-web-shell.anna-web-theme-light .anna-web-sidebar>header,
#anna-web-shell.anna-web-theme-light .anna-web-chat-header,
#anna-web-shell.anna-web-theme-light .anna-web-composer,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-native>header,
#anna-web-shell.anna-web-theme-light .anna-web-module-header,
#anna-web-shell.anna-web-theme-light .anna-web-broadcast-header{color:#111b21!important;background:#f0f2f5!important;border-color:#d8dee2!important}
#anna-web-shell.anna-web-theme-light .anna-web-sidebar,
#anna-web-shell.anna-web-theme-light .anna-web-filters,
#anna-web-shell.anna-web-theme-light .anna-web-list,
#anna-web-shell.anna-web-theme-light .anna-web-detail-panel,
#anna-web-shell.anna-web-theme-light .anna-web-detail-group,
#anna-web-shell.anna-web-theme-light .anna-web-ops-section,
#anna-web-shell.anna-web-theme-light .anna-web-message-search,
#anna-web-shell.anna-web-theme-light .anna-web-report-tabs,
#anna-web-shell.anna-web-theme-light .anna-web-data-card,
#anna-web-shell.anna-web-theme-light .anna-web-settings-content{color:#111b21!important;background:#fff!important;border-color:#d8dee2!important}
#anna-web-shell.anna-web-theme-light .anna-web-search,
#anna-web-shell.anna-web-theme-light .anna-web-status select,
#anna-web-shell.anna-web-theme-light .anna-web-channel-filter,
#anna-web-shell.anna-web-theme-light .anna-web-message-search label,
#anna-web-shell.anna-web-theme-light .anna-web-label-picker label,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-native>header select,
#anna-web-shell.anna-web-theme-light input,
#anna-web-shell.anna-web-theme-light textarea,
#anna-web-shell.anna-web-theme-light select{color:#111b21!important;background:#f0f2f5!important;border-color:#d8dee2!important}
#anna-web-shell.anna-web-theme-light .anna-web-conversation{color:#111b21!important;background:#fff!important}
#anna-web-shell.anna-web-theme-light .anna-web-conversation:hover,
#anna-web-shell.anna-web-theme-light .anna-web-conversation.is-selected,
#anna-web-shell.anna-web-theme-light .anna-web-rail>button:hover,
#anna-web-shell.anna-web-theme-light .anna-web-rail>button.is-active{color:#111b21!important;background:#dfe3e5!important}
#anna-web-shell.anna-web-theme-light .anna-web-rail>button{color:#54656f!important}
#anna-web-shell.anna-web-theme-light .anna-web-list-menu{color:#111b21!important;background:#fff!important;border-color:#d8dee2!important;box-shadow:0 12px 32px rgba(11,20,26,.16)!important}
#anna-web-shell.anna-web-theme-light .anna-web-list-menu strong{color:#667781!important}
#anna-web-shell.anna-web-theme-light .anna-web-list-menu button{color:#111b21!important}
#anna-web-shell.anna-web-theme-light .anna-web-list-menu button:hover,
#anna-web-shell.anna-web-theme-light .anna-web-list-menu button.is-active{background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-board-preview{color:#111b21;background:#fff;border-color:#d8dee2}
#anna-web-shell.anna-web-theme-light .anna-web-board-preview:hover{background:#f5f6f6;border-color:#b8c2c8}
#anna-web-shell.anna-web-theme-light .anna-web-board-preview-icon,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-back,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-switch{color:#3b4a54;background:#f0f2f5;border-color:#d8dee2}
#anna-web-shell.anna-web-theme-light .anna-web-board-preview small,
#anna-web-shell.anna-web-theme-light .anna-web-kanban-picker>header span{color:#667781}
#anna-web-shell.anna-web-theme-light .anna-web-broadcast-header>div>svg{color:#111b21}
#anna-web-shell.anna-web-theme-light .anna-web-broadcast-main iframe,
#anna-web-shell.anna-web-theme-light .anna-web-broadcast-main .anna-web-embedded-loading,
#anna-web-shell.anna-web-theme-light iframe{background:#f0f2f5!important}

@media (prefers-color-scheme: light) {
  html.anna-native-embed,
  html.anna-native-embed body,
  html.anna-native-embed #app,
  html.anna-native-embed [class*="bg-n-background"],
  html.anna-native-embed main[class*="bg-n-surface"],
  html.anna-native-embed main [class*="overflow-x-auto"] { color:#111b21!important; background:#f0f2f5!important; color-scheme:light; }
  html.anna-native-embed main [class*="justify-center"][class*="pt-8"] { background:#fff!important; border-color:#d8dee2!important; }
  html.anna-native-embed main h1 { color:#111b21!important; }
  html.anna-native-embed main input[type="search"] { color:#111b21!important; background:#fff!important; border-color:#d8dee2!important; }
  html.anna-native-embed main button { color:#3b4a54!important; border-color:#d8dee2!important; }
  html.anna-native-embed main button:hover { color:#111b21!important; background:#e9edef!important; }
  html.anna-native-embed main section[class*="rounded-xl"][class*="outline-n-container"],
  html.anna-native-embed main .kanban-column-body { background:#fff!important; border-color:#d8dee2!important; }
  html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] { color:#111b21!important; background:#fff!important; border-color:#d8dee2!important; box-shadow:0 2px 8px rgba(11,20,26,.08)!important; }
  html.anna-native-embed main a[href*="/kanban/"][href*="/task/"]:hover { background:#f5f6f6!important; border-color:#b8c2c8!important; box-shadow:0 5px 18px rgba(11,20,26,.12)!important; }
  html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] h4,
  html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] strong { color:#111b21!important; }
  html.anna-native-embed main a[href*="/kanban/"][href*="/task/"] p { color:#667781!important; }
}

.anna-web-saved-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:2px}
.anna-web-saved-filter-row>button{min-width:0}
.anna-web-saved-filter-row>button:last-child{justify-content:center;padding:8px;color:var(--anna-muted)}
.anna-web-saved-filter-row>button:last-child svg{width:16px;height:16px}

/* Anna CRM 0.13 — caixa de entrada completa */
.anna-web-context-menu{position:fixed;z-index:1200;width:224px;padding:7px;background:var(--anna-surface,#202020);border:1px solid var(--anna-border,#303030);border-radius:10px;box-shadow:0 12px 36px #0008;display:grid;gap:2px}
.anna-web-context-menu>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:var(--anna-text,#e9edef);text-align:left;font:inherit}
.anna-web-context-menu>button:hover{background:var(--anna-hover,#2a2a2a)}
.anna-web-context-menu>button svg{width:18px;height:18px}.anna-web-context-menu .is-danger{color:#ff6b6b}
.anna-web-quick-reactions{display:flex;justify-content:space-around;padding:7px 2px;border-block:1px solid var(--anna-border,#303030);margin:3px 0}
.anna-web-quick-reactions button{border:0;background:transparent;font-size:20px;padding:4px;cursor:pointer}
.anna-web-message-more{align-self:center;opacity:0;border:0;background:transparent;color:var(--anna-muted,#8696a0);padding:5px}
.anna-web-message-line:hover .anna-web-message-more{opacity:1}.anna-web-message-line.is-outgoing .anna-web-message-more{order:-1}
.anna-web-message-line.is-highlighted .anna-web-bubble{outline:2px solid #00a884;outline-offset:3px}
.anna-web-message-line.is-private .anna-web-bubble{background:#5c4b20;color:#fff}.anna-web-private-mark{display:block;font-size:11px;font-weight:700;color:#ffd76a;margin-bottom:5px}
.anna-web-message-line.is-deleted .anna-web-bubble{filter:saturate(.62);opacity:.78}.anna-web-message-line.is-deleted .anna-web-bubble:before,.anna-web-message-line.is-deleted .anna-web-bubble:after{opacity:.78}.anna-web-message-deleted{display:flex;align-items:center;gap:5px;margin:0 0 5px;color:#aebac1;font-size:11px;font-style:italic}.anna-web-message-deleted svg{width:14px;height:14px;stroke-width:2}.anna-web-message-line.deleted-by-contact .anna-web-message-text{opacity:.82}
.anna-web-message-quote{display:grid;width:100%;padding:7px 9px;margin-bottom:6px;border:0;border-left:3px solid #00a884;border-radius:5px;background:#0003;color:inherit;text-align:left}
.anna-web-message-quote strong{font-size:12px;color:#53bdeb}.anna-web-message-quote span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}
.anna-web-message-meta small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anna-web-reactions{position:absolute;bottom:-13px;left:8px;display:flex;background:var(--anna-surface,#202020);border-radius:14px;box-shadow:0 2px 6px #0005}.anna-web-reactions button{border:0;background:transparent;padding:2px 5px}
.anna-web-bubble{position:relative}.anna-web-media-open{display:block;border:0;padding:0;background:transparent;cursor:zoom-in}.anna-web-message-line video{max-width:420px;border-radius:8px}.anna-web-file-attachment{display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;background:#0003;color:inherit;text-decoration:none}.anna-web-file-attachment svg{width:22px}
.anna-web-media-viewer{position:fixed;inset:0;z-index:1300;background:#080b0ddd;display:grid;grid-template-rows:62px 1fr}.anna-web-media-viewer header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#111b21;color:#fff}.anna-web-media-viewer header div{display:flex;gap:10px}.anna-web-media-viewer button,.anna-web-media-viewer a{border:0;background:transparent;color:#fff;padding:10px}.anna-web-media-viewer svg{width:22px}.anna-web-media-viewer img{align-self:center;justify-self:center;max-width:94vw;max-height:calc(100vh - 88px);object-fit:contain}
.anna-web-reply-banner{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;margin:0 10px;background:var(--anna-surface,#202c33);border-left:4px solid #00a884;border-radius:7px 7px 0 0}.anna-web-reply-banner div{display:grid;min-width:0}.anna-web-reply-banner strong{font-size:12px;color:#00a884}.anna-web-reply-banner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--anna-muted,#8696a0)}.anna-web-reply-banner button{border:0;background:transparent;color:inherit}
.anna-web-conversation-filters{position:absolute;z-index:20;inset:58px 8px auto 8px;max-height:calc(100vh - 76px);overflow:auto;padding:14px;background:var(--anna-surface,#202020);border:1px solid var(--anna-border,#303030);border-radius:12px;box-shadow:0 14px 40px #0008;display:grid;gap:12px}.anna-web-sidebar{position:relative}.anna-web-conversation-filters header,.anna-web-conversation-filters footer{display:flex;align-items:center;justify-content:space-between}.anna-web-conversation-filters label{display:grid;gap:5px;color:var(--anna-muted,#8696a0);font-size:12px}.anna-web-conversation-filters select{padding:10px;border:1px solid var(--anna-border,#303030);border-radius:8px;background:var(--anna-input,#111b21);color:var(--anna-text,#e9edef)}.anna-web-conversation-filters fieldset{display:grid;gap:7px;max-height:180px;overflow:auto;border:0;padding:0}.anna-web-conversation-filters .anna-web-check{display:flex;align-items:center;gap:7px}.anna-web-conversation-filters button{padding:9px 12px;border:0;border-radius:8px}.anna-web-priority{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-style:normal;font-size:10px;font-weight:800;background:#667781;color:white}.anna-web-priority.is-urgent{background:#e53935}.anna-web-priority.is-high{background:#ff9800}.anna-web-priority.is-medium{background:#fbc02d;color:#111}.anna-web-assignee{display:inline-flex!important;align-items:center;gap:3px}.anna-web-assignee svg{width:12px!important;height:12px!important}

/* OF-0302: seleção e ações em massa conectadas ao endpoint nativo do Chatwoot. */
#anna-web-shell .anna-web-bulk-bar{display:grid;gap:8px;padding:10px 12px;border-top:1px solid #303030;border-bottom:1px solid #303030;background:#202020}
#anna-web-shell .anna-web-bulk-bar header{display:flex;align-items:center;gap:8px;color:#e9edef}
#anna-web-shell .anna-web-bulk-bar header strong{margin-right:auto;font-size:13px}
#anna-web-shell .anna-web-bulk-bar button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:8px;color:#aebac1;background:#2a2a2a;cursor:pointer}
#anna-web-shell .anna-web-bulk-bar button:last-child{display:grid;width:30px;height:30px;padding:0;place-items:center;border-radius:50%;background:transparent}
#anna-web-shell .anna-web-bulk-bar button svg{width:17px;height:17px}
#anna-web-shell .anna-web-bulk-bar>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#anna-web-shell .anna-web-bulk-bar select{min-width:0;padding:8px;border:1px solid #3b4a54;border-radius:8px;color:#e9edef;background:#111b21}
#anna-web-shell .anna-web-bulk-bar p{margin:0;color:#00a884;font-size:12px}
#anna-web-shell .anna-web-conversation:has(.anna-web-bulk-check){grid-template-columns:28px 49px minmax(0,1fr)!important}
#anna-web-shell .anna-web-bulk-check{display:grid;width:22px;height:22px;align-self:center;place-items:center;border:2px solid #8696a0;border-radius:50%;color:#fff;background:transparent}
#anna-web-shell .anna-web-bulk-check svg{width:15px;height:15px}
#anna-web-shell .anna-web-conversation.is-bulk-selected .anna-web-bulk-check{border-color:#00a884;background:#00a884}
#anna-web-shell .anna-web-conversation.is-bulk-selected{background:#202c33!important}
#anna-web-shell.anna-web-theme-light .anna-web-bulk-bar{border-color:#d8dee2;background:#f0f2f5}
#anna-web-shell.anna-web-theme-light .anna-web-bulk-bar header{color:#111b21}
#anna-web-shell.anna-web-theme-light .anna-web-bulk-bar select{color:#111b21;border-color:#d8dee2;background:#fff}
#anna-web-shell.anna-web-theme-light .anna-web-conversation.is-bulk-selected{background:#f0f2f5!important}
.anna-web-chat-header{position:relative}.anna-web-chat-menu{position:absolute;z-index:30;right:10px;top:54px;width:230px;padding:7px;background:var(--anna-surface,#202020);border:1px solid var(--anna-border,#303030);border-radius:10px;box-shadow:0 12px 36px #0008}.anna-web-chat-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--anna-text,#e9edef);text-align:left}.anna-web-chat-menu button:hover{background:var(--anna-hover,#2a2a2a)}.anna-web-chat-menu svg{width:18px;height:18px}
.anna-web-contact-notes{display:grid;gap:8px}.anna-web-contact-notes article{position:relative;padding:10px 34px 10px 10px;border-radius:8px;background:var(--anna-input,#111b21)}.anna-web-contact-notes article p{margin:0 0 5px}.anna-web-contact-notes article small{opacity:.7}.anna-web-contact-notes article>button{position:absolute;right:5px;top:5px;border:0;background:transparent;color:#ff6b6b}.anna-web-contact-notes form{display:grid;gap:7px}.anna-web-contact-notes textarea{resize:vertical;padding:9px;border:1px solid var(--anna-border,#303030);border-radius:8px;background:var(--anna-input,#111b21);color:inherit}.anna-web-participant-picker{display:grid;gap:7px;max-height:220px;overflow:auto}
@media(max-width:900px){.anna-web-context-menu{max-width:calc(100vw - 16px)}.anna-web-message-more{opacity:1}.anna-web-conversation-filters{position:fixed;inset:8px;max-height:calc(100vh - 16px)}}
/* Configurações administrativas usam o frontend nativo integral do Chatwoot.
   Esta camada altera somente acabamento e paleta; estrutura, componentes,
   permissões, validações e chamadas de API continuam sendo os originais. */
.anna-native-section-header{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;width:100%!important;background:#0d0d0d!important;border-bottom:1px solid #202020!important;color:#ededed!important}
.anna-native-section-heading{display:flex!important;flex-direction:column!important;gap:3px!important;padding:14px 20px 10px!important}
.anna-native-section-heading strong{font-size:18px!important;font-weight:700!important;color:#f2f2f2!important}
.anna-native-section-heading small{font-size:12px!important;color:#9aa4aa!important}
.anna-native-section-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 12px 9px!important;overflow-x:auto!important;scrollbar-width:thin!important}
.anna-native-section-nav a{flex:0 0 auto!important;padding:8px 12px!important;border-radius:999px!important;color:#aebac1!important;font-size:13px!important;text-decoration:none!important;white-space:nowrap!important}
.anna-native-section-nav a:hover{background:#242424!important;color:#fff!important}
.anna-native-section-nav a.is-active{background:#2a2a2a!important;color:#fff!important;font-weight:700!important}
.anna-web-channel-row{scroll-behavior:smooth}.anna-web-channel-filter.is-active{background:#2a3942!important;color:#fff!important;border-color:#53636d!important;font-weight:700!important}.anna-web-meta>.anna-web-channel-icon{width:15px;height:15px;min-width:15px;padding:0;background:transparent!important}.anna-web-meta>.anna-web-channel-icon img{width:15px;height:15px}.anna-web-meta>.anna-web-channel-icon svg{width:14px;height:14px}
.anna-web-history-loader{position:sticky;top:8px;z-index:2;width:max-content;margin:0 auto 10px;padding:6px 12px;border-radius:999px;background:#202c33;color:#aebac1;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.anna-web-voice-note{display:grid;grid-template-columns:38px minmax(150px,260px) auto;align-items:center;gap:8px;min-width:250px;padding:3px 0}.anna-web-voice-note>button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#d9fdd3;background:transparent}.anna-web-message-line:not(.is-outgoing) .anna-web-voice-note>button{color:#00a884}.anna-web-voice-note>button svg{width:27px;height:27px}.anna-web-voice-note audio{display:none}.anna-web-voice-track{position:relative;display:flex;align-items:center;height:28px}.anna-web-voice-track:before{content:'';position:absolute;inset:10px 0;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px);opacity:.45}.anna-web-voice-track input{position:relative;z-index:1;width:100%;height:28px;margin:0;opacity:.85;accent-color:#53bdeb;background:transparent}.anna-web-voice-note time{align-self:end;padding-bottom:3px;color:#8696a0;font-size:11px}.anna-web-message-line.is-outgoing .anna-web-voice-note time{color:#a8c8bb}
.anna-web-media-viewer{position:fixed;inset:0;z-index:1200;display:grid;grid-template-rows:64px 1fr;background:#090d10;color:#fff}.anna-web-media-viewer>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 18px;background:#111b21;border-bottom:1px solid #26323a}.anna-web-media-viewer>header>button,.anna-web-media-viewer>header a,.anna-web-media-viewer>header>div>button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;color:#e9edef;background:transparent}.anna-web-media-viewer>header>button:hover,.anna-web-media-viewer>header a:hover,.anna-web-media-viewer>header>div>button:hover{background:#202c33}.anna-web-media-viewer>header>span{display:flex;min-width:0;flex-direction:column}.anna-web-media-viewer>header>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anna-web-media-viewer>header>span small{color:#8696a0}.anna-web-media-viewer>header>div{display:flex;align-items:center;gap:4px}.anna-web-media-viewer figure{display:grid;place-items:center;min-height:0;margin:0;padding:20px;overflow:auto}.anna-web-media-viewer figure img{display:block;max-width:100%;max-height:calc(100vh - 104px);object-fit:contain}
.anna-web-settings-page .anna-web-settings-content{width:min(1120px,calc(100% - 40px));max-width:1120px;padding:24px 0 44px}.anna-web-settings-page .anna-web-contact-hero{margin-bottom:8px}.anna-web-settings-admin{display:grid;gap:14px}.anna-web-settings-admin>header h2{margin:0;color:var(--anna-text,#e9edef);font-size:18px}.anna-web-settings-admin>header p{margin:4px 0 0;color:var(--anna-muted,#8696a0)}.anna-web-settings-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.anna-web-settings-admin-grid>button,.anna-web-settings-accounts>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border:1px solid #303d45;border-radius:12px;color:#e9edef;text-align:left;background:#161b1e}.anna-web-settings-admin-grid>button:hover,.anna-web-settings-accounts>button:hover{background:#20272b;border-color:#45535c}.anna-web-settings-admin-grid>button>svg{width:23px;height:23px;color:#00a884}.anna-web-settings-admin-grid>button span,.anna-web-settings-accounts>button span{display:flex;min-width:0;flex-direction:column;gap:3px}.anna-web-settings-admin-grid small,.anna-web-settings-accounts small{color:#8696a0}.anna-web-settings-accounts{display:grid;gap:8px}.anna-web-settings-accounts>button.is-active{border-color:#00a884}.anna-web-settings-accounts>button b{color:#00a884}
.anna-web-theme-light .anna-web-channel-filter.is-active{color:#111b21!important;background:#dfe5e7!important;border-color:#b8c2c8!important}.anna-web-theme-light .anna-web-history-loader{color:#54656f;background:#fff;border-color:#d8dee2}.anna-web-theme-light .anna-web-settings-admin>header h2{color:#111b21}.anna-web-theme-light .anna-web-settings-admin>header p,.anna-web-theme-light .anna-web-settings-admin-grid small,.anna-web-theme-light .anna-web-settings-accounts small{color:#667781}.anna-web-theme-light .anna-web-settings-admin-grid>button,.anna-web-theme-light .anna-web-settings-accounts>button{color:#111b21;background:#fff;border-color:#d8dee2}.anna-web-theme-light .anna-web-settings-admin-grid>button:hover,.anna-web-theme-light .anna-web-settings-accounts>button:hover{background:#f5f6f6;border-color:#b8c2c8}.anna-web-theme-light .anna-web-voice-note time{color:#667781}.anna-web-theme-light .anna-web-message-line.is-outgoing .anna-web-voice-note time{color:#5f7d72}
.anna-web-native-module>iframe{width:100%;height:100%;border:0;background:#0d0d0d}.anna-native-section-heading,.anna-native-section-nav{box-sizing:border-box;width:min(1280px,100%)!important;margin-inline:auto!important}
@media(max-width:850px){.anna-web-settings-admin-grid{grid-template-columns:1fr}.anna-web-settings-page .anna-web-settings-content{width:calc(100% - 24px)}.anna-web-voice-note{grid-template-columns:36px minmax(120px,1fr) auto;min-width:210px}}
.anna-web-setting-row.is-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.anna-web-setting-row.is-button:hover{background:var(--anna-hover,#202c33)}
.anna-web-profile-menu{position:fixed;left:58px;bottom:12px;z-index:1400;width:300px;padding:10px;border:1px solid var(--anna-border,#303d45);border-radius:14px;background:var(--anna-panel,#202c33);box-shadow:0 12px 38px #0008}.anna-web-profile-summary{display:flex;align-items:center;gap:11px;padding:10px;border-bottom:1px solid var(--anna-border,#303d45);margin-bottom:6px}.anna-web-profile-summary span{display:flex;min-width:0;flex-direction:column}.anna-web-profile-summary small{overflow:hidden;text-overflow:ellipsis;color:var(--anna-muted,#8696a0)}.anna-web-profile-menu>label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px}.anna-web-profile-menu select{max-width:130px}.anna-web-profile-menu>button{display:flex;align-items:center;gap:12px;width:100%;padding:11px;border:0;border-radius:9px;background:transparent;color:var(--anna-text,#e9edef);text-align:left}.anna-web-profile-menu>button:hover{background:var(--anna-hover,#2a3942)}.anna-web-profile-menu>button svg{width:19px;height:19px}.anna-web-profile-menu>button.is-danger{color:#ff6b7a}.anna-web-shortcuts-modal dl{display:grid;gap:2px}.anna-web-shortcuts-modal dl div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px;border-bottom:1px solid var(--anna-border,#303d45)}.anna-web-shortcuts-modal dt{color:var(--anna-text,#e9edef)}.anna-web-shortcuts-modal dd{margin:0;padding:5px 8px;border:1px solid var(--anna-border,#303d45);border-radius:7px;color:var(--anna-muted,#8696a0)}
@media (prefers-color-scheme:light){.anna-native-section-header{background:#fff!important;border-color:#d8dee2!important;color:#111b21!important}.anna-native-section-heading strong{color:#111b21!important}.anna-native-section-heading small{color:#667781!important}.anna-native-section-nav a{color:#54656f!important}.anna-native-section-nav a:hover,.anna-native-section-nav a.is-active{background:#e9edef!important;color:#111b21!important}}

/* Conversa desktop: acabamento inspirado no WhatsApp Web, preservando ações do CRM. */
#anna-web-shell .anna-web-chat-header{min-height:64px;padding:8px 18px!important;background:#202c33!important;border-bottom:1px solid #26343c!important}
#anna-web-shell .anna-web-chat-header>.anna-web-avatar{width:40px;height:40px;min-width:40px}
#anna-web-shell .anna-web-chat-actions{gap:6px}
#anna-web-shell .anna-web-chat-actions button{width:40px;height:40px;color:#aebac1!important;border-radius:50%;transition:background-color 120ms ease,color 120ms ease,transform 120ms ease}
#anna-web-shell .anna-web-chat-actions button:hover{color:#e9edef!important;background:#2a3942!important}
#anna-web-shell .anna-web-chat-actions button:active{transform:scale(.94)}
#anna-web-shell .anna-web-chat-actions svg{width:24px;height:24px;stroke-width:1.7}
#anna-web-shell .anna-web-messages{background-color:#0b141a!important;background-position:center!important}
#anna-web-shell .anna-web-composer{min-height:68px;grid-template-columns:40px 40px 40px minmax(0,1fr) 44px!important;gap:4px!important;padding:10px 14px!important;border:0!important;background:#0b141a!important}
#anna-web-shell .anna-web-composer textarea{box-sizing:border-box;min-height:44px!important;max-height:132px;padding:11px 16px!important;border:0!important;border-radius:12px!important;color:#e9edef!important;background:#202c33!important;font-size:15px!important;line-height:22px!important;box-shadow:none!important}
#anna-web-shell .anna-web-composer textarea:focus{outline:0!important;box-shadow:none!important}
#anna-web-shell .anna-web-composer>button,#anna-web-shell .anna-web-composer>.anna-web-attach{width:40px!important;height:40px!important;color:#aebac1!important;background:transparent!important}
#anna-web-shell .anna-web-composer>button svg,#anna-web-shell .anna-web-composer>.anna-web-attach svg{width:24px;height:24px;stroke-width:1.8}
#anna-web-shell .anna-web-composer>button[type="submit"]{display:none;width:44px!important;height:44px!important;color:#111b21!important;background:#00a884!important}
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown))>button[data-action="record-audio"]{display:none}
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown))>button[type="submit"]{display:grid}
#anna-web-shell .anna-web-channel-icon{box-shadow:none!important;background:transparent!important}
#anna-web-shell .anna-web-meta>.anna-web-channel-icon,#anna-web-shell .anna-web-meta>.anna-web-channel-icon img{width:16px;height:16px;min-width:16px;object-fit:contain}
#anna-web-shell.anna-web-theme-light .anna-web-chat-header{color:#111b21!important;background:#f0f2f5!important;border-color:#d8dee2!important}
#anna-web-shell.anna-web-theme-light .anna-web-chat-header strong{color:#111b21!important}
#anna-web-shell.anna-web-theme-light .anna-web-chat-actions button{color:#54656f!important}
#anna-web-shell.anna-web-theme-light .anna-web-chat-actions button:hover{color:#111b21!important;background:#dfe3e5!important}
#anna-web-shell.anna-web-theme-light .anna-web-messages{background-color:#efeae2!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer{background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer textarea{color:#111b21!important;background:#fff!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer>button,#anna-web-shell.anna-web-theme-light .anna-web-composer>.anna-web-attach{color:#54656f!important}
@media(max-width:850px){#anna-web-shell .anna-web-composer{grid-template-columns:38px 38px 38px minmax(0,1fr) 42px!important;padding-inline:8px!important}#anna-web-shell .anna-web-chat-actions{gap:1px}#anna-web-shell .anna-web-chat-actions button{width:38px;height:38px}}

/* Anna CRM 0.20.13 — capacidades reais do compositor por canal/janela. */
#anna-web-shell .anna-web-composer-capability{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 16px;color:#d1d7db;background:#182229;border-top:1px solid #2a3942}
#anna-web-shell .anna-web-composer-capability>svg{flex:0 0 auto;width:22px;height:22px;color:#f0b429}
#anna-web-shell .anna-web-composer-capability>span{display:grid;min-width:0;gap:2px}
#anna-web-shell .anna-web-composer-capability strong{font-size:14px}
#anna-web-shell .anna-web-composer-capability small{color:#aebac1;font-size:12px}
#anna-web-shell .anna-web-composer-capability button{margin-left:auto;padding:9px 13px;border:0;border-radius:18px;color:#111b21;background:#00a884;font-weight:700;cursor:pointer}
#anna-web-shell .anna-web-composer.is-disabled{opacity:.72}
#anna-web-shell .anna-web-composer button:disabled,#anna-web-shell .anna-web-composer .is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}
#anna-web-shell.anna-web-theme-light .anna-web-composer-capability{color:#111b21;background:#fff;border-color:#d8dee2}
#anna-web-shell.anna-web-theme-light .anna-web-composer-capability small{color:#667781}

/* Anna CRM 0.14.3 — compositor e cabeçalho reconstruídos sobre o padrão WhatsApp Web. */
#anna-web-shell .anna-web-main{min-width:0!important;overflow:hidden!important}
#anna-web-shell .anna-web-messages{overflow-x:hidden!important;padding:20px clamp(28px,5vw,72px)!important;background-size:240px 240px!important}
#anna-web-shell .anna-web-message-line{box-sizing:border-box;max-width:100%!important}
#anna-web-shell .anna-web-bubble{max-width:min(72%,680px)!important}
#anna-web-shell .anna-web-message-image,#anna-web-shell .anna-web-voice-note{max-width:100%!important}
#anna-web-shell .anna-web-chat-header{min-height:64px!important;height:64px!important;box-sizing:border-box;padding:8px 16px!important;background:#202c33!important;border-bottom:1px solid #222d34!important}
#anna-web-shell .anna-web-chat-actions{display:flex!important;align-items:center!important;gap:2px!important;margin-left:auto!important}
#anna-web-shell .anna-web-chat-actions button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#aebac1!important;background:transparent!important;transition:background-color .14s ease,color .14s ease,transform .08s ease!important}
#anna-web-shell .anna-web-chat-actions button:hover{color:#e9edef!important;background:#2a3942!important}
#anna-web-shell .anna-web-chat-actions button:active{transform:scale(.94)}
#anna-web-shell .anna-web-chat-actions svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
#anna-web-shell .anna-web-composer{position:relative!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;min-height:64px!important;box-sizing:border-box;padding:9px 14px!important;border:0!important;background:#202c33!important}
#anna-web-shell .anna-web-composer>button,#anna-web-shell .anna-web-composer>.anna-web-attach{display:grid!important;flex:0 0 42px!important;width:42px!important;height:42px!important;place-items:center!important;padding:0!important;border:0!important;border-radius:50%!important;color:#aebac1!important;background:transparent!important}
#anna-web-shell .anna-web-composer>button:hover{color:#e9edef!important;background:#2a3942!important}
#anna-web-shell .anna-web-composer>button svg,#anna-web-shell .anna-web-composer>.anna-web-attach svg{width:24px!important;height:24px!important}
#anna-web-shell .anna-web-composer-field{display:flex!important;flex:1 1 auto!important;align-items:center!important;min-width:0!important;min-height:44px!important;border-radius:22px!important;background:#2a3942!important;overflow:hidden!important}
#anna-web-shell .anna-web-composer-field>button,#anna-web-shell .anna-web-composer-field>.anna-web-attach,#anna-web-shell .anna-web-private-indicator{display:grid!important;flex:0 0 42px!important;width:42px!important;height:42px!important;place-items:center!important;padding:0!important;border:0!important;color:#aebac1!important;background:transparent!important}
#anna-web-shell .anna-web-composer-field>button:hover,#anna-web-shell .anna-web-composer-field>.anna-web-attach:hover{color:#e9edef!important}
#anna-web-shell .anna-web-composer-field svg{width:23px!important;height:23px!important}
#anna-web-shell .anna-web-composer textarea{flex:1 1 auto!important;min-width:0!important;min-height:42px!important;max-height:132px!important;padding:10px 2px!important;border:0!important;border-radius:0!important;color:#e9edef!important;background:transparent!important;font-size:15px!important;line-height:22px!important;box-shadow:none!important;resize:none!important}
#anna-web-shell .anna-web-composer textarea::placeholder{color:#8696a0!important;opacity:1!important}
#anna-web-shell .anna-web-composer>button[type="submit"]{display:none!important;flex:0 0 42px!important;width:42px!important;height:42px!important;color:#111b21!important;background:#00a884!important}
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown))>button[data-action="record-audio"]{display:none!important}
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown))>button[type="submit"]{display:grid!important}
#anna-web-shell .anna-web-composer.is-private .anna-web-composer-field{background:#3c3828!important;box-shadow:inset 0 0 0 1px #6f6338!important}
#anna-web-shell .anna-web-composer.is-private .anna-web-private-indicator{color:#f5c451!important}
#anna-web-shell .anna-web-composer-popover{position:absolute!important;z-index:60!important;left:14px!important;bottom:70px!important;border:1px solid #39464e!important;border-radius:14px!important;background:#233138!important;box-shadow:0 14px 44px rgba(0,0,0,.45)!important}
#anna-web-shell .anna-web-composer-tools{width:280px!important;padding:7px!important}
#anna-web-shell .anna-web-composer-tools>button{display:grid!important;width:100%!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:10px!important;border:0!important;border-radius:10px!important;color:#e9edef!important;text-align:left!important;background:transparent!important}
#anna-web-shell .anna-web-composer-tools>button:hover,#anna-web-shell .anna-web-composer-tools>button.is-active{background:#2f4048!important}
#anna-web-shell .anna-web-composer-tools svg{width:22px!important;height:22px!important;color:#aebac1!important}
#anna-web-shell .anna-web-composer-tools span{display:grid!important;gap:2px!important}
#anna-web-shell .anna-web-composer-tools strong{font-size:14px!important}
#anna-web-shell .anna-web-composer-tools small{color:#8696a0!important;font-size:11px!important}
#anna-web-shell .anna-web-emoji-picker{left:64px!important;display:grid!important;grid-template-columns:repeat(8,38px)!important;gap:2px!important;padding:8px!important}
#anna-web-shell .anna-web-emoji-picker button{width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:21px!important}
#anna-web-shell .anna-web-emoji-picker button:hover{background:#314149!important}
#anna-web-shell .anna-web-channel-icon,#anna-web-shell .anna-web-channel-icon img{display:block!important;width:15px!important;height:15px!important;min-width:15px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important}
#anna-web-shell.anna-web-theme-light .anna-web-chat-header,#anna-web-shell.anna-web-theme-light .anna-web-composer{background:#f0f2f5!important;border-color:#d8dee2!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer-field{background:#fff!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer textarea{color:#111b21!important;background:transparent!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer-popover{border-color:#d8dee2!important;background:#fff!important;box-shadow:0 14px 40px rgba(11,20,26,.2)!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer-tools>button{color:#111b21!important}
#anna-web-shell.anna-web-theme-light .anna-web-composer-tools>button:hover,#anna-web-shell.anna-web-theme-light .anna-web-composer-tools>button.is-active{background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-emoji-picker button:hover{background:#f0f2f5!important}
@media(max-width:850px){#anna-web-shell .anna-web-messages{padding-inline:16px!important}#anna-web-shell .anna-web-bubble{max-width:86%!important}#anna-web-shell .anna-web-composer{padding-inline:8px!important;gap:4px!important}#anna-web-shell .anna-web-composer>button{flex-basis:40px!important;width:40px!important;height:40px!important}}

/* 0.14.4 — neutraliza dimensões herdadas do compositor legado. */
#anna-web-shell .anna-web-layout .anna-web-main .anna-web-composer{height:64px!important;min-height:64px!important;padding:9px 14px!important;background:#202c33!important}
#anna-web-shell .anna-web-layout .anna-web-main .anna-web-composer-field{height:44px!important;min-height:44px!important;max-height:44px!important}
#anna-web-shell .anna-web-layout .anna-web-main .anna-web-composer textarea{box-sizing:border-box!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:11px 2px!important;line-height:22px!important;overflow-y:auto!important}
#anna-web-shell.anna-web-theme-light .anna-web-layout .anna-web-main .anna-web-composer{background:#f0f2f5!important}

/* Anna Web 0.14.6 — estabilidade e acabamento WhatsApp */
#anna-web-shell .anna-web-channel-icon{display:inline-grid!important;width:15px!important;height:15px!important;place-items:center!important;color:#8696a0!important;background:transparent!important;border:0!important;border-radius:0!important}
#anna-web-shell .anna-web-channel-icon img{display:none!important}
#anna-web-shell .anna-web-channel-icon svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:1.9!important}
#anna-web-shell .anna-web-channel-icon.is-whatsapp svg{fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#anna-web-shell .anna-web-channel-state{display:block!important;flex:0 0 auto!important;width:8px!important;height:8px!important;margin-left:1px!important;border-radius:50%!important;background:#667781!important}
#anna-web-shell .anna-web-channel-state.is-online{background:#25d366!important;box-shadow:0 0 0 2px rgba(37,211,102,.10)!important}
#anna-web-shell .anna-web-channel-state.is-offline{background:#f15c6d!important}
#anna-web-shell .anna-web-channel-state.is-unknown{background:#667781!important}
#anna-web-shell.anna-web-theme-light .anna-web-channel-icon{color:#54656f!important}
#anna-web-shell .anna-web-native-module{grid-template-rows:minmax(0,1fr)!important}
#anna-web-shell .anna-web-native-module>iframe{display:block!important;min-height:0!important;height:100%!important}
#anna-web-shell .anna-web-messages{background-color:#0b141a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%238696a0' stroke-opacity='.055' stroke-width='1.25'%3E%3Cpath d='M18 38c18-17 42-17 60 0-18 17-42 17-60 0Zm30-13v26M124 22l10 13 16-3-8 14 9 13-16-2-9 13-2-16-15-7 14-8 1-17ZM235 26c12 0 22 10 22 22s-10 22-22 22-22-10-22-22 10-22 22-22Zm-11 22h22M326 20l15 15-15 15-15-15 15-15ZM35 124c16-14 37-14 53 0-16 14-37 14-53 0Zm26-11v22M148 103c0-17 14-31 31-31s31 14 31 31-14 31-31 31-31-14-31-31Zm31-17v34m-17-17h34M286 94c17-13 37-13 54 0l-27 37-27-37Zm27 2v34M365 87l13-16 13 16-13 16-13-16ZM25 218l18-21 18 21-18 21-18-21ZM109 180c21-18 49-18 70 0-21 18-49 18-70 0Zm35-14v28M243 182l12 15 19-4-10 16 10 15-19-3-12 15-2-19-17-8 17-8 2-19ZM346 173c13 0 24 11 24 24s-11 24-24 24-24-11-24-24 11-24 24-24Zm-12 24h24M52 300c0-18 15-33 33-33s33 15 33 33-15 33-33 33-33-15-33-33Zm33-18v36m-18-18h36M177 274c18-15 41-15 59 0-18 15-41 15-59 0Zm29-12v25M303 280l16 18-16 18-16-18 16-18ZM374 278c14-12 31-12 45 0-14 12-31 12-45 0ZM27 380c17-14 39-14 56 0-17 14-39 14-56 0Zm28-11v22M142 350l12 14 18-4-9 16 10 14-19-3-12 15-2-19-17-8 17-8 2-17ZM256 356c14 0 26 12 26 26s-12 26-26 26-26-12-26-26 12-26 26-26Zm-13 26h26M343 347c18-14 40-14 58 0l-29 40-29-40Z'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:420px 420px!important;background-repeat:repeat!important}
#anna-web-shell .anna-web-layout .anna-web-main .anna-web-composer{height:64px!important;min-height:64px!important;padding:9px 14px!important;border:0!important;background:transparent!important}
#anna-web-shell .anna-web-composer-field{box-shadow:0 1px 1px rgba(0,0,0,.12)!important}
#anna-web-shell.anna-web-theme-light .anna-web-layout .anna-web-main .anna-web-composer{border:0!important;background:transparent!important}
#anna-web-shell.anna-web-theme-light .anna-web-messages{background-color:#efeae2!important}
#anna-web-shell .anna-web-message-line[hidden]{display:none!important}
#anna-web-shell .anna-web-kanban-real>header{min-height:64px!important;padding:8px 18px!important;border-bottom:1px solid #2a3942!important;background:#202c33!important;box-shadow:0 1px 2px rgba(0,0,0,.24)!important}
#anna-web-shell .anna-web-kanban-real>header>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#anna-web-shell .anna-web-kanban-real>header strong{color:#e9edef!important;font-size:16px!important;line-height:20px!important}
#anna-web-shell .anna-web-kanban-real>header small{color:#8696a0!important;font-size:11px!important}
#anna-web-shell .anna-web-kanban-real .anna-web-header-actions{display:flex!important;align-items:center!important;gap:6px!important}
#anna-web-shell .anna-web-kanban-real .anna-web-header-actions button{display:flex!important;align-items:center!important;gap:7px!important;min-height:40px!important;padding:0 13px!important;border:1px solid #3b4a54!important;border-radius:20px!important;color:#d1d7db!important;background:transparent!important}
#anna-web-shell .anna-web-kanban-real .anna-web-header-actions button:hover{background:#2a3942!important;color:#fff!important}
#anna-web-shell .anna-web-detail-panel .anna-web-attribute-fields{margin:8px 12px!important;border:1px solid #2a3942!important;border-radius:12px!important;background:#111b21!important;overflow:hidden!important}
#anna-web-shell .anna-web-detail-panel .anna-web-attribute-fields>div{display:grid!important;gap:12px!important;padding:12px!important}
#anna-web-shell .anna-web-detail-panel .anna-web-attribute-fields label{display:grid!important;gap:6px!important;color:#8696a0!important;font-size:12px!important}
#anna-web-shell .anna-web-detail-panel .anna-web-attribute-fields input,#anna-web-shell .anna-web-detail-panel .anna-web-attribute-fields select{height:40px!important;padding:0 12px!important;border:1px solid #2a3942!important;border-radius:8px!important;color:#e9edef!important;background:#202c33!important}
#anna-web-shell.anna-web-theme-light .anna-web-kanban-real>header{border-color:#d8dee2!important;background:#f0f2f5!important}
#anna-web-shell.anna-web-theme-light .anna-web-kanban-real>header strong{color:#111b21!important}
#anna-web-shell.anna-web-theme-light .anna-web-detail-panel .anna-web-attribute-fields{border-color:#d8dee2!important;background:#fff!important}
#anna-web-shell.anna-web-theme-light .anna-web-detail-panel .anna-web-attribute-fields input,#anna-web-shell.anna-web-theme-light .anna-web-detail-panel .anna-web-attribute-fields select{border-color:#d8dee2!important;color:#111b21!important;background:#f0f2f5!important}

/* Anna Web 0.19.0 — estado explícito e recuperável da conexão em tempo real. */
#anna-web-shell .anna-web-connection-status{position:fixed;z-index:80;top:12px;left:50%;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 32px));min-height:36px;padding:7px 14px;border:1px solid #3b4a54;border-radius:18px;color:#d1d7db;background:#202c33;box-shadow:0 4px 16px rgba(0,0,0,.28);font-size:13px;line-height:18px;transform:translateX(-50%);pointer-events:none}
#anna-web-shell .anna-web-connection-status svg{width:17px;height:17px;flex:0 0 auto}
#anna-web-shell .anna-web-connection-status.is-reconnecting svg{animation:anna-web-spin 1s linear infinite}
#anna-web-shell .anna-web-connection-status.is-offline{border-color:#6b3c42;color:#ffd7dc;background:#3a1f24}
#anna-web-shell.anna-web-theme-light .anna-web-connection-status{border-color:#d8dee2;color:#3b4a54;background:#fff;box-shadow:0 3px 12px rgba(17,27,33,.14)}
#anna-web-shell.anna-web-theme-light .anna-web-connection-status.is-offline{border-color:#f1b7bf;color:#8f2232;background:#fff2f4}
@keyframes anna-web-spin{to{transform:rotate(360deg)}}

/* Anna Web 0.21.0 — SLA Badges, Bot Handoff, Activity Timeline, Help Center, Contacts Actions & Telemetry */
#anna-web-shell .anna-web-sla-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;line-height:14px;background:#222e35;color:#8696a0}
#anna-web-shell .anna-web-sla-badge.is-warning{background:#45300b;color:#facc15}
#anna-web-shell .anna-web-sla-badge.is-missed{background:#451a1a;color:#f87171}
#anna-web-shell .anna-web-sla-badge.is-hit{background:#0e382b;color:#25d366}
#anna-web-shell .anna-web-sla-badge.is-out-of-hours{background:#1e293b;color:#94a3b8}

#anna-web-shell .anna-web-bot-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#18222d;border-bottom:1px solid #222e35;color:#00a884;font-size:13px}
#anna-web-shell .anna-web-bot-banner span{display:flex;flex-direction:column}
#anna-web-shell .anna-web-bot-banner span small{color:#8696a0;font-size:11px}
#anna-web-shell .anna-web-bot-banner button{padding:6px 12px;background:#00a884;color:#111b21;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer}
#anna-web-shell .anna-web-bot-banner button:hover{background:#06cf9c}

#anna-web-shell .anna-web-contacts-actions{display:flex;gap:8px;padding:8px 16px}
#anna-web-shell .anna-web-contacts-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:#202c33;color:#d1d7db;border:1px solid #3b4a54;border-radius:6px;font-size:12px;cursor:pointer}
#anna-web-shell .anna-web-contacts-actions button:hover{background:#2a3942;color:#fff}

#anna-web-shell .anna-web-activity-timeline{display:flex;flex-direction:column;gap:8px;padding:8px 0}
#anna-web-shell .anna-web-activity-entry{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#182229;border-left:3px solid #00a884;border-radius:0 6px 6px 0}
#anna-web-shell .anna-web-activity-entry p{margin:0;font-size:12px;color:#d1d7db;line-height:16px}
#anna-web-shell .anna-web-activity-entry small{font-size:10px;color:#8696a0}

#anna-web-shell .anna-web-help-center-modal{max-width:540px;width:100%}
#anna-web-shell .anna-web-article-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:12px}
#anna-web-shell .anna-web-article-item{padding:10px;background:#182229;border-radius:6px;border:1px solid #222e35}
#anna-web-shell .anna-web-article-item header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
#anna-web-shell .anna-web-article-item header strong{font-size:13px;color:#e9edef}
#anna-web-shell .anna-web-article-item header button{padding:4px 8px;background:#202c33;color:#00a884;border:1px solid #00a884;border-radius:4px;font-size:11px;cursor:pointer}
#anna-web-shell .anna-web-article-item p{margin:0;font-size:12px;color:#8696a0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

#anna-web-shell .anna-web-telemetry-card{border-left:3px solid #00a884}



/* ==========================================================================
   ANNA CRM — RESPONSIVIDADE E FLUIDEZ DO LAYOUT (2026-09-03)
   ========================================================================== */

#anna-web-shell .anna-web-layout {
  display: grid !important;
  grid-template-columns: 60px minmax(310px, clamp(320px, 26vw, 400px)) minmax(0, 1fr) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#anna-web-shell .anna-web-layout.anna-web-layout-wide {
  grid-template-columns: 60px minmax(0, 1fr) !important;
}

/* Barra de Canais com Rolagem Horizontal Suave e Arraste */
#anna-web-shell .anna-web-channel-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px 10px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  cursor: grab;
  user-select: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

#anna-web-shell .anna-web-channel-row::-webkit-scrollbar {
  display: none !important;
}

#anna-web-shell .anna-web-channel-row.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

#anna-web-shell .anna-web-channel-filter {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #2a3942 !important;
  border-radius: 16px !important;
  color: #aebac1 !important;
  background: #202c33 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease !important;
}

#anna-web-shell .anna-web-channel-filter:hover {
  background: #2a3942 !important;
  border-color: #54656f !important;
  color: #e9edef !important;
}

#anna-web-shell .anna-web-channel-filter.is-active {
  background: #2a3942 !important;
  border-color: #54656f !important;
  color: #e9edef !important;
  font-weight: 500 !important;
}

/* Cards da Lista de Conversas com Responsividade e Quebra Limpa */
#anna-web-shell .anna-web-conversation {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 76px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: #111b21 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background-color 120ms ease !important;
}

#anna-web-shell .anna-web-conversation + .anna-web-conversation {
  border-top: 0 !important;
}

#anna-web-shell .anna-web-conversation:hover {
  background: #202c33 !important;
}

#anna-web-shell .anna-web-conversation.is-selected {
  background: #2a3942 !important;
}

#anna-web-shell .anna-web-avatar {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

#anna-web-shell .anna-web-conversation-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#anna-web-shell .anna-web-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
}

#anna-web-shell .anna-web-row strong {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #e9edef !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px !important;
}

#anna-web-shell .anna-web-row time {
  flex-shrink: 0 !important;
  color: #8696a0 !important;
  font-size: 11.5px !important;
}

#anna-web-shell .anna-web-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
}

#anna-web-shell .anna-web-preview > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #8696a0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

#anna-web-shell .anna-web-preview b {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 19px !important;
  height: 19px !important;
  padding: 0 5px !important;
  border-radius: 10px !important;
  color: #111b21 !important;
  background: #00a884 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

#anna-web-shell .anna-web-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 6px !important;
  min-width: 0 !important;
  width: 100% !important;
  color: #8696a0 !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

#anna-web-shell .anna-web-meta > span,
#anna-web-shell .anna-web-meta i,
#anna-web-shell .anna-web-sla-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#anna-web-shell .anna-web-label-row {
  margin-top: 2px !important;
  gap: 4px 6px !important;
}

#anna-web-shell .anna-web-label-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  background: #202c33 !important;
  color: #e9edef !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

#anna-web-shell .anna-web-label-tag::before {
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--anna-label-color, #00a884) !important;
}

/* Responsividade Adaptativa por Breakpoints */
@media (max-width: 1280px) {
  #anna-web-shell .anna-web-layout {
    grid-template-columns: 56px minmax(280px, 340px) minmax(0, 1fr) !important;
  }
  #anna-web-shell .anna-web-detail-panel {
    width: 320px !important;
    flex: 0 0 320px !important;
  }
}

/* Telas Estreitas / Mobile / Split-screen (<= 900px) */
@media (max-width: 900px) {
  #anna-web-shell .anna-web-layout {
    grid-template-columns: 56px 1fr !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* Quando nenhuma conversa está selecionada: lista de conversas ocupa 100% da largura útil */
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-sidebar {
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    border-right: 0 !important;
  }

  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-workspace,
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-main,
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-empty {
    display: none !important;
  }

  /* Quando uma conversa está aberta: sidebar oculta e chat ocupa 100% */
  #anna-web-shell .anna-web-layout.has-selected .anna-web-sidebar {
    display: none !important;
  }

  #anna-web-shell .anna-web-layout.has-selected .anna-web-workspace {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #anna-web-shell .anna-web-back-button {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    margin-right: 4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #aebac1 !important;
    background: transparent !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }

  #anna-web-shell .anna-web-back-button:hover {
    background: #2a3942 !important;
    color: #e9edef !important;
  }

  #anna-web-shell .anna-web-back-button svg {
    width: 22px !important;
    height: 22px !important;
  }

  #anna-web-shell .anna-web-detail-panel {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(360px, 90vw) !important;
    flex: none !important;
    z-index: 50 !important;
    box-shadow: -4px 0 20px rgba(0,0,0,0.5) !important;
  }
}

/* Telas Médias e Grandes (> 900px): exibe sidebar e chat lado a lado */
@media (min-width: 901px) {
  #anna-web-shell .anna-web-back-button {
    display: none !important;
  }
  #anna-web-shell .anna-web-layout {
    grid-template-columns: 60px minmax(290px, clamp(300px, 25vw, 380px)) minmax(0, 1fr) !important;
  }
  #anna-web-shell .anna-web-sidebar {
    display: grid !important;
  }
  #anna-web-shell .anna-web-workspace,
  #anna-web-shell .anna-web-empty {
    display: flex !important;
  }
}


/* ==========================================================================
   ANNA CRM — MENU DE CONTEXTO RICO COM SUBMENUS (2026-09-03)
   ========================================================================== */
#anna-web-shell .anna-web-context-menu {
  position: fixed !important;
  z-index: 1200 !important;
  width: 234px !important;
  padding: 6px !important;
  background: #202c33 !important;
  border: 1px solid #2a3942 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.6) !important;
  display: grid !important;
  gap: 2px !important;
  color: #e9edef !important;
}
#anna-web-shell .anna-web-context-menu > button,
#anna-web-shell .anna-web-context-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #e9edef !important;
  text-align: left !important;
  font: inherit !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background-color 100ms ease !important;
}
#anna-web-shell .anna-web-context-menu > button:hover,
#anna-web-shell .anna-web-context-btn:hover,
#anna-web-shell .anna-web-context-item.has-submenu:hover > .anna-web-context-btn {
  background: #2a3942 !important;
}
#anna-web-shell .anna-web-context-btn > span {
  flex: 1 1 auto !important;
}
#anna-web-shell .anna-web-submenu-arrow {
  color: #8696a0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-left: auto !important;
}
#anna-web-shell .anna-web-context-divider {
  height: 1px !important;
  background: #2a3942 !important;
  margin: 3px 0 !important;
}
#anna-web-shell .anna-web-context-item.has-submenu {
  position: relative !important;
}
#anna-web-shell .anna-web-context-submenu {
  display: none !important;
  position: absolute !important;
  top: -4px !important;
  left: 100% !important;
  margin-left: 4px !important;
  min-width: 190px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  padding: 6px !important;
  background: #202c33 !important;
  border: 1px solid #2a3942 !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.6) !important;
  z-index: 1210 !important;
  gap: 2px !important;
}
#anna-web-shell .anna-web-context-item.has-submenu:hover > .anna-web-context-submenu {
  display: grid !important;
}
#anna-web-shell .anna-web-context-menu.is-edge-right .anna-web-context-submenu {
  left: auto !important;
  right: 100% !important;
  margin-left: 0 !important;
  margin-right: 4px !important;
}
#anna-web-shell .anna-web-context-menu.is-edge-bottom .anna-web-context-submenu {
  top: auto !important;
  bottom: -4px !important;
}
#anna-web-shell .anna-web-submenu-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #e9edef !important;
  text-align: left !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background-color 100ms ease !important;
}
#anna-web-shell .anna-web-submenu-item:hover {
  background: #2a3942 !important;
}
#anna-web-shell .anna-web-submenu-item.is-active {
  color: #00a884 !important;
  font-weight: 600 !important;
}


/* ==========================================================================
   ANNA CRM — MÓDULOS DE RELATÓRIO E CONFIGURAÇÕES INTEGRADAS (2026-09-03)
   ========================================================================== */
#anna-web-shell .anna-web-native-module {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  min-height: 100vh !important;
  width: 100% !important;
  background: #0d0d0d !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-native-module .anna-web-module-header {
  background: #0d0d0d !important;
  border-bottom: 1px solid #202020 !important;
}
#anna-web-shell .anna-web-native-module > iframe {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: calc(100vh - 76px) !important;
  border: 0 !important;
  background: #0d0d0d !important;
}

/* Estilização da barra de subnavegação nativa (centralizada, tom neutro puro #0d0d0d) */
.anna-native-section-header {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #0d0d0d !important;
  border-bottom: 1px solid #202020 !important;
  color: #ededed !important;
  padding: 0 !important;
}
.anna-native-section-heading {
  display: none !important;
}
.anna-native-section-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 18px !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
  background: #0d0d0d !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
}
.anna-native-section-nav a {
  flex: 0 0 auto !important;
  padding: 6px 14px !important;
  border-radius: 16px !important;
  border: 1px solid #262626 !important;
  color: #a0a0a0 !important;
  background: transparent !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease !important;
}
.anna-native-section-nav a:hover {
  background: #202020 !important;
  border-color: #383838 !important;
  color: #ededed !important;
}
.anna-native-section-nav a.is-active {
  background: #262626 !important;
  border-color: #444444 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}


/* ==========================================================================
   Reformulação da Página de Contatos — Tema Anna CRM
   ========================================================================== */
#anna-web-shell .anna-web-view-contacts .anna-web-sidebar {
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid #202020 !important;
  background: #111111 !important;
}
#anna-web-shell .anna-web-contacts-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px 10px !important;
  border-bottom: 1px solid #202020 !important;
}
#anna-web-shell .anna-web-contacts-header > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#anna-web-shell .anna-web-contacts-header strong {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-contacts-badge {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #00a884 !important;
  background: rgba(0, 168, 132, 0.12) !important;
}
#anna-web-shell .anna-web-contacts-search-wrap {
  padding: 10px 14px 6px !important;
}
#anna-web-shell .anna-web-contacts-search-wrap .anna-web-search {
  height: 38px !important;
  border-radius: 999px !important;
  background: #1a1a1a !important;
  border: 1px solid #262626 !important;
}
#anna-web-shell .anna-web-contact-row {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #1a1a1a !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ededed !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background-color 150ms ease !important;
}
#anna-web-shell .anna-web-contact-row:hover {
  background: #181818 !important;
}
#anna-web-shell .anna-web-contact-row.is-selected {
  background: #1f2422 !important;
}
#anna-web-shell .anna-web-contact-row.is-selected::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 6px !important;
  bottom: 6px !important;
  width: 3.5px !important;
  border-radius: 0 4px 4px 0 !important;
  background: #00a884 !important;
}
#anna-web-shell .anna-web-contact-row > span {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  gap: 2px !important;
}
#anna-web-shell .anna-web-contact-row strong {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #ededed !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#anna-web-shell .anna-web-contact-row small {
  font-size: 11.5px !important;
  color: #888888 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#anna-web-shell .anna-web-contact-time {
  font-size: 10.5px !important;
  color: #666666 !important;
  white-space: nowrap !important;
  align-self: flex-start !important;
  margin-top: 2px !important;
}

/* Painel Principal de Contatos */
#anna-web-shell .anna-web-contacts-main {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background: #0d0d0d !important;
}
#anna-web-shell .anna-web-contacts-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: 24px 28px !important;
  max-width: 1400px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Cards de Métricas / KPIs */
#anna-web-shell .anna-web-contacts-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
#anna-web-shell .anna-web-stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #202020 !important;
  background: #161616 !important;
  transition: border-color 150ms ease, transform 150ms ease !important;
}
#anna-web-shell .anna-web-stat-card:hover {
  border-color: #2c2c2c !important;
  transform: translateY(-1px) !important;
}
#anna-web-shell .anna-web-stat-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ededed !important;
  font-size: 18px !important;
}
#anna-web-shell .anna-web-stat-icon svg {
  width: 22px !important;
  height: 22px !important;
}
#anna-web-shell .anna-web-stat-icon.is-whatsapp {
  background: rgba(0, 168, 132, 0.12) !important;
  color: #00a884 !important;
}
#anna-web-shell .anna-web-stat-icon.is-recent {
  background: rgba(245, 166, 35, 0.12) !important;
  color: #f5a623 !important;
}
#anna-web-shell .anna-web-stat-num {
  display: block !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}
#anna-web-shell .anna-web-stat-label {
  display: block !important;
  font-size: 12px !important;
  color: #888888 !important;
  margin-top: 2px !important;
}

/* Tabela de Diretório de Contatos */
#anna-web-shell .anna-web-contacts-table-wrap {
  border: 1px solid #202020 !important;
  border-radius: 14px !important;
  background: #161616 !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-contacts-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
}
#anna-web-shell .anna-web-contacts-table thead th {
  padding: 12px 16px !important;
  text-align: left !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #888888 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: #131313 !important;
  border-bottom: 1px solid #202020 !important;
}
#anna-web-shell .anna-web-contacts-table tbody tr {
  border-bottom: 1px solid #1c1c1c !important;
  transition: background-color 150ms ease !important;
}
#anna-web-shell .anna-web-contacts-table tbody tr:hover {
  background: #1b1b1b !important;
}
#anna-web-shell .anna-web-contacts-table tbody tr:last-child {
  border-bottom: 0 !important;
}
#anna-web-shell .anna-web-contacts-table td {
  padding: 12px 16px !important;
  color: #d4d4d4 !important;
  vertical-align: middle !important;
}
#anna-web-shell .anna-web-td-contact {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
#anna-web-shell .anna-web-td-contact strong {
  display: block !important;
  color: #ededed !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}
#anna-web-shell .anna-web-td-contact small {
  color: #777777 !important;
  font-size: 11px !important;
}
#anna-web-shell .anna-web-badge-phone {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-text-email {
  color: #aaaaaa !important;
  font-size: 12.5px !important;
}
#anna-web-shell .anna-web-td-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
#anna-web-shell .anna-web-btn-sm {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 11px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border: 1px solid #303030 !important;
  background: #202020 !important;
  color: #ededed !important;
  cursor: pointer !important;
  transition: all 150ms ease !important;
}
#anna-web-shell .anna-web-btn-sm:hover {
  background: #282828 !important;
  border-color: #404040 !important;
  color: #ffffff !important;
}
#anna-web-shell .anna-web-btn-sm.is-primary {
  background: #00a884 !important;
  border-color: #00a884 !important;
  color: #ffffff !important;
}
#anna-web-shell .anna-web-btn-sm.is-primary:hover {
  background: #008f70 !important;
  border-color: #008f70 !important;
}
#anna-web-shell .anna-web-btn-sm svg {
  width: 14px !important;
  height: 14px !important;
}
#anna-web-shell .anna-web-table-footer {
  display: flex !important;
  justify-content: center !important;
  padding: 14px !important;
  border-top: 1px solid #202020 !important;
}

/* Painel de Detalhes do Contato Selecionado */
#anna-web-shell .anna-web-contact-detail-main {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background: #0d0d0d !important;
}
#anna-web-shell .anna-web-btn-back {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #282828 !important;
  border-radius: 9px !important;
  background: #181818 !important;
  color: #ededed !important;
  cursor: pointer !important;
  margin-right: 12px !important;
  transition: background-color 150ms ease !important;
}
#anna-web-shell .anna-web-btn-back:hover {
  background: #242424 !important;
}
#anna-web-shell .anna-web-btn-back svg {
  width: 18px !important;
  height: 18px !important;
}
#anna-web-shell .anna-web-contact-hero-card {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 22px 24px !important;
  border: 1px solid #202020 !important;
  border-radius: 14px !important;
  background: #161616 !important;
  margin-bottom: 18px !important;
}
#anna-web-shell .anna-web-contact-hero-card .anna-web-avatar {
  width: 68px !important;
  height: 68px !important;
  font-size: 24px !important;
}
#anna-web-shell .anna-web-hero-info h2 {
  margin: 0 0 6px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-hero-tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
#anna-web-shell .anna-web-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  color: #a0a0a0 !important;
  background: #202020 !important;
  border: 1px solid #282828 !important;
}
#anna-web-shell .anna-web-tag.is-whatsapp {
  color: #00a884 !important;
  background: rgba(0, 168, 132, 0.1) !important;
  border-color: rgba(0, 168, 132, 0.25) !important;
}
#anna-web-shell .anna-web-tag svg {
  width: 13px !important;
  height: 13px !important;
}
#anna-web-shell .anna-web-btn-danger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  background: rgba(239, 68, 68, 0.1) !important;
  color: #ef4444 !important;
  cursor: pointer !important;
  font-size: 13px !important;
}
#anna-web-shell .anna-web-btn-danger:hover {
  background: rgba(239, 68, 68, 0.2) !important;
}
#anna-web-shell .anna-web-contact-conv-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #202020 !important;
  border-radius: 10px !important;
  background: #1a1a1a !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  margin-bottom: 8px !important;
  transition: all 150ms ease !important;
}
#anna-web-shell .anna-web-contact-conv-item:hover {
  background: #222222 !important;
  border-color: #2c2c2c !important;
  transform: translateX(2px) !important;
}
#anna-web-shell .anna-web-conv-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
#anna-web-shell .anna-web-conv-left strong {
  display: block !important;
  font-size: 13px !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-conv-left small {
  display: block !important;
  color: #888888 !important;
  font-size: 11.5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#anna-web-shell .anna-web-conv-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
  flex: none !important;
}
#anna-web-shell .anna-web-status-pill {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
#anna-web-shell .anna-web-status-pill.is-open {
  background: rgba(0, 168, 132, 0.15) !important;
  color: #00a884 !important;
}
#anna-web-shell .anna-web-status-pill.is-pending {
  background: rgba(245, 166, 35, 0.15) !important;
  color: #f5a623 !important;
}
#anna-web-shell .anna-web-status-pill.is-resolved {
  background: rgba(100, 116, 139, 0.15) !important;
  color: #94a3b8 !important;
}

@media (max-width: 1080px) {
  #anna-web-shell .anna-web-contacts-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  #anna-web-shell .anna-web-contacts-stats {
    grid-template-columns: 1fr !important;
  }
}


/* Correção de proporção dos avatares da lista de contatos (perfeitamente circulares) */
#anna-web-shell .anna-web-contact-row .anna-web-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  display: inline-grid !important;
  place-items: center !important;
}
#anna-web-shell .anna-web-contact-row .anna-web-avatar img {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}
#anna-web-shell .anna-web-contacts-badge {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #a0a0a0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid #282828 !important;
}
#anna-web-shell .anna-web-td-contact .anna-web-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-td-contact .anna-web-avatar img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}
#anna-web-shell .anna-web-td-actions {
  min-width: 210px !important;
  justify-content: flex-end !important;
}
#anna-web-shell .anna-web-btn-sm {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  padding: 6px 13px !important;
}


/* Header de contatos com lupa ao lado de Novo contato */
#anna-web-shell .anna-web-contacts-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#anna-web-shell .anna-web-icon-btn {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  border: 1px solid #282828 !important;
  background: #181818 !important;
  color: #a0a0a0 !important;
  cursor: pointer !important;
  transition: all 150ms ease !important;
  padding: 0 !important;
}
#anna-web-shell .anna-web-icon-btn:hover {
  background: #242424 !important;
  border-color: #383838 !important;
  color: #ffffff !important;
}
#anna-web-shell .anna-web-icon-btn svg {
  width: 15px !important;
  height: 15px !important;
}
#anna-web-shell .anna-web-contacts-search-inline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}
#anna-web-shell .anna-web-contacts-search-inline .anna-web-search {
  flex: 1 1 auto !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: #181818 !important;
  border: 1px solid #282828 !important;
}
#anna-web-shell .anna-web-contacts-search-inline .anna-web-search input {
  font-size: 12.5px !important;
}


/* Campo de busca no cabeçalho do Diretório Geral de Contatos */
#anna-web-shell .anna-web-header-actions .anna-web-search-header {
  display: flex !important;
  align-items: center !important;
  height: 38px !important;
  width: 280px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #181818 !important;
  border: 1px solid #282828 !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-header-actions .anna-web-search-header input {
  font-size: 13px !important;
  color: #ededed !important;
}
#anna-web-shell .anna-web-header-actions .anna-web-search-header svg {
  width: 16px !important;
  height: 16px !important;
  color: #888888 !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}


/* Alinhamento horizontal do ícone com o título */
#anna-web-shell .anna-web-module-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
#anna-web-shell .anna-web-module-title-icon {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: rgba(0, 168, 132, 0.12) !important;
  color: #00a884 !important;
  flex-shrink: 0 !important;
}
#anna-web-shell .anna-web-module-title-icon svg {
  width: 22px !important;
  height: 22px !important;
}
#anna-web-shell .anna-web-module-title-wrap h1 {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ededed !important;
  line-height: 1.2 !important;
}
#anna-web-shell .anna-web-module-title-wrap p {
  margin: 3px 0 0 !important;
  color: #888888 !important;
  font-size: 12.5px !important;
}

/* Centralização do módulo de contatos e responsividade */
#anna-web-shell .anna-web-contacts-main,
#anna-web-shell .anna-web-contact-detail-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background: #0d0d0d !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header,
#anna-web-shell .anna-web-contact-detail-main > .anna-web-module-header {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 16px 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
#anna-web-shell .anna-web-contacts-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: 24px 36px 48px !important;
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
#anna-web-shell .anna-web-contact-page {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 24px 36px 48px !important;
  box-sizing: border-box !important;
}
#anna-web-shell .anna-web-contacts-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#anna-web-shell .anna-web-contacts-table {
  min-width: 900px !important;
}

@media (max-width: 1024px) {
  #anna-web-shell .anna-web-contacts-main > .anna-web-module-header,
  #anna-web-shell .anna-web-contacts-body,
  #anna-web-shell .anna-web-contact-page {
    padding: 16px 20px 36px !important;
  }
}
@media (max-width: 768px) {
  #anna-web-shell .anna-web-contacts-main > .anna-web-module-header {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #anna-web-shell .anna-web-header-actions {
    flex-wrap: wrap !important;
    width: 100% !important;
  }
  #anna-web-shell .anna-web-header-actions .anna-web-search-header {
    width: 100% !important;
  }
}


/* Correção de overflow e sobreposição no histórico de conversas */
#anna-web-shell .anna-web-contact-conv-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1px solid #202020 !important;
  border-radius: 10px !important;
  background: #181818 !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  margin-bottom: 8px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  transition: all 150ms ease !important;
}
#anna-web-shell .anna-web-contact-conv-item:hover {
  background: #202020 !important;
  border-color: #2c2c2c !important;
  transform: translateX(2px) !important;
}
#anna-web-shell .anna-web-conv-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-conv-left > div {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-conv-left strong {
  display: block !important;
  font-size: 13px !important;
  color: #ededed !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#anna-web-shell .anna-web-conv-left small {
  display: block !important;
  color: #888888 !important;
  font-size: 12px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
}
#anna-web-shell .anna-web-conv-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  min-width: 75px !important;
  text-align: right !important;
}
#anna-web-shell .anna-web-status-pill {
  display: inline-block !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.2px !important;
}

/* anna-web-loading-universal: Estilos Universais de Loading e Estados Vazios */
#anna-web-shell .anna-web-loading,
#anna-web-shell .anna-web-error {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 120px !important;
  padding: 24px 16px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  color: #8696a0 !important;
  font-size: 14px !important;
  word-break: break-word !important;
  white-space: normal !important;
}


/* ==========================================================================
   ANNA CRM — RESPONSIVIDADE TOTAL UNIVERSAL (INLINE & STYLESHEET)
   ========================================================================== */
#anna-web-shell, #anna-web-shell * { box-sizing: border-box !important; }
#anna-web-shell .anna-web-layout { display: grid !important; width: 100vw !important; max-width: 100% !important; height: 100vh !important; max-height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; }
#anna-web-shell .anna-web-sidebar { display: grid !important; grid-template-rows: auto auto auto minmax(0, 1fr) !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; }
#anna-web-shell .anna-web-sidebar > header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; min-height: 56px !important; height: auto !important; padding: 8px 10px !important; width: 100% !important; min-width: 0 !important; }
#anna-web-shell .anna-web-brand { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; flex: 0 1 auto !important; overflow: hidden !important; }
#anna-web-shell .anna-web-brand img { width: 28px !important; height: 28px !important; flex-shrink: 0 !important; }
#anna-web-shell .anna-web-brand strong { font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
#anna-web-shell .anna-web-sidebar-actions { display: flex !important; align-items: center !important; gap: 2px !important; flex-shrink: 0 !important; margin-left: auto !important; }
#anna-web-shell .anna-web-sidebar-actions button { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; flex-shrink: 0 !important; }
#anna-web-shell .anna-web-search { display: flex !important; align-items: center !important; gap: 8px !important; width: calc(100% - 16px) !important; margin: 6px 8px !important; padding: 0 10px !important; height: 36px !important; min-height: 36px !important; border-radius: 18px !important; }
#anna-web-shell .anna-web-search input { width: 100% !important; min-width: 0 !important; font-size: 13px !important; }
#anna-web-shell .anna-web-filters { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; padding: 2px 8px 8px !important; }
#anna-web-shell .anna-web-channel-row { display: flex !important; align-items: center !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; padding: 4px 0 6px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; }
#anna-web-shell .anna-web-channel-row::-webkit-scrollbar { display: none !important; }
#anna-web-shell .anna-web-channel-filter { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 28px !important; padding: 0 9px !important; border-radius: 14px !important; font-size: 12px !important; white-space: nowrap !important; max-width: 140px !important; }
#anna-web-shell .anna-web-channel-filter span { max-width: 90px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; padding: 2px 0 6px !important; overflow-x: auto !important; scrollbar-width: none !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row)::-webkit-scrollbar { display: none !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip { flex-shrink: 0 !important; min-height: 30px !important; font-size: 12px !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-list { width: 100% !important; min-width: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; }
#anna-web-shell .anna-web-conversation { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; padding: 10px 10px !important; overflow: hidden !important; }
#anna-web-shell .anna-web-conversation-body { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 3px !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
#anna-web-shell .anna-web-row { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; }
#anna-web-shell .anna-web-row strong { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 14px !important; font-weight: 500 !important; }
#anna-web-shell .anna-web-row time { flex-shrink: 0 !important; margin-left: auto !important; font-size: 11px !important; color: #8696a0 !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-preview { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; }
#anna-web-shell .anna-web-preview span { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12.5px !important; color: #8696a0 !important; }
#anna-web-shell .anna-web-preview b { flex-shrink: 0 !important; margin-left: auto !important; min-width: 18px !important; height: 18px !important; padding: 0 4px !important; border-radius: 9px !important; font-size: 11px !important; background: #25d366 !important; color: #111b21 !important; display: inline-grid !important; place-items: center !important; }
#anna-web-shell .anna-web-meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px 6px !important; width: 100% !important; min-width: 0 !important; }
#anna-web-shell .anna-web-meta > span, #anna-web-shell .anna-web-meta i { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* BREAKPOINT ESTREITO: <= 850px */
@media (max-width: 850px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 56px 1fr !important; width: 100% !important; }
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-sidebar { display: grid !important; width: 100% !important; max-width: 100% !important; border-right: 0 !important; }
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-workspace, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-main, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-empty, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-detail-panel { display: none !important; }

  #anna-web-shell .anna-web-layout.has-selected .anna-web-sidebar { display: none !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-workspace, #anna-web-shell .anna-web-layout.has-selected .anna-web-main { display: flex !important; width: 100% !important; max-width: 100% !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button { display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; margin-right: 6px !important; border: 0 !important; border-radius: 50% !important; color: #aebac1 !important; background: transparent !important; cursor: pointer !important; flex-shrink: 0 !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button:hover { background: #2a3942 !important; color: #e9edef !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button svg { width: 22px !important; height: 22px !important; }
  #anna-web-shell .anna-web-detail-panel { position: fixed !important; inset: 0 0 0 auto !important; width: min(360px, 92vw) !important; z-index: 100 !important; box-shadow: -6px 0 24px rgba(0,0,0,0.6) !important; }
}

/* BREAKPOINT MÉDIO: 851px a 1100px */
@media (min-width: 851px) and (max-width: 1100px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 56px minmax(280px, 340px) minmax(0, 1fr) !important; }
  #anna-web-shell .anna-web-back-button { display: none !important; }
  #anna-web-shell .anna-web-sidebar { display: grid !important; }
  #anna-web-shell .anna-web-workspace, #anna-web-shell .anna-web-empty { display: flex !important; }
  #anna-web-shell .anna-web-detail-panel { position: fixed !important; inset: 0 0 0 auto !important; width: 340px !important; z-index: 50 !important; box-shadow: -4px 0 20px rgba(0,0,0,0.5) !important; }
}

/* BREAKPOINT GRANDE: > 1100px */
@media (min-width: 1101px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 60px minmax(310px, clamp(320px, 25vw, 380px)) minmax(0, 1fr) !important; }
  #anna-web-shell .anna-web-back-button { display: none !important; }
  #anna-web-shell .anna-web-sidebar { display: grid !important; }
  #anna-web-shell .anna-web-workspace, #anna-web-shell .anna-web-empty { display: flex !important; }
}

/* ==========================================================================
   ANNA CRM — RESPONSIVIDADE TOTAL UNIVERSAL (INLINE & STYLESHEET)
   ========================================================================== */
#anna-web-shell, #anna-web-shell * { box-sizing: border-box !important; }
#anna-web-shell .anna-web-layout { display: grid !important; width: 100vw !important; max-width: 100% !important; height: 100vh !important; max-height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; }
#anna-web-shell .anna-web-sidebar { display: grid !important; grid-template-rows: auto auto auto minmax(0, 1fr) !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; }
#anna-web-shell .anna-web-sidebar > header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; min-height: 56px !important; height: auto !important; padding: 8px 10px !important; width: 100% !important; min-width: 0 !important; }
#anna-web-shell .anna-web-brand { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; flex: 0 1 auto !important; overflow: hidden !important; }
#anna-web-shell .anna-web-brand img { width: 28px !important; height: 28px !important; flex-shrink: 0 !important; }
#anna-web-shell .anna-web-brand strong { font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
#anna-web-shell .anna-web-sidebar-actions { display: flex !important; align-items: center !important; gap: 2px !important; flex-shrink: 0 !important; margin-left: auto !important; }
#anna-web-shell .anna-web-sidebar-actions button { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; flex-shrink: 0 !important; }
#anna-web-shell .anna-web-search { display: flex !important; align-items: center !important; gap: 8px !important; width: calc(100% - 16px) !important; margin: 6px 8px !important; padding: 0 10px !important; height: 36px !important; min-height: 36px !important; border-radius: 18px !important; }
#anna-web-shell .anna-web-search input { width: 100% !important; min-width: 0 !important; font-size: 13px !important; }
#anna-web-shell .anna-web-filters { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; padding: 2px 8px 8px !important; }
#anna-web-shell .anna-web-channel-row { display: flex !important; align-items: center !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; padding: 4px 0 6px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; }
#anna-web-shell .anna-web-channel-row::-webkit-scrollbar { display: none !important; }
#anna-web-shell .anna-web-channel-filter { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 28px !important; padding: 0 9px !important; border-radius: 14px !important; font-size: 12px !important; white-space: nowrap !important; max-width: 140px !important; }
#anna-web-shell .anna-web-channel-filter span { max-width: 90px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; padding: 2px 0 6px !important; overflow-x: auto !important; scrollbar-width: none !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row)::-webkit-scrollbar { display: none !important; }
#anna-web-shell .anna-web-chip-row:not(.anna-web-channel-row) .anna-web-chip { flex-shrink: 0 !important; min-height: 30px !important; font-size: 12px !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-list { width: 100% !important; min-width: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; }
#anna-web-shell .anna-web-conversation { display: grid !important; grid-template-columns: 50px minmax(0, 1fr) !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; min-height: 72px !important; padding: 12px 12px !important; overflow: hidden !important; }
#anna-web-shell .anna-web-avatar { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; }
#anna-web-shell .anna-web-conversation-body { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 3px !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
#anna-web-shell .anna-web-row { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; }
#anna-web-shell .anna-web-row strong { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 16px !important; font-weight: 500 !important; }
#anna-web-shell .anna-web-row time { flex-shrink: 0 !important; margin-left: auto !important; font-size: 12px !important; color: #8696a0 !important; white-space: nowrap !important; }
#anna-web-shell .anna-web-preview { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; }
#anna-web-shell .anna-web-preview span { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 14px !important; color: #8696a0 !important; }
#anna-web-shell .anna-web-preview b { flex-shrink: 0 !important; margin-left: auto !important; min-width: 19px !important; height: 19px !important; padding: 0 4px !important; border-radius: 10px !important; font-size: 11px !important; background: #25d366 !important; color: #111b21 !important; display: inline-grid !important; place-items: center !important; }
#anna-web-shell .anna-web-meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 4px 6px !important; width: 100% !important; min-width: 0 !important; font-size: 12px !important; }
#anna-web-shell .anna-web-meta > span, #anna-web-shell .anna-web-meta i { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* BREAKPOINT ESTREITO: <= 850px */
@media (max-width: 850px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 56px 1fr !important; width: 100% !important; }
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-sidebar { display: grid !important; width: 100% !important; max-width: 100% !important; border-right: 0 !important; }
  #anna-web-shell .anna-web-layout.has-no-selected .anna-web-workspace, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-main, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-empty, #anna-web-shell .anna-web-layout.has-no-selected .anna-web-detail-panel { display: none !important; }

  #anna-web-shell .anna-web-layout.has-selected .anna-web-sidebar { display: none !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-workspace, #anna-web-shell .anna-web-layout.has-selected .anna-web-main { display: flex !important; width: 100% !important; max-width: 100% !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button { display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; margin-right: 6px !important; border: 0 !important; border-radius: 50% !important; color: #aebac1 !important; background: transparent !important; cursor: pointer !important; flex-shrink: 0 !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button:hover { background: #2a3942 !important; color: #e9edef !important; }
  #anna-web-shell .anna-web-layout.has-selected .anna-web-back-button svg { width: 22px !important; height: 22px !important; }
  #anna-web-shell .anna-web-detail-panel { position: fixed !important; inset: 0 0 0 auto !important; width: min(360px, 92vw) !important; z-index: 100 !important; box-shadow: -6px 0 24px rgba(0,0,0,0.6) !important; }
}

/* BREAKPOINT MÉDIO: 851px a 1100px */
@media (min-width: 851px) and (max-width: 1100px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 56px minmax(360px, 420px) minmax(0, 1fr) !important; }
  #anna-web-shell .anna-web-back-button { display: none !important; }
  #anna-web-shell .anna-web-sidebar { display: grid !important; }
  #anna-web-shell .anna-web-workspace, #anna-web-shell .anna-web-empty { display: flex !important; }
  #anna-web-shell .anna-web-detail-panel { position: fixed !important; inset: 0 0 0 auto !important; width: 340px !important; z-index: 50 !important; box-shadow: -4px 0 20px rgba(0,0,0,0.5) !important; }
}

/* BREAKPOINT GRANDE: > 1100px */
@media (min-width: 1101px) {
  #anna-web-shell .anna-web-layout { grid-template-columns: 60px minmax(420px, clamp(440px, 28vw, 520px)) minmax(0, 1fr) !important; }
  #anna-web-shell .anna-web-back-button { display: none !important; }
  #anna-web-shell .anna-web-sidebar { display: grid !important; }
  #anna-web-shell .anna-web-workspace, #anna-web-shell .anna-web-empty { display: flex !important; }
}

/* ==========================================================================
   ANNA CRM — FORMATAÇÃO DE MENSAGENS WHATSAPP & LINKS FUNCIONAIS
   ========================================================================== */
#anna-web-shell .anna-web-bubble a.anna-web-link {
  color: #53bdeb !important;
  text-decoration: underline !important;
  word-break: break-all !important;
  cursor: pointer !important;
}
#anna-web-shell .anna-web-bubble a.anna-web-link:hover {
  color: #79caff !important;
  text-decoration: underline !important;
}
#anna-web-shell .anna-web-message-line.is-outgoing .anna-web-bubble a.anna-web-link {
  color: #9bf3ff !important;
}
#anna-web-shell .anna-web-code-inline {
  background: rgba(255, 255, 255, 0.12) !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 0.92em !important;
  color: #ffda6a !important;
}
#anna-web-shell .anna-web-code-block {
  display: block !important;
  background: rgba(0, 0, 0, 0.35) !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 0.88em !important;
  overflow-x: auto !important;
  margin: 6px 0 !important;
  line-height: 1.4 !important;
  color: #e9edef !important;
}
#anna-web-shell .anna-web-bubble del {
  text-decoration: line-through !important;
  opacity: 0.85 !important;
}
#anna-web-shell .anna-web-bubble strong {
  font-weight: 700 !important;
}
#anna-web-shell .anna-web-bubble em {
  font-style: italic !important;
}
#anna-web-shell .anna-web-history-loader {
  display: block !important;
  text-align: center !important;
  padding: 6px 12px !important;
  margin: 6px auto !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  color: #8696a0 !important;
  background: rgba(17, 27, 33, 0.6) !important;
  width: fit-content !important;
}

/* ==========================================================================
   ANNA CRM — BANNER DE COMUNICAÇÃO DE EQUIPE (ATRIBUÍDA A OUTRO USUÁRIO)
   ========================================================================== */
#anna-web-shell .anna-web-assigned-notice {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  background: #1c1810 !important;
  border-bottom: 1px solid #382d15 !important;
  color: #e9edef !important;
  flex-shrink: 0 !important;
}
#anna-web-shell .anna-web-assigned-icon {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  color: #f59e0b !important;
  flex-shrink: 0 !important;
}
#anna-web-shell .anna-web-assigned-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #f59e0b !important;
  stroke-width: 1.8 !important;
}
#anna-web-shell .anna-web-assigned-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
#anna-web-shell .anna-web-assigned-body strong {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #f3f4f6 !important;
  line-height: 1.25 !important;
}
#anna-web-shell .anna-web-assigned-body span {
  font-size: 12px !important;
  color: #9ca3af !important;
  line-height: 1.25 !important;
}

/* ==========================================================================
   ANNA CRM — REFINAMENTO VISUAL DO MENU DE FERRAMENTAS DO COMPOSITOR
   ========================================================================== */
#anna-web-shell .anna-web-composer-tools {
  width: 240px !important;
  padding: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  border-radius: 12px !important;
  background: #233138 !important;
  border: 1px solid #374248 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
#anna-web-shell .anna-web-composer-tools > button {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #e9edef !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: background 0.15s ease !important;
}
#anna-web-shell .anna-web-composer-tools > button:hover,
#anna-web-shell .anna-web-composer-tools > button.is-active {
  background: #182229 !important;
}
#anna-web-shell .anna-web-composer-tools svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  color: #8696a0 !important;
  flex-shrink: 0 !important;
}
#anna-web-shell .anna-web-composer-tools > button:hover svg,
#anna-web-shell .anna-web-composer-tools > button.is-active svg {
  color: #00a884 !important;
}
#anna-web-shell .anna-web-composer-tools span {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
  text-align: left !important;
}
#anna-web-shell .anna-web-composer-tools strong {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #e9edef !important;
  line-height: 1.25 !important;
  text-align: left !important;
}
#anna-web-shell .anna-web-composer-tools small {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #8696a0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

/* Profile menu and shortcuts modal theme refinements */
#anna-web-shell .anna-web-profile-menu {
  background: var(--anna-web-panel, #202c33) !important;
  border: 1px solid var(--anna-web-border, #303d45) !important;
  color: var(--anna-web-text, #e9edef) !important;
}
#anna-web-shell .anna-web-profile-summary {
  border-bottom: 1px solid var(--anna-web-border, #303d45) !important;
}
#anna-web-shell .anna-web-profile-summary strong {
  color: var(--anna-web-text, #e9edef) !important;
}
#anna-web-shell .anna-web-profile-summary small {
  color: var(--anna-web-muted, #8696a0) !important;
}
#anna-web-shell .anna-web-profile-menu label {
  color: var(--anna-web-text, #e9edef) !important;
  font-size: 13px !important;
}
#anna-web-shell .anna-web-profile-menu select {
  background: var(--anna-web-soft, #242424) !important;
  color: var(--anna-web-text, #e9edef) !important;
  border: 1px solid var(--anna-web-border, #303d45) !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
}
#anna-web-shell .anna-web-profile-menu button {
  color: var(--anna-web-text, #e9edef) !important;
  font-size: 13.5px !important;
  cursor: pointer;
}
#anna-web-shell .anna-web-profile-menu button:hover {
  background: var(--anna-web-hover, rgba(255,255,255,.06)) !important;
}
#anna-web-shell .anna-web-profile-menu button.is-danger {
  color: #ff6b7a !important;
}
#anna-web-shell .anna-web-shortcuts-modal {
  background: var(--anna-web-panel, #202c33) !important;
  color: var(--anna-web-text, #e9edef) !important;
  border: 1px solid var(--anna-web-border, #303d45) !important;
  max-width: 480px;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(0,0,0,.4);
}
#anna-web-shell .anna-web-shortcuts-modal header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid var(--anna-web-border, #303d45);
}
#anna-web-shell .anna-web-shortcuts-modal header strong {
  color: var(--anna-web-text, #e9edef);
  font-size: 15px;
  font-weight: 600;
}
#anna-web-shell .anna-web-shortcuts-modal dl div {
  border-bottom: 1px solid var(--anna-web-border, #303d45) !important;
}
#anna-web-shell .anna-web-shortcuts-modal dt {
  color: var(--anna-web-text, #e9edef) !important;
  font-size: 13.5px;
}
#anna-web-shell .anna-web-shortcuts-modal dd {
  border: 1px solid var(--anna-web-border, #303d45) !important;
  background: var(--anna-web-soft, #242424) !important;
  color: var(--anna-web-muted, #8696a0) !important;
  font-weight: 500;
  font-size: 12.5px;
}


/* Separadores de data entre mensagens (estilo WhatsApp / Anna CRM) */
#anna-web-shell .anna-web-date-separator {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 14px 0 10px !important;
  position: relative !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
#anna-web-shell .anna-web-date-separator span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(24, 34, 41, 0.94) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  color: #8696a0 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  padding: 5px 14px !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  letter-spacing: 0.25px !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  pointer-events: auto !important;
}
#anna-web-shell.anna-web-theme-light .anna-web-date-separator span {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #54656f !important;
  box-shadow: 0 1px 2px rgba(11, 20, 26, 0.14) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* Timestamp nas mensagens: suporte a exibição de data e hora */
#anna-web-shell .anna-web-message-meta time {
  white-space: nowrap !important;
  letter-spacing: 0.1px !important;
}

/* Sincronização de foto de perfil do WhatsApp */
#anna-web-shell .anna-web-sync-avatar-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 10px !important;
}
#anna-web-shell .anna-web-btn-sync-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  background: #202c33 !important;
  border: 1px solid #374248 !important;
  border-radius: 16px !important;
  color: #00a884 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
#anna-web-shell .anna-web-btn-sync-avatar:hover {
  background: #2a3942 !important;
  border-color: #00a884 !important;
  color: #25d366 !important;
}
#anna-web-shell .anna-web-btn-sync-avatar svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}
#anna-web-shell .anna-web-btn-sync-avatar.is-loading svg {
  animation: anna-spin 1s linear infinite !important;
}
#anna-web-shell .anna-web-sync-avatar-msg {
  font-size: 11px !important;
  color: #8696a0 !important;
  text-align: center !important;
  max-width: 240px !important;
  line-height: 1.3 !important;
}
@keyframes anna-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


/* ==========================================================================
   ANNA CRM — HARMONIZAÇÃO VISUAL DAS CONVERSAS ABERTAS (WHATSAPP WEB)
   ========================================================================== */
#anna-web-shell .anna-web-conversation {
  border-bottom: 1px solid rgba(134, 150, 160, 0.12) !important;
  transition: background 150ms ease !important;
}
#anna-web-shell .anna-web-avatar.is-phone-avatar {
  background: #2a3942 !important;
  color: #aebac1 !important;
}
#anna-web-shell.anna-web-theme-light .anna-web-avatar.is-phone-avatar {
  background: #dfe5e7 !important;
  color: #54656f !important;
}
#anna-web-shell .anna-web-avatar.is-phone-avatar svg {
  width: 24px !important;
  height: 24px !important;
}
#anna-web-shell .anna-web-avatar.is-phone-avatar.is-small svg {
  width: 20px !important;
  height: 20px !important;
}
#anna-web-shell .anna-web-row strong {
  font-size: 15.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.15px !important;
}
#anna-web-shell .anna-web-row time {
  font-size: 11.5px !important;
  color: #8696a0 !important;
}
#anna-web-shell .anna-web-preview {
  margin-top: 1px !important;
}
#anna-web-shell .anna-web-preview span {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
}
#anna-web-shell .anna-web-meta {
  margin-top: 2px !important;
  font-size: 11.5px !important;
  opacity: 0.9 !important;
}
#anna-web-shell .anna-web-assignee.is-unassigned {
  opacity: 0.6 !important;
}
#anna-web-shell .anna-web-label-row {
  margin-top: 3px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
}
#anna-web-shell .anna-web-label-row .anna-web-label {
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10.5px !important;
  padding: 1px 7px !important;
  border-radius: 9px !important;
}

/* Revisao visual 0.21.2 — coluna de conversas, compositor e contatos. */
#anna-web-shell .anna-web-layout.anna-web-view-conversations {
  grid-template-columns: 60px minmax(360px, var(--anna-sidebar-width, 460px)) minmax(0, 1fr) !important;
}
#anna-web-shell .anna-web-sidebar { position: relative !important; }
#anna-web-shell .anna-web-sidebar-resizer {
  position: absolute;
  z-index: 80;
  top: 0;
  right: -5px;
  width: 10px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}
#anna-web-shell .anna-web-sidebar-resizer::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  width: 3px;
  height: 48px;
  transform: translateY(-50%);
  border-radius: 99px;
  background: #54656f;
  opacity: .72;
  transition: background .15s, opacity .15s;
}
#anna-web-shell .anna-web-sidebar-resizer:hover::after,
html.anna-web-resizing-sidebar #anna-web-shell .anna-web-sidebar-resizer::after { background: #00a884; opacity: 1; }
html.anna-web-resizing-sidebar, html.anna-web-resizing-sidebar * { cursor: col-resize !important; user-select: none !important; }
#anna-web-shell .anna-web-conversation {
  width: calc(100% - 16px) !important;
  min-height: 82px !important;
  margin: 3px 8px !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
}
#anna-web-shell .anna-web-conversation + .anna-web-conversation { border-top: 0 !important; }
#anna-web-shell .anna-web-conversation.is-selected { background: #203c5b !important; box-shadow: inset 0 0 0 1px rgba(83,189,235,.18) !important; }
#anna-web-shell .anna-web-avatar { width: 50px !important; height: 50px !important; }
#anna-web-shell .anna-web-row strong { font-size: 15.5px !important; font-weight: 600 !important; }
#anna-web-shell .anna-web-preview > span,
#anna-web-shell .anna-web-preview span { color: #aebac1 !important; font-size: 13.5px !important; }
#anna-web-shell .anna-web-profile-button .anna-web-avatar.is-tiny { width: 32px !important; height: 32px !important; }
#anna-web-shell .anna-web-profile-button { display: grid !important; place-items: center !important; padding: 0 !important; }
#anna-web-shell .anna-web-profile-menu [data-action="native-theme"],
#anna-web-shell .anna-web-preference-tools [data-action="native-theme"] { display: none !important; }
#anna-web-shell .anna-web-composer-field { position: relative !important; padding-right: 0 !important; }
#anna-web-shell .anna-web-composer .anna-web-record-inline { display: grid !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; place-items: center !important; border: 0 !important; color: #aebac1 !important; background: transparent !important; }
#anna-web-shell .anna-web-composer-field > button[type="submit"] { position: static !important; z-index: auto !important; transform: none !important; }
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown)) .anna-web-record-inline { display: none !important; }

/* Compositor no padrão WhatsApp: uma única cápsula e troca áudio/envio. */
#anna-web-shell .anna-web-composer-trigger{display:none!important}
#anna-web-shell .anna-web-composer-field>.anna-web-attach{order:-2!important}
#anna-web-shell .anna-web-composer-field>button[data-action="emoji-picker"]{order:-1!important}
#anna-web-shell .anna-web-composer-field>textarea{order:0!important}
#anna-web-shell .anna-web-composer-field>.anna-web-record-inline,#anna-web-shell .anna-web-composer-field>button[type="submit"]{order:1!important}
#anna-web-shell .anna-web-composer-field>button[type="submit"]{display:none!important;color:#aebac1!important;background:transparent!important;border-radius:50%!important;transition:background-color .16s ease,transform .16s ease,color .16s ease!important}
#anna-web-shell .anna-web-composer:has(textarea:not(:placeholder-shown)) .anna-web-composer-field>button[type="submit"]{display:grid!important}
#anna-web-shell .anna-web-composer-field>button[type="submit"]:hover{color:#e9edef!important;background:#314149!important;transform:scale(1.06)!important}
#anna-web-shell .anna-web-composer-field>button[type="submit"]:active{transform:scale(.94)!important}
#anna-web-shell .anna-web-link-preview { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin: 4px 0 8px; overflow: hidden; border: 1px solid rgba(134,150,160,.35); border-radius: 8px; color: inherit; text-decoration: none; background: rgba(255,255,255,.06); }
#anna-web-shell .anna-web-link-preview img { width: 100%; max-height: 190px; object-fit: cover; }
#anna-web-shell .anna-web-link-preview span { display: grid; gap: 3px; padding: 8px 9px; }
#anna-web-shell .anna-web-link-preview strong { overflow: hidden; color: #e9edef; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
#anna-web-shell .anna-web-link-preview small { display: -webkit-box; overflow: hidden; color: #aebac1; font-size: 12px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header,
#anna-web-shell .anna-web-contact-detail-main > .anna-web-module-header {
  min-height: 64px !important;
  padding: 11px 28px !important;
  border-bottom: 1px solid #202c33 !important;
  background: #202c33 !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header .anna-web-module-title-wrap { display: flex; align-items: center; gap: 10px; min-width: 0; }
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header .anna-web-module-title-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #00a884; background: #26363b; }
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header h1 { font-size: 16px !important; }
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header p { font-size: 12px !important; }
#anna-web-shell .anna-web-header-actions { display: flex; flex: 1 1 560px; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 0; }
#anna-web-shell .anna-web-header-actions .anna-web-search-header { flex: 1 1 230px; min-width: 180px; margin: 0 !important; }
#anna-web-shell .anna-web-contacts-sentinel { height: 2px; }

/* Anna Web 0.21.4 — cabeçalho de contatos no mesmo padrão compacto dos módulos. */
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header {
  min-height: 72px !important;
  padding: 12px 24px !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header .anna-web-module-title-wrap {
  flex: 0 1 280px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header .anna-web-module-title-icon {
  width: 34px !important;
  height: 34px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header .anna-web-module-title-icon svg {
  width: 18px !important;
  height: 18px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header h1 {
  font-size: 16px !important;
  line-height: 20px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-module-header p {
  font-size: 11px !important;
  line-height: 15px !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-contacts-header-actions {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#anna-web-shell .anna-web-contacts-main > .anna-web-contacts-header-actions .anna-web-search-header {
  flex: 1 1 200px !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 320px !important;
  height: 38px !important;
}
#anna-web-shell .anna-web-contacts-header-buttons {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
}
#anna-web-shell .anna-web-contacts-header-buttons > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
#anna-web-shell .anna-web-contacts-header-buttons > button svg {
  width: 16px !important;
  height: 16px !important;
}
#anna-web-shell .anna-web-contacts-main .anna-web-contacts-body {
  padding-top: 20px !important;
}
@media (max-width: 980px) {
  #anna-web-shell .anna-web-contacts-main > .anna-web-module-header {
    flex-wrap: wrap !important;
  }
  #anna-web-shell .anna-web-contacts-main > .anna-web-contacts-header-actions {
    width: 100% !important;
  }
}
@media (max-width: 700px) {
  #anna-web-shell .anna-web-contacts-header-buttons {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
}

/* Formularios nativos de configuracao: mesma coluna central das demais paginas. */
html.anna-native-settings-embed main [class*="max-w-7xl"] {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}
html.anna-native-settings-embed main [class*="max-w-6xl"] {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
}

/* Selects do painel de filtros: altura e linha explicitas evitam texto no topo. */
#anna-web-shell .anna-web-conversation-filters select {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 36px 0 12px !important;
  color: #e9edef !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  text-align: left !important;
  vertical-align: middle !important;
}
#anna-web-shell .anna-web-conversation-filters .anna-web-check {
  min-height: 24px !important;
  padding: 0 !important;
  line-height: 24px !important;
}
#anna-web-shell .anna-web-conversation-filters .anna-web-check span {
  display: block !important;
  line-height: 24px !important;
}

/* Menu de opcoes da lista: icones e texto compartilham o mesmo eixo. */
#anna-web-shell .anna-web-list-menu > button {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  gap: 11px !important;
  line-height: 20px !important;
}
#anna-web-shell .anna-web-list-menu > button svg {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
}
@media (max-width: 900px) {
  #anna-web-shell .anna-web-sidebar-resizer { display: none; }
  #anna-web-shell .anna-web-layout.anna-web-view-conversations { grid-template-columns: 56px minmax(0,1fr) !important; }
  #anna-web-shell .anna-web-conversation { width: calc(100% - 12px) !important; margin-inline: 6px !important; }
}