:root{color-scheme:light;--indigo:#2b3990;--text:#18203c;--muted:#515c76;--border:#d6ddeb;--paper:#fff;--surface:#f6f7fb;font-family:system-ui,sans-serif;color:var(--text);line-height:1.55}
*{box-sizing:border-box}
body{margin:0;background:var(--surface)}
a{color:var(--indigo);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid #4d5dd1;outline-offset:3px}
button,input,select,textarea{font:inherit}
button,.botao{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:.48rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--text);font-weight:650;text-decoration:none;cursor:pointer}
button:hover,.botao:hover{background:#edf0fa}
.primario{color:#fff;background:var(--indigo);border-color:var(--indigo)}
.primario:hover{background:#22307d}
button.link{min-height:36px;border:0;background:transparent;color:var(--indigo);padding:.35rem .25rem;text-decoration:underline;text-underline-offset:.2em}
h1,h2,h3,p{margin:0}
h1{font-size:2rem;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
h2{font-size:1rem;line-height:1.35}
h3{font-size:.96rem;line-height:1.4}
label{display:grid;gap:.32rem;font-size:.88rem;font-weight:650;min-width:0}
input:not([type=checkbox]),select,textarea{width:100%;min-width:0;min-height:42px;border:1px solid #a9b5d0;border-radius:7px;padding:.45rem .6rem;background:white;color:var(--text)}
textarea{resize:vertical}
input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--indigo);margin:0}
fieldset{min-width:0;margin:0;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px}
legend{padding:0 .3rem;font-weight:650;font-size:.88rem}
summary{cursor:pointer;font-weight:650;padding:.55rem 0;color:var(--indigo)}
details+details{border-top:1px solid var(--border)}
.atalho{position:absolute;left:-1000px}
.atalho:focus{z-index:2;left:1rem;top:.5rem;background:white;padding:.5rem}
.navbar{background:#fff;border-bottom:1px solid var(--border)}
.nav-inner{max-width:1720px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(.8rem,3vw,2.4rem);flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:.65rem;font-weight:700;text-decoration:none}
.marca span{font-size:.83rem;line-height:1;padding:.35rem .5rem;border-left:1px solid var(--border)}
nav{display:flex;align-items:center;gap:.85rem}
nav a{color:var(--text);font-size:.9rem;padding:.35rem;text-decoration:none}
nav a[aria-current=page]{color:var(--indigo);text-decoration:underline;font-weight:700}
.pagina{width:min(100%,1720px);margin:auto;padding:clamp(1rem,3vw,2.4rem)}
.formulario{width:min(100%,54rem)}
.acesso{display:grid;place-items:start center;padding-top:clamp(2rem,10vh,8rem)}
.login{width:min(100%,28rem);display:grid;gap:.85rem}
.login .primario{width:100%}
.titulo-pagina{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:0 0 1.3rem;flex-wrap:wrap}
.formulario>h1,.formulario>.secundario{margin-bottom:.75rem}
.contexto{font-size:.77rem;letter-spacing:.065em;text-transform:uppercase;font-weight:750;color:var(--indigo);margin-bottom:.32rem}
.secundario,.vazio,.responsavel{color:var(--muted);font-size:.88rem}
.filtros{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.filtros>label:first-child{min-width:min(100%,14rem);flex:1 1 13rem}
.filtros .check{min-height:42px}
.check,.checks,.linha,.cartao-topo,.cab-coluna,.projetos{display:flex;align-items:center;gap:.5rem}
.check{cursor:pointer;min-height:32px}
.checks,.projetos{flex-wrap:wrap}
.linha,.cartao-topo,.cab-coluna{justify-content:space-between}
.limpar{font-size:.85rem;padding:.5rem .2rem}
.quadro{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,1fr);gap:.75rem;overflow-x:auto;padding:.25rem 0 1rem;scrollbar-color:#a9b5d0 transparent}
.coluna{background:#edf0f7;padding:.68rem;border-radius:12px;min-width:0}
.cab-coluna{min-height:35px;margin-bottom:.5rem;padding:0 .15rem}
.cab-coluna h2{display:flex;align-items:center;gap:.42rem;font-size:.94rem}
.ponto{height:.53rem;width:.53rem;display:inline-block;border-radius:50%;background:#69768d}
.etapa-em_andamento{background:#4065bb}.etapa-code_review{background:#8053bc}.etapa-teste_qa{background:#a36312}.etapa-deploy{background:#376487}.etapa-concluido{background:#167455}
.contador{font-size:.78rem;min-width:1.65rem;text-align:center;border-radius:6px;background:#fff;color:var(--muted);font-weight:700}
.cartao,.painel{background:#fff;border:1px solid var(--border);border-radius:10px}
.cartao{padding:.78rem;display:grid;gap:.58rem;margin-bottom:.55rem}
.cartao:hover{border-color:#9aa8cf}
.cartao a{color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.cartao a:hover{text-decoration:underline}
.codigo{font-family:ui-monospace,monospace;font-size:.76rem;color:var(--muted)}
.prioridade,.tag{display:inline-flex;align-items:center;max-width:100%;padding:.12rem .4rem;border-radius:5px;font-size:.76rem;font-weight:650}
.tag,.prioridade-3,.prioridade-4{background:#eef1f9;color:#384564}
.prioridade-1{background:#fbe8eb;color:#881b35}.prioridade-2{background:#fff1db;color:#784901}
.pendencia{color:#754709;font-size:.82rem;font-weight:700}
.vazio{margin:.25rem 0;padding:.75rem;border:1px dashed #aab5ce;border-radius:8px}
.painel{padding:clamp(.9rem,2vw,1.3rem);min-width:0}
.pilha{display:grid;gap:.85rem;align-content:start;min-width:0}
.detalhe{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1rem;align-items:start;max-width:1200px}
.voltar{display:inline-block;margin-bottom:1rem}
.resumo{margin-top:.7rem;font-size:.88rem}
.aviso{padding:.7rem .9rem;margin-bottom:1rem;border-radius:8px;color:#15543b;background:#dff5eb}
.aviso ul{margin:.3rem 0 0;padding-left:1.3rem}
.aviso.erro{color:#7b1930;background:#ffe7ed}.aviso.alerta{color:#684100;background:#fff0d5}
.evento,.entrega{border-top:1px solid var(--border);padding-top:.65rem;overflow-wrap:anywhere}
.entrega:not(.linha){display:grid;gap:.14rem}
.acao-form{margin:.4rem 0}
.quebra{white-space:pre-wrap;overflow-wrap:anywhere}
.markdown{overflow-wrap:anywhere}
.markdown p,.markdown ul,.markdown ol,.markdown pre{margin:.4rem 0}
.markdown pre{padding:.8rem;overflow:auto;background:#edf0f7;border-radius:6px}
.imagem{display:grid;gap:.25rem;justify-items:start;overflow-wrap:anywhere}
.imagem img{max-height:160px;max-width:100%;border:1px solid var(--border);border-radius:6px}
.paginacao{flex-wrap:wrap;font-size:.84rem}
@media(max-width:720px){.detalhe{grid-template-columns:1fr}.detalhe>aside{grid-row:1}.quadro{grid-auto-columns:minmax(230px,76vw)}}