.tf-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start}
.tf-overview-grid>*{min-width:0}.tf-overview-side{display:grid;gap:18px}.tf-overview-side .panel{margin:0}
.tf-overview-metrics{margin-bottom:22px}.tf-overview-task{border:1px solid #ffffff19;border-radius:17px;overflow:hidden;margin-bottom:18px;background:#242c32}
.tf-overview-task .panel{border:0;border-radius:0;margin:0;background:transparent}.tf-overview-deadline{margin:0;padding:13px 20px;background:#ffffff08;font-size:13px;color:#c5d0d5}.tf-overview-deadline span{color:#edc384}
.tf-overview-alerts{max-height:420px;overflow:auto}.tf-overview-alert{padding:15px 0;border-bottom:1px solid #ffffff12}.tf-overview-alert:last-child{border-bottom:0}.tf-overview-alert.unread{border-left:3px solid #acd8ce;padding-left:12px}.tf-overview-alert p{font-size:13px;line-height:1.6;margin:7px 0}.tf-overview-alert small{display:block;color:#a2b0b8;margin-top:7px;font-size:11px}
.tf-overview-grid .item{gap:16px}.tf-overview-grid .item>div{min-width:0;overflow-wrap:anywhere}.tf-overview-side h2{font-size:18px}.tf-overview-grid .emp-buttons{flex-wrap:wrap}
@media(max-width:1100px){.tf-overview-grid{grid-template-columns:1fr}.tf-overview-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.tf-overview-side{grid-template-columns:1fr}.tf-overview-grid{gap:12px}.tf-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-overview-deadline{padding:12px}.tf-overview-grid .panelhead{flex-wrap:wrap}.tf-overview-grid .emp-buttons .btn{min-height:44px}}