/* Goals unifies Tasks, Approvals and Rewards while preserving their existing feature logic. */
.goalsTabs{position:relative}
.goalsTabs button{display:flex;align-items:center;justify-content:center;gap:6px}
.goalsTabs button[hidden]{display:none}
.goalsTabs button b{min-width:17px;height:17px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--rose);color:#fff;font-size:9px;line-height:1}
.goalsPanel{display:none}
.goalsPanel.on{display:block}
.goalsTasksContent>.add{margin-bottom:15px}
#goalsRewardsPanel{padding:1px 0 4px}
#goalsRewardsPanel>.profileRewardsHub{margin:0}
#goalsApprovalsPanel{display:none}
#goalsApprovalsPanel.on{display:grid;gap:14px}
#goalsApprovalsPanel .todoApprovals,
#goalsApprovalsPanel .rewardApprovals{margin:0}
.goalsEmpty{display:grid;justify-items:center;gap:5px;padding:35px 20px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--muted);text-align:center}
.goalsEmpty[hidden]{display:none}
.goalsEmpty span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e7f1e9;color:#62806a;font-size:24px;font-weight:800}
.goalsEmpty b{margin-top:5px;color:var(--ink);font:600 20px/1.15 Georgia,'Times New Roman',serif}
.goalsEmpty small{max-width:260px;font-size:11px;line-height:1.45}
@media(max-width:390px){.goalsTabs button{padding:9px 5px;font-size:11px}.goalsTabs button b{min-width:16px;height:16px;font-size:8px}}