:root{--cor-fundo: oklch(97% .005 90);--cor-superficie: oklch(100% 0 0);--cor-superficie-2: oklch(94.5% .008 90);--cor-borda: oklch(88% .01 90);--cor-texto: oklch(22% .02 270);--cor-texto-suave: oklch(45% .015 270);--cor-tinta: oklch(24% .03 275);--cor-tinta-texto: oklch(92% .01 90);--cor-tinta-texto-suave: oklch(70% .015 90);--cor-acento: oklch(72% .15 70);--cor-acento-forte: oklch(58% .14 60);--cor-acento-contraste: oklch(20% .03 70);--cor-erro: oklch(55% .19 25);--cor-erro-fundo: oklch(95% .03 25);--cor-ok: oklch(60% .13 155);--fonte-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--texto-sm: .8125rem;--texto-base: .9375rem;--texto-lg: 1.125rem;--texto-titulo: clamp(1.4rem, 1.2rem + .8vw, 1.8rem);--espaco-1: .25rem;--espaco-2: .5rem;--espaco-3: .75rem;--espaco-4: 1rem;--espaco-6: 1.5rem;--espaco-8: 2rem;--raio-s: 6px;--raio-m: 10px;--sombra-1: 0 1px 2px oklch(20% .02 270 / .08), 0 2px 8px oklch(20% .02 270 / .06);--sombra-2: 0 4px 16px oklch(20% .02 270 / .12);--duracao-rapida: .14s;--curva-padrao: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--fonte-ui);font-size:var(--texto-base);color:var(--cor-texto);background:var(--cor-fundo);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,select{font:inherit}a{color:inherit}.campo{display:flex;flex-direction:column;gap:var(--espaco-1)}.campo label{font-size:var(--texto-sm);font-weight:600;color:var(--cor-texto-suave)}.campo input,.campo select{padding:var(--espaco-2) var(--espaco-3);border:1px solid var(--cor-borda);border-radius:var(--raio-s);background:var(--cor-superficie);transition:border-color var(--duracao-rapida) var(--curva-padrao),box-shadow var(--duracao-rapida) var(--curva-padrao)}.campo input:focus-visible,.campo select:focus-visible{outline:none;border-color:var(--cor-acento-forte);box-shadow:0 0 0 3px #df911a40}.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--espaco-2);padding:var(--espaco-2) var(--espaco-4);border:none;border-radius:var(--raio-s);font-weight:600;background:var(--cor-acento);color:var(--cor-acento-contraste);transition:filter var(--duracao-rapida) var(--curva-padrao),transform var(--duracao-rapida) var(--curva-padrao)}.botao:hover{filter:brightness(1.06)}.botao:active{transform:translateY(1px)}.botao:focus-visible{outline:2px solid var(--cor-acento-forte);outline-offset:2px}.botao:disabled{opacity:.55;cursor:not-allowed}.botao--fantasma{background:transparent;color:inherit;border:1px solid var(--cor-borda)}.erro-inline{background:var(--cor-erro-fundo);color:var(--cor-erro);border-radius:var(--raio-s);padding:var(--espaco-2) var(--espaco-3);font-size:var(--texto-sm)}.login-tela{min-height:100%;display:grid;place-items:center;background:radial-gradient(60rem 30rem at 85% -10%,oklch(72% .15 70 / .14),transparent 60%),var(--cor-tinta);padding:var(--espaco-4)}.login-cartao{width:min(24rem,100%);background:var(--cor-superficie);border-radius:var(--raio-m);box-shadow:var(--sombra-2);padding:var(--espaco-8);display:flex;flex-direction:column;gap:var(--espaco-4)}.login-marca{display:flex;flex-direction:column;gap:var(--espaco-1)}.login-marca strong{font-size:var(--texto-titulo);letter-spacing:-.02em}.login-marca span{color:var(--cor-texto-suave);font-size:var(--texto-sm)}.app-casca{display:grid;grid-template-columns:15rem 1fr;height:100%}.sidebar{background:var(--cor-tinta);color:var(--cor-tinta-texto);display:flex;flex-direction:column;padding:var(--espaco-4);gap:var(--espaco-6)}.sidebar-marca{font-weight:700;font-size:var(--texto-lg);letter-spacing:-.02em}.sidebar-marca em{font-style:normal;color:var(--cor-acento)}.sidebar nav{display:flex;flex-direction:column;gap:var(--espaco-1);flex:1}.sidebar nav a{padding:var(--espaco-2) var(--espaco-3);border-radius:var(--raio-s);text-decoration:none;color:var(--cor-tinta-texto-suave);transition:background var(--duracao-rapida) var(--curva-padrao),color var(--duracao-rapida) var(--curva-padrao)}.sidebar nav a:hover{background:#ffffff12;color:var(--cor-tinta-texto)}.sidebar nav a.ativo{background:#ffffff1f;color:var(--cor-tinta-texto);box-shadow:inset 3px 0 0 var(--cor-acento)}.sidebar-usuario{border-top:1px solid oklch(100% 0 0 / .12);padding-top:var(--espaco-4);display:flex;flex-direction:column;gap:var(--espaco-2);font-size:var(--texto-sm)}.sidebar-usuario .papel{color:var(--cor-tinta-texto-suave);text-transform:capitalize}.conteudo{padding:var(--espaco-8);overflow:auto}.conteudo h1{margin:0 0 var(--espaco-6);font-size:var(--texto-titulo);letter-spacing:-.02em}.cartao{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio-m);box-shadow:var(--sombra-1);padding:var(--espaco-6)}.tabela{width:100%;border-collapse:collapse;font-size:var(--texto-sm)}.tabela th{text-align:left;color:var(--cor-texto-suave);font-weight:600;padding:var(--espaco-2) var(--espaco-3);border-bottom:2px solid var(--cor-borda)}.tabela td{padding:var(--espaco-3);border-bottom:1px solid var(--cor-borda)}.tabela tr:hover td{background:var(--cor-superficie-2)}.selo{display:inline-block;padding:2px var(--espaco-2);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.selo--ativo{background:#2c965d26;color:var(--cor-ok)}.selo--inativo{background:#c92f331f;color:var(--cor-erro)}.carregando{color:var(--cor-texto-suave);padding:var(--espaco-8);text-align:center}.campo textarea{padding:var(--espaco-2) var(--espaco-3);border:1px solid var(--cor-borda);border-radius:var(--raio-s);background:var(--cor-superficie);resize:vertical;font:inherit}.campo textarea:focus-visible{outline:none;border-color:var(--cor-acento-forte);box-shadow:0 0 0 3px #df911a40}.modal-fundo{position:fixed;inset:0;background:#080b148c;display:grid;place-items:center;z-index:50;padding:var(--espaco-4)}.modal{width:min(32rem,100%);max-height:90vh;overflow:auto;background:var(--cor-superficie);border-radius:var(--raio-m);box-shadow:var(--sombra-2);padding:var(--espaco-6);display:flex;flex-direction:column;gap:var(--espaco-4)}.modal h2{margin:0;font-size:var(--texto-lg)}.quadro-topo{display:flex;align-items:center;gap:var(--espaco-4);margin-bottom:var(--espaco-6);flex-wrap:wrap}.seletor-esteira{padding:var(--espaco-2) var(--espaco-3);border:1px solid var(--cor-borda);border-radius:var(--raio-s);background:var(--cor-superficie);font-weight:600;max-width:22rem}.quadro{display:flex;gap:var(--espaco-4);align-items:flex-start;overflow-x:auto;padding-bottom:var(--espaco-4)}.coluna{flex:0 0 16.5rem;background:var(--cor-superficie-2);border-radius:var(--raio-m);padding:var(--espaco-3);display:flex;flex-direction:column;gap:var(--espaco-3);max-height:calc(100vh - 14rem)}.coluna--destino{outline:2px dashed var(--cor-acento-forte);outline-offset:2px}.coluna-cabecalho{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:var(--texto-sm);color:var(--cor-texto-suave);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--espaco-1)}.contador{background:var(--cor-superficie);border-radius:999px;padding:1px var(--espaco-2);font-size:.75rem;font-weight:700}.contador--estourado{background:var(--cor-erro-fundo);color:var(--cor-erro)}.coluna-cartoes{display:flex;flex-direction:column;gap:var(--espaco-2);overflow-y:auto;min-height:3rem}.cartao-demanda{text-align:left;border:1px solid var(--cor-borda);background:var(--cor-superficie);border-radius:var(--raio-s);padding:var(--espaco-3);display:flex;flex-direction:column;gap:var(--espaco-2);box-shadow:var(--sombra-1);transition:transform var(--duracao-rapida) var(--curva-padrao),box-shadow var(--duracao-rapida) var(--curva-padrao)}.cartao-demanda:hover{transform:translateY(-1px);box-shadow:var(--sombra-2)}.cartao-demanda--atrasada{border-left:3px solid var(--cor-erro)}.cartao-demanda--arrastando{opacity:.4}.cartao-demanda-topo{display:flex;justify-content:space-between;align-items:center;gap:var(--espaco-2)}.cartao-demanda-codigo{font-size:.72rem;font-weight:700;color:var(--cor-texto-suave);letter-spacing:.03em}.cartao-demanda-titulo{font-weight:600;line-height:1.3}.cartao-demanda-rodape{display:flex;justify-content:space-between;align-items:center;gap:var(--espaco-2)}.prazo{font-size:.75rem;color:var(--cor-texto-suave)}.prazo-atrasado{font-size:.75rem;color:var(--cor-erro);font-weight:700}.chip-prioridade{font-size:.68rem;font-weight:700;border-radius:999px;padding:1px var(--espaco-2);text-transform:uppercase;letter-spacing:.03em}.chip-prioridade--baixa{background:#d4dfebb3;color:#334a62}.chip-prioridade--media{background:#badbfe;color:#174276}.chip-prioridade--alta{background:#ffd6a6;background:oklch(90% .08 70);color:#814300;color:oklch(45% .12 60)}.chip-prioridade--urgente{background:#c92f33;color:#fcf3f2}.avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--cor-tinta);color:var(--cor-tinta-texto);display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0}.avatar--vazio{background:var(--cor-superficie-2);color:var(--cor-texto-suave);border:1px dashed var(--cor-borda)}.consolidada-cabecalho{display:flex;align-items:center;gap:var(--espaco-3);margin-bottom:var(--espaco-3)}.consolidada-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--espaco-2)}.vazio{color:var(--cor-texto-suave);font-size:var(--texto-sm)}.drawer-fundo{position:fixed;inset:0;background:#080b1459;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(30rem,100%);height:100%;background:var(--cor-superficie);box-shadow:var(--sombra-2);padding:var(--espaco-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--espaco-4);animation:drawer-entrada .2s var(--curva-padrao)}@keyframes drawer-entrada{0%{transform:translate(2rem);opacity:0}to{transform:translate(0);opacity:1}}.drawer-cabecalho{display:flex;justify-content:space-between;align-items:center}.drawer-corpo{display:flex;flex-direction:column;gap:var(--espaco-4)}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-3)}.drawer-meta{display:grid;grid-template-columns:auto 1fr;gap:var(--espaco-2) var(--espaco-4);margin:0}.drawer-meta dt{font-weight:600;color:var(--cor-texto-suave);font-size:var(--texto-sm)}.drawer-meta dd{margin:0}.drawer-historico h3{margin:0 0 var(--espaco-3);font-size:var(--texto-base);color:var(--cor-texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:var(--texto-sm)}.linha-tempo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--espaco-2);border-left:2px solid var(--cor-borda)}.linha-tempo li{padding-left:var(--espaco-4);position:relative;font-size:var(--texto-sm);display:flex;flex-direction:column}.linha-tempo li:before{content:"";position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--cor-acento)}.linha-tempo-data{color:var(--cor-texto-suave);font-size:.72rem}.config-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:var(--espaco-4);align-items:start}.config-titulo{margin:0 0 var(--espaco-4);font-size:var(--texto-base);text-transform:uppercase;letter-spacing:.04em;color:var(--cor-texto-suave)}.config-form{display:flex;gap:var(--espaco-2);margin-top:var(--espaco-4);flex-wrap:wrap;align-items:center}.config-form input,.config-form select{padding:var(--espaco-2) var(--espaco-3);border:1px solid var(--cor-borda);border-radius:var(--raio-s);background:var(--cor-superficie)}.config-form input[type=color]{padding:2px;width:3rem;height:2.2rem}.barra-filtros{display:flex;gap:var(--espaco-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--espaco-4)}.barra-filtros input:not([type=checkbox]),.barra-filtros select{padding:var(--espaco-2) var(--espaco-3);border:1px solid var(--cor-borda);border-radius:var(--raio-s);background:var(--cor-superficie);font-size:var(--texto-sm)}.filtro-atrasadas{display:flex;align-items:center;gap:var(--espaco-1);font-size:var(--texto-sm);color:var(--cor-texto-suave);cursor:pointer}a.botao{text-decoration:none}.tabela-scroll{overflow-x:auto}.esteiras-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--espaco-4);align-items:stretch}.esteira-cartao{display:flex;flex-direction:column;gap:var(--espaco-3)}.esteira-cartao-topo{display:flex;align-items:center;gap:var(--espaco-3)}.esteira-cartao-topo h2{margin:0;font-size:var(--texto-lg);letter-spacing:-.01em}.esteira-descricao{margin:0;color:var(--cor-texto-suave);font-size:var(--texto-sm)}.esteira-filhas{display:flex;flex-wrap:wrap;gap:var(--espaco-2)}.filha-chip{padding:2px var(--espaco-3);border-radius:999px;background:var(--cor-superficie-2);border:1px solid var(--cor-borda);font-size:var(--texto-sm);text-decoration:none;transition:border-color var(--duracao-rapida) var(--curva-padrao)}.filha-chip:hover{border-color:var(--cor-acento-forte)}.esteira-acoes{display:flex;gap:var(--espaco-2);margin-top:auto;flex-wrap:wrap}