/* Taskly v18 — targeted overlap fix, team page and report motion. */
@media(min-width:781px){
  /* The sidebar toggle straddles the boundary; reserve its own lane in the topbar. */
  .topbar{padding-inline-start:clamp(76px,6vw,94px)!important;}
  .header-right{min-width:0;flex-shrink:1;}
  .header-right>div{min-width:0;}
  #pageTitle{overflow-wrap:anywhere;}
}
@media(max-width:780px){.topbar{padding-inline-start:15px!important;}}

/* Charts animate from their actual values, not fictitious placeholders. */
#reportStatusChart svg circle[data-arc-size]{will-change:stroke-dasharray;}
.hbar-track span{transform-origin:right center;will-change:transform;}
.week-bar-track span{transform-origin:center bottom;will-change:transform;}
.report-kpi,.report-widget{will-change:transform,opacity;}

/* Team directory */
.team-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.team-kpi{display:grid;gap:6px;padding:17px 19px;background:linear-gradient(145deg,#fff,#f7f7ff);border:1px solid #e6eaf8;border-radius:19px;min-height:124px;}
.team-kpi-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#efeaff;color:#4f39f6;}
.team-kpi-icon svg{width:20px;height:20px;}
.team-kpi-icon.blue{background:#e8f0ff;color:#477de0;}
.team-kpi-icon.teal{background:#e3f8ef;color:#0f9b79;}
.team-kpi-icon.green{background:#e4f1ff;color:#5379d9;}
.team-kpi strong{font-weight:900;font-size:26px;line-height:1.2;color:#253355;}
.team-kpi small{font-size:11px;color:#8591aa;font-weight:600;}
.team-members-panel{margin-bottom:16px;}
.team-members-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:21px;}
.team-members-toolbar h3{font-size:18px;margin:0 0 5px;color:inherit;}
.team-members-toolbar p{margin:0;color:var(--muted);font-size:11px;line-height:1.9;}
.team-member-filters{display:flex;gap:9px;flex-wrap:wrap;}
.team-member-filters input,.team-member-filters select{border:1px solid #e3e7f4;border-radius:11px;outline:0;background:#fbfcff;color:#3b4b71;padding:11px 13px;min-height:42px;}
.team-member-filters input{width:min(250px,100%);}
.team-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.team-member-card{min-width:0;text-align:right;border:1px solid #e9eaf8;background:linear-gradient(145deg,#fff,#fafaff);border-radius:19px;padding:17px;cursor:pointer;transition:background .23s ease,border-color .23s ease,box-shadow .23s ease;}
.team-member-card:hover,.team-member-card.selected{border-color:#afa4ff;box-shadow:0 13px 28px rgba(79,57,246,.09);}
.team-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.team-member-avatar .avatar{width:55px;height:55px;border-radius:17px;overflow:hidden;display:grid;place-items:center;}
.team-member-avatar .avatar img{width:100%;height:100%;object-fit:cover;}
.team-member-status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 10px;background:#e9f9f1;color:#117f60;font-size:10px;font-weight:800;}
.team-member-status.inactive{background:#edf0f5;color:#748198;}
.team-member-status i{height:6px;width:6px;border-radius:50%;background:currentColor;}
.team-member-name{display:block;font-size:15px;font-weight:900;line-height:1.9;}
.team-member-role{color:var(--muted);font-size:11px;}
.team-mini-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.team-mini-metrics span{border-radius:9px;background:#f2f2fc;color:#4c5480;font-size:10px;padding:6px 9px;font-weight:700;}
.team-progress-caption{margin:16px 0 7px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);}
.team-progress-caption b{color:#5c49e9;}
.team-progress-track{height:8px;border-radius:999px;background:#ebecf8;overflow:hidden;}
.team-progress-track span{display:block;border-radius:inherit;height:100%;background:linear-gradient(95deg,#4f39f6,#8c78eb);transition:width .7s ease;}
.team-card-bottom{border-top:1px solid #edf0f8;padding-top:13px;margin-top:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#8b94af;min-width:0;}
.team-card-bottom>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right;}
.team-card-view{flex:none;color:#5a45dd;font-weight:800;}
.team-empty{text-align:center;color:var(--muted);padding:40px 12px;}
.team-member-detail{padding:20px 23px;}
.team-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.team-detail-person{display:flex;align-items:center;gap:13px;}
.team-detail-person strong{font-size:16px;}
.team-detail-person p{font-size:11px;line-height:1.9;color:var(--muted);margin:5px 0 0;}
.team-detail-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.team-detail-actions .btn{display:inline-flex;align-items:center;gap:7px;font-size:11px;min-height:36px;padding:8px 12px;}
.team-detail-actions .btn svg{width:15px;height:15px;}
.team-remove-button{background:#fff0f1!important;color:#bc3858!important;border:1px solid #ffd5dc!important;}
.team-detail-statline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;padding:13px;border-radius:13px;background:#f6f7ff;}
.team-detail-statline span{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px;}
.team-detail-statline b{font-size:17px;color:var(--ink);}
.team-detail-subtitle{font-size:13px;font-weight:850;margin-bottom:10px;}
.team-detail-task-list{display:grid;gap:7px;}
.team-detail-task{width:100%;display:flex;align-items:center;gap:14px;border:1px solid #edf0f7;background:#fff;border-radius:11px;padding:11px 14px;text-align:right;}
.team-detail-task:hover{border-color:#9d95e8;background:#fafaff;}
.team-detail-task-name{font-size:12px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.team-detail-task small{color:var(--muted);}
.team-detail-empty{padding:24px 0;text-align:center;font-size:12px;color:var(--muted);}
.team-form-error{min-height:16px;color:#d34459;font-size:12px;margin-top:5px;}
html[data-theme="dark"] .team-kpi,html[data-theme="dark"] .team-member-card{background:linear-gradient(145deg,#192136,#111a2b);border-color:#2b3551;}
html[data-theme="dark"] .team-kpi strong{color:#edf0ff;}
html[data-theme="dark"] .team-member-card:hover,html[data-theme="dark"] .team-member-card.selected{border-color:#7564dd;box-shadow:0 10px 27px rgba(79,57,246,.12);}
html[data-theme="dark"] .team-member-filters input,html[data-theme="dark"] .team-member-filters select{background:#151d32;border-color:#303b59;color:#e9edff;}
html[data-theme="dark"] .team-mini-metrics span{background:#252844;color:#c6d0f4;}
html[data-theme="dark"] .team-progress-track{background:#303850;}
html[data-theme="dark"] .team-card-bottom{border-color:#303a53;}
html[data-theme="dark"] .team-detail-statline{background:#1b253b;}
html[data-theme="dark"] .team-detail-statline b{color:#e9edff;}
html[data-theme="dark"] .team-detail-task{background:#1b243a;border-color:#303a54;color:#e6ebff;}
html[data-theme="dark"] .team-detail-task:hover{background:#242e46;border-color:#6257ab;}
html[data-theme="dark"] .team-remove-button{background:#462834!important;color:#ffafbd!important;border-color:#764055!important;}
@media(max-width:1320px){.team-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:950px){.team-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.team-member-grid{grid-template-columns:1fr}.team-kpi-grid{gap:9px}.team-kpi{padding:12px;min-height:100px}.team-member-filters,.team-member-filters input{width:100%}.team-detail-statline{grid-template-columns:repeat(2,minmax(0,1fr))}.team-detail-actions{width:100%}.team-detail-task{flex-wrap:wrap}.feature-heading.team-page-heading .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.team-member-card,.team-progress-track span{transition:none;}}