.mentioned-task-section{margin-top:22px!important;border-color:#7288ed42!important;background:linear-gradient(145deg,#7187ed0b,var(--surface))!important}
.mentioned-task-section>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:14px}
.mentioned-task-section>header>span{display:grid;gap:3px}.mentioned-task-section>header small{color:#91a2f5;font-size:8px;font-weight:900;letter-spacing:.12em}.mentioned-task-section>header strong{font-size:14px}.mentioned-task-section>header em{color:var(--muted);font-size:9px;font-style:normal}.mentioned-task-section>header>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7187ed55;border-radius:10px;background:#7187ed16;color:#b9c4ff;font-size:12px}
.mentioned-task-list{display:grid;gap:8px;margin-top:12px}.mentioned-task-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(115deg,var(--surface-2),transparent);cursor:pointer;transition:.18s}.mentioned-task-card:hover,.mentioned-task-card:focus-visible{border-color:#7187ed66;box-shadow:0 10px 28px #0003;transform:translateY(-1px);outline:0}.mentioned-task-card.has-unread{border-color:#e5a94b66;background:linear-gradient(115deg,#e5a94b12,var(--surface-2))}.mentioned-task-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7187ed55;border-radius:11px;background:#7187ed18;color:#b7c3ff;font-size:16px;font-weight:900}.mentioned-task-card.has-unread .mentioned-task-symbol{border-color:#e5a94b77;background:#e5a94b18;color:#ffd17c}.mentioned-task-card>div{display:grid;gap:5px;min-width:0}.mentioned-task-card header,.mentioned-task-card footer{display:flex;align-items:center;gap:10px}.mentioned-task-card header strong{overflow:hidden;flex:1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mentioned-task-card header b{padding:4px 7px;border-radius:999px;background:#e5a94b;color:#211608;font-size:7px;text-transform:uppercase}.mentioned-task-card p{margin:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mentioned-task-card footer{color:var(--muted);font-size:8px}.mentioned-task-card footer strong{color:var(--text)}.mentioned-task-card footer em{margin-left:auto;color:#9cacf8;font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase}
@media(max-width:680px){.mentioned-task-section>header{grid-template-columns:1fr 34px}.mentioned-task-section>header>em{display:none}.mentioned-task-card footer span:nth-child(2){display:none}}
