.readonly-tasks-view{display:none;padding:28px 0}.readonly-tasks-mode #readonlyTasksView{display:block}.readonly-tasks-mode #proDashboard,.readonly-tasks-mode main>section:not(#readonlyTasksView),.readonly-tasks-mode main>.columns{display:none!important}
.readonly-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.readonly-heading h2{font-size:24px;margin:0;color:#172033}.readonly-heading p{font-size:11px;color:#727d8e;margin:5px 0 0}.readonly-heading>span{background:#edf4fb;color:#356ea8;border:1px solid #d6e5f4;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;text-transform:uppercase}
.readonly-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.readonly-filter label{display:flex;align-items:center;gap:8px;color:#697586;font-size:10px}.readonly-filter select{border:1px solid #dce3eb;border-radius:7px;background:#fff;padding:7px 28px 7px 9px}.clear-project-task-filter{border:0;background:#e9f2fb;color:#28669e;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.project-task-link{border:0;background:transparent;color:#286da8;font-size:9px;font-weight:800;text-decoration:underline;cursor:pointer;padding:2px 0}.project-task-link:hover{color:#174e7d}
.readonly-task-table{background:#fff;border:1px solid #dfe5ec;border-radius:11px;overflow:auto}.readonly-task-table table{width:100%;border-collapse:collapse}.readonly-task-table th,.readonly-task-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf0f4;vertical-align:top}.readonly-task-table th{background:#fafbfc;color:#7c8797;font-size:8px;text-transform:uppercase}.readonly-task-table td{font-size:10px}.readonly-task-table td>small{display:block;color:#7d8795;margin-top:4px}.ro-progress{height:6px;background:#e6ebf0;border-radius:7px;overflow:hidden;margin:9px 0 3px}.ro-progress i{display:block;height:100%;background:linear-gradient(90deg,#4d87e4,#55aa78)}.ro-pill{display:inline-block;padding:4px 7px;border-radius:5px;font-size:8px;background:#edf4fb;color:#356ea8}.ro-pill.high{background:#fff0d8;color:#a96812}.ro-pill.critical{background:#fce8ea;color:#c33f4d}.ro-assignee{display:grid;grid-template-columns:1fr auto;gap:1px 12px;padding:5px 0;border-bottom:1px solid #eef1f4;min-width:220px}.ro-assignee:last-child{border:0}.ro-assignee b{font-size:9px}.ro-assignee small{color:#7d8795}.ro-assignee strong{grid-column:2;grid-row:1/3;align-self:center;color:#356ea8}.ro-assignee strong.done{color:#258361}.ro-empty{text-align:center;color:#8a93a0;padding:30px!important}
@media(max-width:760px){.readonly-heading{align-items:flex-start}.readonly-task-table table{min-width:780px}}