/* A2 Social 19.0.4 | identidade aprovada — Azul Premium
 * Aplicada apenas às telas autenticadas. Impressão A4 e Motz não são afetados.
 */
@media screen {
  html body.a2-palette-v1904 {
    --a2-brand: #315cf5 !important;
    --a2-brand-hover: #1d3fa9 !important;
    --a2-brand-soft: #edf3ff !important;
    --a2-brand-rgb:49,92,245;
    --a2-bg: #f6f8fb;
    --a2-surface: #fff;
    --a2-surface-2: #f8fafc;
    --a2-surface-3: #edf2f8;
    --a2-text-strong:#17243e;
    --a2-text:#34445f;
    --a2-muted:#69778a;
    --a2-line:#e4e9f0;
    --a2-line-strong:#dbe2ec;
    --workspace-blue:#315cf5;
    --workspace-coral:#8b96a7;
    --workspace-green:#64748b;
    --workspace-amber:#8b96a7;
  }
  html[data-a2-theme="dark"] body.a2-palette-v1904 {
    --a2-brand:#89a7ff !important;
    --a2-brand-hover:#b0c2ff !important;
    --a2-brand-soft:#22345c !important;
    --a2-bg:#101726;
    --a2-surface:#19243a;
    --a2-surface-2:#202e46;
    --a2-surface-3:#2a3850;
    --a2-text-strong:#f1f5fd;
    --a2-text:#d9e2f2;
    --a2-muted:#b1bfd5;
    --a2-line:#33425a;
    --a2-line-strong:#43546e;
    --workspace-blue:#89a7ff;
  }
  body.a2-palette-v1904 .sidebar a.nav-essential-main.active,
  body.a2-palette-v1904 .sidebar a.nav-essential-main:hover {
    color:var(--a2-brand) !important;
  }
  body.a2-palette-v1904 .a2-global-toolbar,
  body.a2-palette-v1904 .a2-ux81-context,
  body.a2-palette-v1904 .card,
  body.a2-palette-v1904 .metric-card {
    box-shadow:0 1px 5px rgba(33,51,81,.025);
  }
  body.a2-palette-v1904 .metric-card:nth-child(n),
  body.a2-palette-v1904 .a2-db-kpi:nth-child(n) {background:var(--a2-surface) !important}
  body.a2-palette-v1904 .metric-card:nth-child(n):before,
  body.a2-palette-v1904 .a2-client-progress-track>i,
  body.a2-palette-v1904 .a2-workspace-bar-track>i:nth-child(n),
  body.a2-palette-v1904 .a2-workspace-bar-row:nth-child(n) i,
  body.a2-palette-v1904 .a2-premium-track>span {background:var(--a2-brand) !important}
  body.a2-palette-v1904 .a2-reference-kpi:nth-child(n),
  body.a2-palette-v1904 .client-ops-summary>div:nth-child(n) {
    background:var(--a2-surface) !important;
    border-color:var(--a2-line) !important;
  }
  body.a2-palette-v1904 .badge:not(.ok):not(.warn):not(.danger),
  body.a2-palette-v1904 .client-platform-chip {
    background:var(--a2-surface-2) !important;
    color:var(--a2-muted) !important;
    border-color:var(--a2-line) !important;
  }
  body.a2-palette-v1904 .a2-brand-lock p{max-width:60ch;margin:6px 0 12px}
  body.a2-palette-v1904 .a2-brand-lock-swatch{display:flex;gap:11px;align-items:center;border:1px solid var(--a2-line);background:var(--a2-surface-2);border-radius:9px;padding:10px 12px;max-width:310px}
  body.a2-palette-v1904 .a2-brand-lock-swatch i{width:25px;height:25px;display:inline-block;background:#315cf5;border-radius:7px}
  body.a2-palette-v1904 .a2-brand-lock-swatch strong{font-size:13px}
  body.a2-palette-v1904 .a2-brand-lock-swatch small{color:var(--a2-muted);margin-left:auto}
  /* Clients — layout TaskFlow: one operational toolbar and only relevant content. */
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-kpis{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:6px 0 17px;
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat{
    padding:21px 20px;min-height:127px;margin:0;background:var(--a2-surface)!important;border:1px solid var(--a2-line)!important;border-radius:12px;display:flex;flex-direction:column;gap:6px;
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat span{font-size:12px;color:var(--a2-muted);font-weight:530}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat strong{font-size:31px;font-weight:760;line-height:1.13;letter-spacing:-.04em;color:var(--a2-text-strong)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat small{font-size:11px;color:var(--a2-muted)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace{
    padding:19px 18px 16px !important;border:1px solid var(--a2-line)!important;border-radius:13px;min-width:0;overflow:visible;background:var(--a2-surface)!important;
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace-head{
    display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:19px;flex-wrap:wrap;
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace-name h2{margin:3px 0 4px;font-size:19px;letter-spacing:-.035em;color:var(--a2-text-strong)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace-name p{color:var(--a2-muted);font-size:12px;margin:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-toolbar{display:flex;align-items:start;justify-content:end;gap:9px;flex:1;min-width:0;flex-wrap:wrap}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-search{min-width:180px;max-width:360px;flex:1}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-search input{min-height:38px;width:100%;font-size:12px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-toolbar>.btn{min-height:38px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filters{position:relative;flex:none;z-index:4}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filters>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 13px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filters>summary::-webkit-details-marker{display:none}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filter-panel{
    position:absolute;z-index:9;right:0;top:calc(100% + 8px);width:min(300px,calc(100vw - 40px));display:grid;gap:10px;padding:15px;border:1px solid var(--a2-line);border-radius:11px;background:var(--a2-surface);box-shadow:0 15px 30px rgba(20,38,68,.13)
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filter-panel .field{margin:0;min-width:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filter-panel select{width:100%;height:37px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-clear{font-size:11px;align-self:center;color:var(--a2-muted);text-decoration:none}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-card{
    display:flex;flex-direction:column;gap:14px;min-width:0;min-height:259px;border:1px solid var(--a2-line)!important;background:var(--a2-surface)!important;border-radius:13px;padding:16px!important;box-shadow:0 1px 3px rgba(15,26,50,.02);
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-card:hover{border-color:color-mix(in srgb,var(--a2-brand) 34%,var(--a2-line))!important}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-ident{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-monogram{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--a2-brand-soft);color:var(--a2-brand);font-weight:780;font-size:17px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-heading{min-width:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-heading h3{margin:0 0 2px;font-size:14px;font-weight:720;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-heading a{color:var(--a2-text-strong)!important;text-decoration:none}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-heading small{font-size:10.5px;color:var(--a2-muted);overflow-wrap:anywhere}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-tools{display:flex;align-items:center;gap:4px;flex:none}
  body.a2-ux80-page-clientes.a2-palette-v1904 .client-favorite-btn,
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more>summary{
    display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;line-height:1;border:1px solid var(--a2-line);border-radius:50%;background:var(--a2-surface);color:var(--a2-muted);font-size:18px;cursor:pointer;list-style:none;
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more{position:relative;z-index:3}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more>summary::-webkit-details-marker{display:none}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more-menu{
    position:absolute;z-index:20;top:calc(100% + 6px);right:0;min-width:170px;display:grid;padding:5px;border:1px solid var(--a2-line);border-radius:9px;background:var(--a2-surface);box-shadow:0 14px 26px rgba(20,38,68,.12)
  }
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more-menu a{padding:9px 10px;border-radius:6px;text-decoration:none;color:var(--a2-text);font-size:12px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-more-menu a:hover{background:var(--a2-brand-soft);color:var(--a2-brand)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-status,
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-type{font-size:10.5px;padding:4px 9px;border-radius:20px;font-weight:630;background:var(--a2-surface-2);border:1px solid var(--a2-line);color:var(--a2-muted)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-status.is-active{background:#ecf9f3;color:#087f65;border-color:transparent}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-block{display:grid;gap:9px;background:var(--a2-surface-2);padding:12px 13px;border-radius:10px;min-height:96px;align-content:start}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-title span{color:var(--a2-muted);font-size:11px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-title strong{font-size:13px;color:var(--a2-text-strong)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-track{height:7px;width:100%;background:var(--a2-line);border-radius:20px;overflow:hidden}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-track>i{display:block;height:100%;border-radius:20px;background:var(--a2-brand)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-progress-block p,
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-plan-missing{font-size:10.5px;margin:0;color:var(--a2-muted);line-height:1.4}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--a2-line)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-footer>div{display:grid;gap:3px;min-width:0}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-footer span{font-size:10px;color:var(--a2-muted)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-footer>a{font-size:11.5px;text-decoration:none;color:var(--a2-brand);white-space:nowrap;font-weight:700}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-pagination>span{font-size:11px;color:var(--a2-muted)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-page-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-page{padding:7px 11px;text-decoration:none;border-radius:8px;border:1px solid var(--a2-line);color:var(--a2-muted);font-size:12px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-page.is-current{background:var(--a2-brand);color:#fff;border-color:var(--a2-brand)}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-empty{text-align:center;padding:35px 15px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-empty strong{display:block;font-size:17px}
  body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-empty .btn{display:inline-block;margin-top:10px}
  @media(max-width:1280px) {
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:980px) {
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace-head{flex-direction:column}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-toolbar{justify-content:start;width:100%}
  }
  @media(max-width:650px) {
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat{min-height:111px;padding:14px 13px}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-stat strong{font-size:27px}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-client-task-grid{grid-template-columns:1fr!important}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-workspace{padding:13px!important}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-search{grid-column:1 / -1;max-width:none;width:100%}
    body.a2-ux80-page-clientes.a2-palette-v1904 .a2-clients-filter-panel{left:0;right:auto}
  }
}
