/* css/base.css — logos, variáveis de cor (tokens), reset */
/* ============================================================
   styles.css — Portal de Gestão RPA (EMS & Cognition)
   ============================================================ */
.logo-cognition { background-image: url('../assets/logo-cognition.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.logo-ems { background-image: url('../assets/logo-ems.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.logo-blueprism { background-image: url('../assets/logo-blueprism-old.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 38px; height: 38px; display: inline-block; vertical-align: middle; flex-shrink: 0; }
.logos-container { display: flex; align-items: center; gap: 12px; }
.logo-item { width: 110px; height: 40px; }
.logos-container-gate { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 16px; }
.logo-item-gate { width: 120px; height: 44px; }
.logo-home { width: 140px; height: 50px; }

:root {
  box-sizing: border-box; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px);
  --bg: #0E141C; --panel: #151D28; --ink: #E7ECF3; --muted: #93A2B5; --line: #273241; --soft: #1A2330;
  --main: #7FA6E8; --man: #FF7B54; --ext: #3CC4B2; --mel: #818CF8; --inc-col: #FC8181; --oth: #5F6E82;
  --accent: #7FA6E8; --chip: #243041; --chip-on: #7FA6E8; --chip-on-ink: #0E141C; --warn: #F0A060;
  --warn-bg: #2A1B0E; --warn-border: #7C3D12; --alert: #A32A22; --alert-line: #FF8A80;
  --st-backlog: #4372C4; --st-map: #3F6DBE; --st-viab: #3963B3; --st-pdd: #335AA8; --st-dev: #2D519C;
  --st-homolog: #2A8472; --st-assist: #25805A; --st-entregue: #1F7A50; --st-canc: #B05555;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="dark"]) {
    --st-backlog: #4372C4; --st-map: #3F6DBE; --st-viab: #3963B3; --st-pdd: #335AA8; --st-dev: #2D519C;
    --st-homolog: #2A8472; --st-assist: #25805A; --st-entregue: #1F7A50; --st-canc: #B05555;
  }
}

*, *::before, *::after { box-sizing: inherit; }
button, select, input { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Customização global da barra de rolagem (Scroll) */
::-webkit-scrollbar {
  width: 8px;  /* Largura do scroll vertical */
  height: 8px; /* Altura do scroll horizontal */
}

::-webkit-scrollbar-track {
  background: transparent; /* Fundo invisível para não marcar a tela */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--line); /* Usa a cor das linhas do seu tema (discreto) */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--muted); /* Fica ligeiramente mais claro ao passar o mouse */
}

/* Suporte para Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}