:root{--roxo: #825dc7;--roxo-forte: #6a46b0;--roxo-suave: #f2edfa;--roxo-borda: #d9ccf0;--menta: #a5f2b2;--menta-suave: #e9fbed;--menta-texto: #1b7a38;--cinza: #e7e7e7;--fundo: #fafafb;--papel: #ffffff;--texto: #111111;--texto-suave: #6b6b76;--alerta: #d6455d;--alerta-suave: #fdeef0;--raio: 14px;--sombra: 0 1px 2px rgba(60, 40, 100, .05), 0 6px 24px rgba(60, 40, 100, .06);--degrade: linear-gradient(90deg, #825dc7 0%, #8c88c1 55%, #a5f2b2 100%);--fonte: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fonte-titulo: "Montserrat", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--fonte-titulo);margin:0;font-weight:600;letter-spacing:-.01em}a{color:var(--roxo-forte)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.faixa{height:4px;background:var(--degrade)}.topo{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cinza)}.topo-in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}.logo-link{display:flex;align-items:center;background:none;border:0;padding:0}.logo-link img{height:38px;width:auto;display:block}.logo-link .mono{display:none;height:34px}.nav{display:flex;gap:4px;margin-left:8px}.nav button{background:none;border:0;padding:8px 12px;border-radius:10px;color:var(--texto-suave);font-weight:500;display:flex;align-items:center;gap:7px}.nav button:hover{background:var(--roxo-suave);color:var(--roxo-forte)}.nav button.ativo{background:var(--roxo-suave);color:var(--roxo-forte);font-weight:600}.espaco{flex:1}.eu{display:flex;align-items:center;gap:10px}.eu .nome{color:var(--texto-suave);font-size:13px;text-align:right;line-height:1.25}.eu .nome b{display:block;color:var(--texto);font-weight:600}.pagina{max-width:1180px;margin:0 auto;padding:26px 20px 80px}.cab{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.cab h1{font-size:26px}.cab .sub{color:var(--texto-suave);margin-top:2px}.voltar{background:none;border:0;padding:0;color:var(--roxo-forte);font-weight:500;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--cinza);background:var(--papel);font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{border-color:var(--roxo-borda);background:var(--roxo-suave)}.btn.principal{background:var(--roxo);border-color:var(--roxo);color:#fff}.btn.principal:hover{background:var(--roxo-forte);border-color:var(--roxo-forte)}.btn.perigo{color:var(--alerta)}.btn.perigo:hover{background:var(--alerta-suave);border-color:#f3c3cb}.btn.pequeno{min-height:32px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-icone{width:36px;height:36px;border-radius:10px;border:0;background:none;display:inline-grid;place-items:center;color:var(--texto-suave)}.btn-icone:hover{background:var(--roxo-suave);color:var(--roxo-forte)}.campo,.seletor,.area{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--cinza);border-radius:10px;background:var(--papel)}.area{resize:vertical;line-height:1.5}.campo:focus,.seletor:focus,.area:focus,.btn:focus-visible,button:focus-visible{outline:2px solid var(--roxo-borda);outline-offset:1px;border-color:var(--roxo)}label.rotulo{display:block;font-size:12px;font-weight:600;color:var(--texto-suave);margin:0 0 5px}.grupo{margin-bottom:14px}.linha-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.resumo-item{background:var(--papel);border:1px solid var(--cinza);border-radius:var(--raio);padding:16px 18px}.resumo-item .n{font-family:var(--fonte-titulo);font-size:30px;font-weight:600;line-height:1.1}.resumo-item .r{color:var(--texto-suave);font-size:13px;margin-top:2px}.resumo-item.alerta .n{color:var(--alerta)}.resumo-item.roxo .n{color:var(--roxo-forte)}.ferramentas{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.ferramentas .campo,.ferramentas .seletor{width:auto;min-width:190px}.busca{position:relative;flex:1;min-width:200px;max-width:360px}.busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--texto-suave);pointer-events:none}.busca .campo{padding-left:38px;width:100%}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.cartao{text-align:left;background:var(--papel);border:1px solid var(--cinza);border-radius:var(--raio);padding:18px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .18s,border-color .18s,transform .18s}.cartao:hover{box-shadow:var(--sombra);border-color:var(--roxo-borda);transform:translateY(-1px)}.cartao-topo{display:flex;align-items:center;gap:12px}.sigla{width:42px;height:42px;border-radius:12px;background:var(--roxo-suave);color:var(--roxo-forte);display:grid;place-items:center;font-family:var(--fonte-titulo);font-weight:700;font-size:14px;flex:none}.cartao h3{font-size:16px;line-height:1.2}.cartao .etiqueta{font-size:11px;color:var(--texto-suave);margin-top:2px}.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numero{background:var(--fundo);border-radius:10px;padding:9px 10px}.numero b{font-family:var(--fonte-titulo);font-size:22px;font-weight:600;display:block;line-height:1.1}.numero span{font-size:11px;color:var(--texto-suave)}.numero.atraso b{color:var(--alerta)}.numero.atraso{background:var(--alerta-suave)}.numero.zero b{color:var(--texto-suave);font-weight:500}.progresso{height:6px;border-radius:99px;background:var(--cinza);overflow:hidden}.progresso>i{display:block;height:100%;background:var(--menta);border-radius:99px}.rodape-cartao{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--texto-suave);gap:8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;background:var(--roxo-suave);color:var(--roxo-forte);white-space:nowrap}.chip.menta{background:var(--menta-suave);color:var(--menta-texto)}.chip.alerta{background:var(--alerta-suave);color:var(--alerta)}.chip.cinza{background:#f0f0f2;color:var(--texto-suave)}.vazio{text-align:center;color:var(--texto-suave);padding:48px 16px;background:var(--papel);border:1px dashed var(--cinza);border-radius:var(--raio)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.kpi{text-align:left;background:var(--papel);border:1px solid var(--cinza);border-radius:12px;padding:12px 14px;transition:border-color .15s,background .15s}.kpi:hover{border-color:var(--roxo-borda)}.kpi b{font-family:var(--fonte-titulo);font-size:24px;font-weight:600;display:block;line-height:1.1}.kpi span{font-size:12px;color:var(--texto-suave)}.kpi.ativo{border-color:var(--roxo);background:var(--roxo-suave)}.kpi.atraso b{color:var(--alerta)}.kpi.zero b{color:var(--texto-suave);font-weight:500}.alternar{display:inline-flex;background:#f0f0f2;border-radius:10px;padding:3px}.alternar button{border:0;background:none;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--texto-suave);font-weight:500}.alternar button.ativo{background:var(--papel);color:var(--roxo-forte);box-shadow:0 1px 3px #00000014;font-weight:600}.novo-rapido{display:flex;gap:8px;background:var(--papel);border:1px solid var(--cinza);border-radius:12px;padding:8px;margin-bottom:14px}.novo-rapido .campo{border:0;min-height:36px}.novo-rapido .campo:focus{outline:none}.novo-rapido .data{width:150px;border:1px solid var(--cinza);flex:none}.grupo-status{margin-bottom:18px}.grupo-cab{display:flex;align-items:center;gap:8px;padding:6px 4px;background:none;border:0;font-weight:600;width:100%;text-align:left}.grupo-cab .qtd{color:var(--texto-suave);font-weight:500}.pt{width:9px;height:9px;border-radius:50%;background:var(--cinza);flex:none}.pt.em_andamento{background:var(--roxo)}.pt.a_fazer{background:#b9b9c2}.pt.aguardando{background:#e9c46a}.pt.concluida{background:var(--menta)}.tabela{background:var(--papel);border:1px solid var(--cinza);border-radius:var(--raio);overflow:hidden}.cabecalho-tabela,.tarefa{display:grid;grid-template-columns:34px minmax(0,1fr) 150px 96px 130px 100px;gap:10px;align-items:center;padding:0 14px}.cabecalho-tabela{min-height:34px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);background:var(--fundo);border-bottom:1px solid var(--cinza)}.tarefa{min-height:52px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f2;cursor:pointer;background:var(--papel);width:100%;text-align:left;border-left:0;border-right:0;border-top:0}.tarefa:last-child{border-bottom:0}.tarefa:hover{background:#fcfbfe}.tarefa.aberta-agora{background:var(--roxo-suave)}.marca{width:22px;height:22px;border-radius:50%;border:2px solid #c9c9d2;background:none;display:grid;place-items:center;padding:0;color:transparent;flex:none}button.marca:hover{border-color:var(--roxo)}.marca.feita{background:var(--menta);border-color:var(--menta);color:var(--menta-texto)}.t-titulo{min-width:0}.t-titulo .nome{font-weight:500;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tarefa.feita-linha .nome{color:var(--texto-suave);text-decoration:line-through;text-decoration-color:#c9c9d2}.t-meta{display:flex;gap:10px;align-items:center;margin-top:3px;color:var(--texto-suave);font-size:12px;flex-wrap:wrap}.t-meta span{display:inline-flex;align-items:center;gap:4px}.entrega{font-size:13px;display:inline-flex;align-items:center;gap:6px}.entrega.atrasada{color:var(--alerta);font-weight:600}.entrega.logo{color:var(--roxo-forte);font-weight:600}.entrega.nenhuma{color:var(--texto-suave)}.criada{color:var(--texto-suave);font-size:13px}.etq-status{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.prio{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:5px;color:var(--texto-suave)}.prio.alta,.prio.urgente{color:var(--roxo-forte);font-weight:600}.prio.urgente{color:var(--alerta)}.rotulo-mobile{display:none}.quadro{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}.coluna{background:#f3f3f6;border-radius:var(--raio);padding:10px;min-height:140px}.coluna.sobre{outline:2px dashed var(--roxo);outline-offset:-4px;background:var(--roxo-suave)}.coluna-cab{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;font-weight:600}.coluna-cab .qtd{color:var(--texto-suave);font-weight:500}.cartao-tarefa{display:block;width:100%;text-align:left;background:var(--papel);border:1px solid var(--cinza);border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:0 1px 2px #00000008}.cartao-tarefa:hover{border-color:var(--roxo-borda);box-shadow:var(--sombra)}.cartao-tarefa .nome{font-weight:500;overflow-wrap:anywhere}.cartao-tarefa .base{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:8px;flex-wrap:wrap}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e4659;z-index:50;display:flex;justify-content:flex-end;animation:surge .15s ease}.fundo-modal.centro{justify-content:center;align-items:center;padding:16px}@keyframes surge{0%{opacity:0}to{opacity:1}}@keyframes desliza{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.lateral{width:min(620px,100%);height:100%;background:var(--papel);overflow-y:auto;box-shadow:-10px 0 40px #3c286426;animation:desliza .18s ease;display:flex;flex-direction:column}.lateral-cab{position:sticky;top:0;background:var(--papel);z-index:2;display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--cinza)}.lateral-cab .trilha{color:var(--texto-suave);font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lateral-corpo{padding:20px 22px 40px;display:flex;flex-direction:column;gap:22px}.titulo-edit{font-family:var(--fonte-titulo);font-size:20px;font-weight:600;border:1px solid transparent;border-radius:10px;padding:6px 8px;margin:-6px -8px;width:calc(100% + 16px);resize:none;background:none;line-height:1.3;overflow:hidden}textarea.titulo-edit:hover:not(:disabled){border-color:var(--cinza)}.titulo-edit:focus{border-color:var(--roxo);background:var(--papel)}.props{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.prop .valor{min-height:40px;display:flex;align-items:center;color:var(--texto)}.bloco-titulo{font-size:13px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.bloco-titulo .qtd{color:var(--texto-suave);font-weight:500}.interruptor{display:flex;align-items:center;gap:10px;background:var(--fundo);border-radius:10px;padding:10px 12px;font-size:13px}.interruptor input{accent-color:var(--roxo);width:18px;height:18px;flex:none}.anexos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:8px}.anexo{position:relative;border:1px solid var(--cinza);border-radius:10px;overflow:hidden;background:var(--fundo)}.anexo button.abrir{display:block;width:100%;background:none;border:0;padding:0;text-align:left}.anexo img{width:100%;height:84px;object-fit:cover;display:block}.anexo .arq{height:84px;display:grid;place-items:center;color:var(--roxo-forte);background:var(--roxo-suave)}.anexo .info{padding:6px 8px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anexo .info small{display:block;color:var(--texto-suave)}.anexo .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:#ffffffeb;display:none;place-items:center;color:var(--alerta)}.anexo:hover .x,.anexo:focus-within .x{display:grid}@media (hover: none){.anexo .x{display:grid}}.linha-tempo{display:flex;flex-direction:column;gap:12px}.nota{background:var(--fundo);border-radius:12px;padding:12px 14px}.nota.interna{background:#fff9e8;border:1px solid #f3e4ad}.nota-cab{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--texto-suave);margin-bottom:6px;flex-wrap:wrap}.nota-cab b{color:var(--texto);font-weight:600}.nota-texto{white-space:pre-wrap;overflow-wrap:anywhere}.nota-texto a{word-break:break-all}.evento{font-size:12px;color:var(--texto-suave);padding-left:4px;display:flex;gap:8px;align-items:baseline}.evento:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--roxo-borda);flex:none;transform:translateY(-1px)}.compor{border:1px solid var(--cinza);border-radius:12px;padding:10px;background:var(--papel)}.compor:focus-within{border-color:var(--roxo)}.compor textarea{width:100%;border:0;resize:vertical;min-height:70px;padding:4px;background:none;line-height:1.5}.compor textarea:focus{outline:none}.compor-base{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.pendentes{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.pendente{position:relative;width:74px;height:74px;border-radius:10px;border:1px solid var(--cinza);overflow:hidden;background:var(--roxo-suave);display:grid;place-items:center;color:var(--roxo-forte);font-size:10px;text-align:center;padding:4px}.pendente img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pendente button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:#fffffff2;display:grid;place-items:center;padding:0;color:var(--alerta)}.dica{color:var(--texto-suave);font-size:12px}.janela{background:var(--papel);border-radius:18px;width:min(520px,100%);max-height:92vh;overflow-y:auto;padding:24px;box-shadow:0 20px 60px #281e4640}.janela h2{font-size:19px;margin-bottom:4px}.janela .desc{color:var(--texto-suave);margin-bottom:18px}.janela-base{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.marcar-lista{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;border:1px solid var(--cinza);border-radius:10px;padding:6px}.marcar-lista label{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer}.marcar-lista label:hover{background:var(--roxo-suave)}.marcar-lista input{accent-color:var(--roxo);width:17px;height:17px}.caixa-link{background:var(--roxo-suave);border:1px solid var(--roxo-borda);border-radius:10px;padding:10px 12px;font-size:12px;word-break:break-all;color:var(--roxo-forte);margin:10px 0;-webkit-user-select:all;user-select:all}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e28e0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px}.lightbox img{max-width:100%;max-height:calc(100vh - 100px);border-radius:10px;background:#fff}.lightbox .acoes{display:flex;gap:10px}.aviso{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:90;background:var(--papel);border:1px solid var(--roxo-borda);border-left:4px solid var(--roxo);border-radius:12px;padding:12px 16px;box-shadow:var(--sombra);max-width:min(480px,calc(100vw - 32px));font-weight:500;animation:surge .15s ease}.aviso.erro{border-color:#f3c3cb;border-left-color:var(--alerta)}.login-fundo{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1200px 500px at 50% -10%,var(--roxo-suave),transparent),var(--fundo)}.login{width:min(420px,100%);background:var(--papel);border:1px solid var(--cinza);border-radius:20px;padding:32px 28px;box-shadow:var(--sombra);text-align:center}.login img{height:74px;margin-bottom:18px}.login h1{font-size:21px;margin-bottom:6px}.login p{color:var(--texto-suave);margin:0 0 20px}.login form{text-align:left}.login .btn{width:100%;margin-top:12px;min-height:46px}.login .ok{background:var(--menta-suave);color:var(--menta-texto);border-radius:12px;padding:14px;text-align:left;margin-top:4px}.login .barra{height:4px;border-radius:4px;background:var(--degrade);margin:22px -4px -8px}.carregando{min-height:50vh;display:grid;place-items:center;color:var(--texto-suave)}.lista-usuarios{background:var(--papel);border:1px solid var(--cinza);border-radius:var(--raio);overflow:hidden}.usuario{display:flex;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f2;flex-wrap:wrap}.usuario:last-child{border-bottom:0}.usuario .quem{flex:1;min-width:220px}.usuario .quem b{display:block;font-weight:600}.usuario .quem span{color:var(--texto-suave);font-size:13px;overflow-wrap:anywhere}.usuario .acoes{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 860px){.kpis{grid-template-columns:repeat(3,1fr)}.cabecalho-tabela{display:none}.tarefa{grid-template-columns:30px minmax(0,1fr);row-gap:6px;padding:12px 14px}.tarefa>.col-entrega,.tarefa>.col-criada,.tarefa>.col-status,.tarefa>.col-prio{grid-column:2}.tarefa .col-extra{grid-column:2;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.tarefa>.col-entrega,.tarefa>.col-criada,.tarefa>.col-status,.tarefa>.col-prio{display:none}.tarefa .col-extra .criada,.tarefa .col-extra .etq-status,.tarefa .col-extra .prio,.tarefa .col-extra .entrega{font-size:12px}.col-extra-desktop{display:none}}@media (min-width: 861px){.col-extra{display:none}}@media (max-width: 640px){.topo-in{padding:8px 14px;gap:8px}.logo-link img{display:none}.logo-link .mono{display:block}.eu .nome{display:none}.nav{margin-left:0}.nav button span{display:none}.nav button{padding:9px 11px}.pagina{padding:18px 14px 90px}.cab h1{font-size:22px}.resumo{grid-template-columns:repeat(3,1fr);gap:8px}.resumo-item{padding:12px}.resumo-item .n{font-size:24px}.resumo-item .r{font-size:11px}.cartoes{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(3,1fr);gap:8px}.kpi{padding:10px 12px}.kpi b{font-size:20px}.novo-rapido{flex-wrap:wrap}.novo-rapido .campo{flex:1 1 100%}.novo-rapido .data{flex:1;width:auto}.ferramentas .campo,.ferramentas .seletor{min-width:0;flex:1}.busca{max-width:none;flex:1 1 100%}.props{grid-template-columns:1fr}.lateral{width:100%}.lateral-corpo{padding:18px 16px 60px}.linha-form{grid-template-columns:1fr}.quadro{grid-template-columns:repeat(4,82vw);scroll-snap-type:x mandatory}.coluna{scroll-snap-align:start}.fundo-modal.centro{align-items:flex-end;padding:0}.janela{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.btn,.campo,.seletor{min-height:44px}}
