/* PAINEL CERTO VISUAL 324 — SOMENTE CSS: Atendimento CRM.
   Os seletores preservam todos os nos, IDs, handlers, permissoes e menus.
   Identidade White Label herdada da propriedade --brand existente. */
body.att-page {
 --v324-primary:var(--brand,#2563eb); --v324-accent:color-mix(in srgb,var(--brand,#2563eb) 56%,#4ac8ff);
 --v324-bg:#0b1120; --v324-panel:#121d33; --v324-alt:#182641;
 --v324-line:#273757; --v324-ink:#edf3ff; --v324-dim:#9aafcc;
 --bg:var(--v324-bg); --ink:var(--v324-ink); --muted:var(--v324-dim); --line:var(--v324-line);
 --v320-paper:var(--v324-panel); --v320-text:var(--v324-ink); --v320-muted:var(--v324-dim); --v320-line:var(--v324-line); --v320-soft:var(--v324-bg);
 background:var(--v324-bg)!important;color:var(--v324-ink)!important;
}
html.crm-visual320 body.att-page :is(.shell,.main){background:var(--v324-bg)!important;color:var(--v324-ink)}
html.crm-visual320 body.att-page .topbar{background:#101a2d!important;border-color:var(--v324-line)!important;color:var(--v324-ink)!important}
html.crm-visual320 body.att-page .sidebar{background:linear-gradient(175deg,#0e172b,#111e36)!important;border-right:1px solid var(--v324-line)!important}
body.att-page :is(.att-title h1,.att-contact-person h2,.att-thread-copy strong,.chathead h2){color:var(--v324-ink)!important}
body.att-page :is(.att-title p,.att-contact-person p,.att-contact-person small,.att-preview,.att-thread-meta small,.att-message-time,.att-author,.att-thread-copy small,.chathead p){color:var(--v324-dim)!important}
body.att-page .att-title h1{font-weight:800;letter-spacing:-1px}
body.att-page .att-layout.chatlayout{
 border:1px solid var(--v324-line)!important;border-radius:20px!important;
 overflow:hidden;background:var(--v324-panel)!important;
 box-shadow:0 16px 48px rgba(0,0,0,.13);gap:0!important;
}
body.att-page .att-layout :is(.chatpane,.chatlist){background:var(--v324-panel)!important;color:var(--v324-ink)!important}
body.att-page .att-layout .chatlist{border-right:1px solid var(--v324-line)!important}
body.att-page .att-layout :is(.chathead,.att-filters,.att-searchbar,.att-tabs.xp-tabs){background:var(--v324-panel)!important;border-color:var(--v324-line)!important}
body.att-page .att-layout .chathead{border-bottom:1px solid var(--v324-line)!important}
body.att-page .att-layout .chatmessages{background:#0e182b!important;color:var(--v324-ink)}
body.att-page :is(.att-thread,.chatthread){background:var(--v324-panel)!important;border-color:var(--v324-line)!important;color:var(--v324-ink)!important;transition:background-color .16s,border-color .16s}
body.att-page :is(.att-thread,.chatthread):hover{background:#1a2b49!important}
body.att-page :is(.att-thread.selected,.chatthread.selected){background:color-mix(in srgb,var(--v324-primary) 18%,#122039)!important;box-shadow:inset 3px 0 var(--v324-primary)!important}
body.att-page .att-thread-main{color:var(--v324-ink)!important}
body.att-page .att-thread-copy :is(strong,span){color:inherit}
body.att-page :is(.att-search,input,select,textarea){border-color:var(--v324-line)!important;color:var(--v324-ink)!important}
body.att-page :is(input,select,textarea){background:var(--v324-alt)!important;border-radius:12px!important}
body.att-page :is(input,select,textarea)::placeholder{color:#8498b7}
body.att-page .att-search{background:#1a2842!important;border-radius:12px!important}
body.att-page .att-search input{border:0!important;background:transparent!important;box-shadow:none!important}
body.att-page :is(.att-avatar,.avatar){border-radius:14px!important}
body.att-page .att-avatar{background:color-mix(in srgb,var(--v324-primary) 26%,#1f3756)!important;color:var(--v324-ink)!important}
body.att-page .att-tabs.xp-tabs button{color:var(--v324-dim)!important;border-radius:11px!important}
body.att-page .att-tabs.xp-tabs button.active{color:var(--v324-ink)!important;background:color-mix(in srgb,var(--v324-primary) 24%,#14223d)!important;border:1px solid color-mix(in srgb,var(--v324-primary) 43%,transparent)!important}
body.att-page :is(.att-tag,.att-blue,.att-orange,.att-purple,.att-red){border-radius:9px!important}
body.att-page .att-layout .att-message .bubble{background:#1c2a43!important;color:var(--v324-ink)!important;border:1px solid #2b3b59!important;border-radius:16px!important}
body.att-page .att-layout .att-message .bubble.out{background:color-mix(in srgb,var(--v324-primary) 31%,#142447)!important;border-color:color-mix(in srgb,var(--v324-primary) 41%,#20365b)!important;color:#f3f7ff!important}
body.att-page .att-layout .bubble small{color:var(--v324-dim)!important}
body.att-page .att-layout :is(.chatcontrols,#chatComposer){background:var(--v324-panel)!important;border-color:var(--v324-line)!important}
body.att-page .att-layout #chatComposer textarea{background:#1a2944!important;color:var(--v324-ink)!important;border:1px solid #31415f!important;border-radius:13px!important}
body.att-page :is(.att-new,.att-send,.att-main-action):not(.danger){background:linear-gradient(125deg,var(--v324-primary),color-mix(in srgb,var(--v324-primary) 64%,#38bdf8))!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 7px 22px color-mix(in srgb,var(--v324-primary) 24%,transparent)!important;border-radius:12px!important}
body.att-page .att-send{border-radius:12px!important}
body.att-page :is(.att-icon-button,.chathead button,.chatcontrols button){border-radius:12px!important}
body.att-page .att-layout :is(.att-icon-button,.att-contexthelp>summary):not(:hover){border-color:var(--v324-line)!important}
body.att-page :is(.att-contexthelp>div,dialog,.panel){color:var(--v324-ink);border-color:var(--v324-line)}
body.att-page .att-layout #chatComposer [data-action="assistant:rewrite"]{color:#a6d9ff!important;background:color-mix(in srgb,var(--v324-primary) 16%,#17253e)!important;border-radius:11px!important}
body.att-page button:focus-visible{outline:2px solid var(--v324-accent)!important;outline-offset:3px}
/* O layout responsivo e os controles originais continuam sob responsabilidade de attendance251.css. */
@media(max-width:900px){body.att-page .att-layout.chatlayout{border-radius:16px!important}body.att-page .att-title h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){body.att-page :is(.att-thread,.chatthread){transition:none}}