.task-filters{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}.task-filters a{padding:8px 12px;border-radius:9px;background:#e9f0f6;color:#49647d;text-decoration:none}.task-filters a.active,.task-filters a:hover{background:#dcecff;color:#076ccc}.task-layout{display:grid;grid-template-columns:1fr;gap:20px}.task-layout .task-form{display:none}.task-layout.task-form-open{grid-template-columns:minmax(0,1fr) 390px}.task-layout.task-form-open .task-form{display:block}.task-list,.task-form,.task-box{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px #173b590d}.task-row{display:grid;grid-template-columns:5px minmax(250px,1fr) 130px 145px;gap:16px;align-items:center;padding:18px;color:var(--ink);text-decoration:none;border-bottom:1px solid #e7eef4}.task-row:last-child{border:0}.task-row:hover{background:#f8fbfe}.task-row b,.task-row small{display:block}.task-row small{color:var(--muted);margin-top:4px}.priority{width:5px;height:44px;border-radius:99px;background:#88a0b3}.priority.alta,.priority-label.alta{background:#fff1dc;color:#a25a00}.priority.urgente,.priority-label.urgente{background:#ffeaed;color:#bc263a}.priority.baixa,.priority-label.baixa{background:#e9f5ff;color:#2374a8}.task-status,.priority-label{display:inline-block;width:max-content;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;background:#edf2f6;color:#60768b}.task-status.andamento{background:#e9f2ff;color:#1769b4}.task-status.aprovacao{background:#fff3d9;color:#976400}.task-status.concluida{background:#e7f8ef;color:#13794b}.task-status.cancelada{background:#f0f1f3;color:#7b8490}.task-row time{color:var(--muted);font-size:13px}.task-empty{display:grid;place-items:center;text-align:center;padding:70px 25px}.task-empty span{color:var(--muted)}.task-form{padding:20px;height:max-content}.task-form .form-title button{border:0;background:transparent;font-size:25px;color:var(--muted)}.task-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.task-head>a{color:#1478d3;text-decoration:none}.task-head>div{display:flex;gap:8px}.task-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.task-main,.task-side{display:grid;gap:18px;align-content:start}.task-box{padding:22px}.task-box h1{font-size:27px;margin:3px 0 12px}.task-box h2{font-size:17px;margin:0 0 15px}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:800;color:var(--blue)}.task-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.task-meta span{background:#f4f8fb;padding:11px;border-radius:9px}.task-meta small,.task-meta b{display:block}.task-meta small{color:var(--muted)}.check-list{display:grid;gap:8px}.check-list form{display:block}.check-item{width:100%;border:1px solid #dbe5ee;background:#fff;border-radius:10px;padding:11px;text-align:left;color:var(--ink)}.check-item span{display:inline-grid;place-items:center;width:23px;height:23px;border:2px solid #bdd0df;border-radius:6px;margin-right:9px}.check-item.done{color:#667d90;text-decoration:line-through;background:#f5faf7}.check-item.done span{background:#1b9b64;border-color:#1b9b64;color:white}.comment-form{grid-template-columns:1fr auto;align-items:end}.comment-form button{height:46px}.comments{display:grid;gap:10px;margin-top:17px}.comments>div{background:#f5f8fb;padding:12px;border-radius:9px}.comments b{margin-right:8px}.comments time{font-size:12px;color:var(--muted)}.comments p{margin:6px 0 0}.task-side form+form{margin-top:14px}.task-side button{width:100%;border:0;border-radius:9px;padding:12px;font-weight:700}.approve{background:#168a57;color:white}.return{background:#fff0f1;color:#a22837}.completed{background:#e9f9f1;color:#13794b;border-radius:10px;padding:14px;font-weight:700}.muted{color:var(--muted)}.history{display:grid;gap:14px}.history>div{position:relative;padding-left:20px}.history>div span{position:absolute;left:0;top:4px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.history>div:after{content:'';position:absolute;left:4px;top:15px;bottom:-16px;border-left:1px solid #bed0df}.history>div:last-child:after{display:none}.history b,.history small{display:block}.history small{color:var(--muted)}@media(max-width:1100px){.task-layout.task-form-open,.task-detail{grid-template-columns:1fr}.task-layout.task-form-open .task-form{grid-row:1}.task-meta{grid-template-columns:1fr 1fr}}@media(max-width:720px){.task-row{grid-template-columns:5px 1fr}.task-row .task-status,.task-row time{grid-column:2}.task-meta{grid-template-columns:1fr}.comment-form{grid-template-columns:1fr}.task-head{align-items:flex-start}.task-head>div{flex-direction:column}}