.workspaceHome .tasksPanel { display:block; margin:24px 0; padding:24px; background:#fff; border:1px solid #dce5ef; border-radius:16px; }
.workspaceHome .tasksPanel .clipboardArt { display:none; }
.workspaceHome .tasksContent { width:100%; }
.workspaceHome .taskRail { display:block; }
.learningTask { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid #e4eaf2; }
.learningTask div { min-width:0; }
.learningTask strong,.learningTask span { display:block; }
.learningTask span { color:#536780; margin-top:5px; font-size:14px; }
.learningTask p { overflow-wrap:anywhere; }
.learningButton,.learningActions button,.learningDialog button,.learningPanel button { font:inherit; font-weight:600; border:1px solid #c7d5e7; border-radius:8px; background:#fff; color:#064bbf; padding:10px 14px; cursor:pointer; text-decoration:none; }
.learningButton { display:inline-block; flex-shrink:0; }
.learningActions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.learningActions button:disabled,.learningDialog button:disabled,.learningPanel button:disabled { opacity:.5; cursor:wait; }
.teamLessonList label { display:flex; align-items:flex-start; gap:8px; }
.teamLessonList input[type=checkbox] { width:18px; height:18px; flex-shrink:0; margin-top:2px; accent-color:#075beb; }
.teamLessonList .teamVideoLibrary { display:block; }
.teamVideoLibrary details { width:100%; min-width:0; }
.teamVideoLibrary summary { cursor:pointer; font-weight:600; overflow-wrap:anywhere; }
.teamVideoLibrary summary span { font-weight:400; color:#536780; }
.teamVideoLibrary ul { list-style:none; margin:12px 0; padding:0; max-height:340px; overflow:auto; }
.teamVideoLibrary li { padding:10px 0; }
.teamVideoLibrary li[hidden] { display:none; }
.teamVideoLibrary label { overflow-wrap:anywhere; }
.teamVideoLibrary .teamVideoSearch { display:grid; gap:6px; }
.teamVideoSearch input,.learningPanel select { width:100%; min-width:0; box-sizing:border-box; padding:10px; border:1px solid #bbcce0; border-radius:8px; background:white; color:#132b48; font:inherit; }
.learningDialog { width:min(720px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:0; border:1px solid #dbe4f0; border-radius:16px; color:#12223c; background:white; box-shadow:0 24px 80px #07172c44; }
.learningDialog::backdrop { background:#07172c99; }
.learningDialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 24px; border-bottom:1px solid #e4eaf2; }
.learningDialog h2 { margin:0; font-size:22px; }
.learningDialogBody { padding:24px; }
.learningPanel { padding:24px; border:1px solid #cbdcf0; border-radius:12px; background:#f6faff; margin:24px 0; }
.learningPanel fieldset,.learningDialog fieldset { min-width:0; margin:18px 0; padding:16px; border:1px solid #cbd7e7; border-radius:8px; }
.learningPanel legend,.learningDialog legend { font-weight:650; padding:0 6px; }
.learningPanel label,.learningDialog label { display:grid; gap:8px; margin:12px 0; font-weight:500; }
.learningPanel input:not([type=checkbox]):not([type=radio]),.learningDialog input,.learningPanel textarea,.learningDialog textarea,.learningDialog select { width:100%; box-sizing:border-box; border:1px solid #bbcce0; border-radius:8px; padding:12px; color:#132b48; background:white; font:inherit; }
.learningPanel textarea,.learningDialog textarea { min-height:110px; resize:vertical; }
.learningPanel label.learningChoice { display:flex; gap:10px; align-items:flex-start; font-weight:400; }
.learningChoice input { flex-shrink:0; margin-top:4px; }
.learningPanel [role=status],.learningDialog [role=status] { color:#9b2828; }
.learningEvidence { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 system-ui,sans-serif; padding:14px; background:#f0f4f9; border-radius:8px; max-height:380px; overflow:auto; }
.learningDialog details { margin:16px 0; }
.learningFeedback { border-left:3px solid #1668e3; padding:12px; background:white; }
.learningTakeaways li { padding:8px 0; line-height:1.6; }
.learningWritten { white-space:pre-wrap; overflow-wrap:anywhere; }
.myTeamPage .teamMemberCard { min-width:0; }
.myTeamPage .teamMemberCard header>div { min-width:0; }
.myTeamPage .teamMemberCard h2 { overflow-wrap:anywhere; }
.myTeamPage .teamBreakdown>div { grid-template-columns:repeat(5,minmax(0,1fr)); }
.myTeamPage .teamBreakdown small { overflow-wrap:anywhere; }
@media(max-width:600px) { .myTeamPage .teamMemberGrid { grid-template-columns:minmax(0,1fr); } .myTeamPage .teamTraining summary { flex-wrap:wrap; gap:8px; } .myTeamPage .teamCourseHeading { flex-wrap:wrap; } }
@media(max-width:600px) { .learningTask { align-items:flex-start; flex-direction:column; } .learningDialogBody,.learningDialog header,.learningPanel { padding:16px; } .learningDialog { max-height:calc(100dvh - 20px); } .learningDialog h2 { font-size:19px; } .learningPanel fieldset { padding:12px; } }