.tasks{flex-direction:column}.tasks>.task{display:block;position:relative;width:100%;background:#384047;border:1px solid #384047;font-size:var(--missive-font-size);font-weight:bold;color:#eee;padding:10px;margin:0 0 8px;border-radius:8px;box-shadow:0 2px 16px #0006}.tasks>.task:hover{text-decoration:none}.tasks>.task span{display:block;width:85%}.tasks>.task span.assigned{position:absolute;top:10px;right:10px;width:30px;height:30px}.tasks>.task span.assigned img{display:block;width:30px;height:30px;background:#000;border-radius:50%}.tasks>.task span.status{color:var(--missive-text-color-c);font-weight:400;font-size:calc(var(--missive-font-size) - 2px)}.tasks>.task span.status .color{display:inline-block;height:10px;width:10px;background-color:#000;border-radius:50%;margin-right:3px;vertical-align:middle}.tasks>.task span.status .name{display:inline-block;width:auto;vertical-align:middle;text-transform:capitalize}.tasks>.task span.space{margin:0 0 8px;color:var(--missive-text-color-d);font-weight:400;font-size:calc(var(--missive-font-size) - 2px)}.tasks>.task span.tags{margin:4px 0 0}.tasks>.task span.tags .tag{display:inline-block;width:auto;margin-right:5px;font-size:calc(var(--missive-font-size) - 4px);line-height:16px;height:16px;padding:0 10px;border-top-right-radius:8px;border-bottom-right-radius:8px;color:#fff}.button{border-top:3px solid transparent;background:#2b343b;color:#abaeb0;font-weight:bold}.button:hover{background:#20272c;color:#9ea1a4}.button.button-pending{border-color:#667684}.button.button-estimate{border-color:#3397dd}.button.button-assigned{border-color:#f9d900}.button.button-completed{border-color:#6bc950}.button.button-ongoing{border-color:#9b59b6}.button.button-inprogress{border-color:#ff7800}.button-columns{flex-wrap:wrap}.button-columns .column{width:50%;padding:3px}.button-columns .column .button{width:100%}body{background:#1e272e;color:#abaeb0}