/* Organizaê — cores da marca (logo 2026). Uma paleta só: as três cores do logo
   + alertas em tons pastéis (verde = feito, amarelo = esperando/hoje, vermelho = atrasado/ajuste).
   Carregado por último: sobrepõe paletas.css, ds.css, visual.css e jornada.css. */

/* ---------- Claro ---------- */
html[data-palette]:not([data-theme="dark"]),html:root:not([data-theme="dark"]){
  --brand-deep:#281C75;--brand-mid:#5045B2;--brand-light:#8B90FE;--brand-ink:#1B114B;
  --p:#5045B2;--primary-button:#5045B2;--on-primary:#FFFFFF;
  --bg:#FEF8F1;--surface:#FFFFFF;--ink:#1B114B;--muted:#625C80;--line:#E7E2EF;
  --accent-container:#ECEBFF;--on-accent:#281C75;--reading-surface:#F7F2EA;
  --brand-primary:#5045B2;--brand-selection:#ECEBFF;--brand-background:#FEF8F1;--brand-surface:#FFFFFF;--brand-text:#1B114B;--brand-muted:#625C80;--brand-reading:#F7F2EA;
  /* Etapas: só a marca nas etapas de trabalho; cores de alerta só onde há alerta */
  --st-backlog-bg:#EFEDF6;--st-backlog-fg:#4A4466;--st-backlog-dot:#B9B5D6;
  --st-priorizado-bg:#ECEBFF;--st-priorizado-fg:#3A2E8C;--st-priorizado-dot:#B4B7FE;
  --st-andamento-bg:#E4E2F7;--st-andamento-fg:#281C75;--st-andamento-dot:#5045B2;
  --st-dev-bg:#E4E2F7;--st-dev-fg:#281C75;--st-dev-dot:#281C75;
  --st-validar-bg:#ECEBFF;--st-validar-fg:#3A2E8C;--st-validar-dot:#8B90FE;
  --st-aguardando-bg:#FFF3CC;--st-aguardando-fg:#7A5A00;--st-aguardando-dot:#F5D67A;
  --st-change-bg:#FDE3DF;--st-change-fg:#9B2C22;--st-change-dot:#F2A49B;
  --st-concluido-bg:#DDF4E5;--st-concluido-fg:#1E6B3D;--st-concluido-dot:#9FD9B2;
  /* Blocos sólidos (barra de etapas, cabeçalhos do Kanban) */
  --s-backlog:#B9B5D6;--s-backlog-on:#1B114B;
  --s-priorizado:#B4B7FE;--s-priorizado-on:#1B114B;
  --s-andamento:#5045B2;--s-andamento-on:#FFFFFF;
  --s-dev:#281C75;--s-dev-on:#FFFFFF;
  --s-validar:#8B90FE;--s-validar-on:#1B114B;
  --s-aguardando:#F5D67A;--s-aguardando-on:#4A3500;
  --s-change:#F2A49B;--s-change-on:#5A1610;
  --s-concluido:#9FD9B2;--s-concluido-on:#134A2A;
  --focus:0 0 0 3px color-mix(in srgb,#5045B2 35%,transparent);
}

/* ---------- Escuro ---------- */
html[data-palette][data-theme="dark"],html:root[data-theme="dark"]{
  --brand-deep:#281C75;--brand-mid:#5045B2;--brand-light:#8B90FE;--brand-ink:#1B114B;
  --p:#A9ADFF;--primary-button:#8B90FE;--on-primary:#16122E;
  --bg:#16122E;--surface:#211B42;--ink:#F1EEFB;--muted:#B9B5D6;--line:#3B3463;
  --accent-container:#2F2770;--on-accent:#E3E4FF;--reading-surface:#2A2450;
  --brand-primary:#A9ADFF;--brand-selection:#2F2770;--brand-background:#16122E;--brand-surface:#211B42;--brand-text:#F1EEFB;--brand-muted:#B9B5D6;--brand-reading:#2A2450;
  --st-backlog-bg:color-mix(in srgb,#B9B5D6 16%,var(--surface));--st-backlog-fg:#DCD9EE;--st-backlog-dot:#8C88AB;
  --st-priorizado-bg:color-mix(in srgb,#B4B7FE 20%,var(--surface));--st-priorizado-fg:#DADBFF;--st-priorizado-dot:#B4B7FE;
  --st-andamento-bg:color-mix(in srgb,#8B90FE 28%,var(--surface));--st-andamento-fg:#E3E4FF;--st-andamento-dot:#8B90FE;
  --st-dev-bg:color-mix(in srgb,#5045B2 45%,var(--surface));--st-dev-fg:#E3E4FF;--st-dev-dot:#6E64D6;
  --st-validar-bg:color-mix(in srgb,#8B90FE 22%,var(--surface));--st-validar-fg:#DADBFF;--st-validar-dot:#A9ADFF;
  --st-aguardando-bg:color-mix(in srgb,#F5D67A 20%,var(--surface));--st-aguardando-fg:#F8E2A0;--st-aguardando-dot:#F5D67A;
  --st-change-bg:color-mix(in srgb,#F2A49B 20%,var(--surface));--st-change-fg:#F8C3BC;--st-change-dot:#F2A49B;
  --st-concluido-bg:color-mix(in srgb,#9FD9B2 18%,var(--surface));--st-concluido-fg:#BDE7CB;--st-concluido-dot:#9FD9B2;
  --s-backlog:#8C88AB;--s-backlog-on:#16122E;
  --s-priorizado:#B4B7FE;--s-priorizado-on:#16122E;
  --s-andamento:#8B90FE;--s-andamento-on:#16122E;
  --s-dev:#6E64D6;--s-dev-on:#FFFFFF;
  --s-validar:#A9ADFF;--s-validar-on:#16122E;
  --s-aguardando:#F5D67A;--s-aguardando-on:#3A2A00;
  --s-change:#F2A49B;--s-change-on:#4A120D;
  --s-concluido:#9FD9B2;--s-concluido-on:#0F3A21;
  --focus:0 0 0 3px color-mix(in srgb,#A9ADFF 40%,transparent);
}

/* Prazos (chips) com os mesmos tons pastéis */
html body .due-chip.is-late{background:var(--st-change-bg)!important;color:var(--st-change-fg)!important}
html body .due-chip.is-today{background:var(--st-aguardando-bg)!important;color:var(--st-aguardando-fg)!important}
html body .is-done::before,html body .jtrack li.is-now::before{background:var(--s-concluido)}

/* Início: Personalizar, OrbeUp e Nova solicitação com o mesmo tamanho */
html body #view .ai-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:184px;height:40px;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:650;box-sizing:border-box}
html body #view .ai-actions>.home-custom{color:var(--ink)}
html body #view .ai-actions>.home-custom span{color:var(--p)}
@media(max-width:760px){html body #view .ai-actions>button{flex:1 1 100%;min-width:0}}
/* OrbeUp nas cores da marca */
html body .ai-start{background:linear-gradient(135deg,color-mix(in srgb,#8B90FE 26%,var(--surface)),color-mix(in srgb,#5045B2 14%,var(--surface)))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,#5045B2 30%,transparent)!important}
html body .ai-start span{color:#5045B2!important}
html[data-theme="dark"] body .ai-start span{color:#A9ADFF!important}

/* App logado, modo claro (13/11/2026): fundo cinza bem claro puxado para o lilás do logo, no lugar do creme.
   A landing (body.has-landing) continua como está. */
html:not([data-theme="dark"]) body:not(.has-landing){--bg:#F4F3F9;--brand-background:#F4F3F9;--reading-surface:#F1F0F7;--brand-reading:#F1F0F7;background:#F4F3F9}