#taskPopup,#pathwayTaskPopup,#dashboardTaskPopup,.task-viewer-popup,#submissionPopup{--task-text: #e6e8ee;--task-muted: #9aa3b2;--task-border: #2a3242;--task-chip-bg: #20283a;--task-chip-border: #334259;--task-accent: #37dfff;--task-shadow: 0 6px 18px rgba(0, 0, 0, .28);--text: var(--task-text);--muted: var(--task-muted);--chip-bg: var(--task-chip-bg);--chip-border: var(--task-chip-border);--shadow: var(--task-shadow)}#taskPopup,#pathwayTaskPopup,.task-viewer-popup{--task-popup-chip-bg: rgba(33, 52, 76, .78);--task-popup-chip-border: rgba(110, 146, 186, .34);--task-popup-chip-text: #d9e6f5;--task-popup-chip-increment-bg: rgba(109, 74, 22, .32);--task-popup-chip-increment-border: rgba(232, 179, 75, .42);--task-popup-chip-increment-text: #ffd88a}html.bb-app-theme:not(.dark){--task-text: var(--f7-text-color);--task-muted: var(--f7-list-item-after-text-color);--task-border: var(--f7-list-item-border-color);--task-accent: var(--f7-theme-color);--task-chip-bg: color-mix(in srgb, var(--f7-text-color) 5%, var(--f7-page-bg-color));--task-chip-border: var(--f7-card-outline-border-color);--task-shadow: 0 6px 18px color-mix(in srgb, var(--f7-text-color) 16%, transparent)}html.bb-app-theme:not(.dark) #taskPopup,html.bb-app-theme:not(.dark) #pathwayTaskPopup,html.bb-app-theme:not(.dark) #dashboardTaskPopup,html.bb-app-theme:not(.dark) .task-viewer-popup,html.bb-app-theme:not(.dark) #submissionPopup{--task-text: var(--f7-text-color);--task-muted: var(--f7-list-item-after-text-color);--task-border: var(--f7-list-item-border-color);--task-accent: var(--f7-theme-color);--task-chip-bg: color-mix(in srgb, var(--f7-text-color) 5%, var(--f7-page-bg-color));--task-chip-border: var(--f7-card-outline-border-color);--task-shadow: 0 6px 18px color-mix(in srgb, var(--f7-text-color) 16%, transparent);--text: var(--task-text);--muted: var(--task-muted);--chip-bg: var(--task-chip-bg);--chip-border: var(--task-chip-border);--shadow: var(--task-shadow)}html.bb-app-theme:not(.dark) #taskPopup,html.bb-app-theme:not(.dark) #pathwayTaskPopup,html.bb-app-theme:not(.dark) .task-viewer-popup{--task-popup-chip-bg: color-mix(in srgb, var(--f7-theme-color) 8%, var(--f7-card-bg-color));--task-popup-chip-border: color-mix(in srgb, var(--f7-theme-color) 26%, transparent);--task-popup-chip-text: var(--f7-text-color);--task-popup-chip-increment-bg: color-mix(in srgb, var(--bb-accent-warm) 15%, var(--f7-card-bg-color));--task-popup-chip-increment-border: color-mix(in srgb, var(--bb-accent-warm) 36%, transparent);--task-popup-chip-increment-text: color-mix(in srgb, var(--bb-accent-warm) 78%, var(--f7-text-color))}#pathwayTaskPopup .page-content,#dashboardTaskPopup .page-content,.task-viewer-popup .page-content{padding-right:16px;padding-bottom:16px;padding-left:16px}#taskInfo,.submission-viewer-container{text-align:left}#taskInfo{padding-bottom:16px}#taskPopup #taskInfo{padding:calc(var(--f7-page-navbar-offset, 0px) + 16px) 16px 16px}#taskPopup>.page-content{padding:0}#taskInfo [data-task-description] a{color:var(--bb-blue)}.task-card{position:relative;min-width:0;padding:6px 40px 6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--task-text, #e6e8ee)}.task-card-main-link{position:static;color:inherit;text-decoration:none}.task-card-main-link:before{position:absolute;z-index:1;inset:0;content:""}.task-card-main-link>*{position:relative;z-index:2}.task-card-main-link:hover{color:inherit}:root .organization-content-action-card.is-action-target>.task-card{background-color:var(--bb-contextmenu-selected-bg)}.task-card-row{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:72px;min-height:72px;padding:6px 10px;border-bottom:1px solid var(--f7-list-item-border-color, rgba(255, 255, 255, .08))}.task-card-row:has(.task-card-status){padding-right:40px}.task-card-row .task-card-main{display:flex;flex-direction:column;height:48px;min-height:48px;overflow:hidden}.task-card-row .task-card-title{box-sizing:border-box;height:20px;min-width:0;margin-bottom:4px;overflow:hidden;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.task-card-row .task-card-chips{box-sizing:border-box;height:24px;min-width:0;min-height:24px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.task-card-row .task-card-chips>.chip,.task-card-row .task-card-chips>.chip .chip-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-row .task-card-chips>.chip{flex:0 1 auto}.task-card-no-divider{border-bottom:0}.organization-content-action-card[data-has-more="1"]>.task-card-row{padding-right:10px}.organization-content-action-card[data-has-more="1"]>.task-card-row:has(.task-card-status){padding-right:40px}@container (min-width: 36rem){.organization-content-action-card[data-has-more="1"]>.task-card-row{padding-right:3.5rem}.organization-content-action-card[data-has-more="1"]>.task-card-row .task-card-status{right:3rem}}li:last-child>.task-card-row,li:last-child>.organization-content-action-card>.task-card-row,li:last-child>.swipeout-content>.organization-content-action-card>.task-card-row{border-bottom:0}.task-card-badge{box-sizing:border-box;flex:0 0 38px;width:38px;min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--task-chip-border, #334259);border-radius:11px;background:#1a2233;font-size:16px}.task-card>.task-card-badge{border:0;border-radius:0;background:transparent}.task-card-badge-complete{position:relative;z-index:3;padding:0;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.task-card-badge-icon{width:18px;height:18px;font-size:18px;transition:opacity .14s ease,transform .14s ease}.task-card-complete-mark{position:absolute;inset:4px;width:30px;height:30px;overflow:visible;opacity:0;transition:opacity .14s ease}.task-card-complete-circle{fill:transparent;stroke:var(--f7-text-color);stroke-width:1.8;transition:transform .16s ease;transform-box:fill-box;transform-origin:center;transform:scale(.7)}.task-card-complete-check{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0;transition:stroke-dashoffset .18s ease,opacity .12s ease}.organization-content-action-card:hover .task-card-badge-complete .task-card-complete-circle,.organization-content-action-card:focus-within .task-card-badge-complete .task-card-complete-circle{transform:scale(1)}.organization-content-action-card:hover .task-card-badge-complete .task-card-badge-icon,.organization-content-action-card:focus-within .task-card-badge-complete .task-card-badge-icon{opacity:0;transform:scale(.75)}.organization-content-action-card:hover .task-card-badge-complete .task-card-complete-mark,.organization-content-action-card:focus-within .task-card-badge-complete .task-card-complete-mark{opacity:1}.task-card-badge-complete:hover{border:0;background:transparent;box-shadow:none}.task-card-badge-complete:hover .task-card-complete-circle{fill:var(--bb-action-success);stroke:var(--bb-action-success);transform:scale(1.08)}.task-card-badge-complete:hover .task-card-complete-check{stroke-dashoffset:0;opacity:1}@media(prefers-reduced-motion:reduce){.task-card-badge-icon,.task-card-complete-mark,.task-card-complete-circle,.task-card-complete-check{transition-duration:1ms}}.task-card-main{flex:1 1 auto;min-width:0;width:auto}.task-card-title{margin-bottom:4px;font-size:15px;font-weight:400;line-height:1.35}.task-card-chips,.task-popup-chip-row,.task-practice-start-chips,.practice-task-submission-meta,.practice-task-submission-chips,.task-grade-summary-values,.task-grade-entry-switch{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.task-chip,.task-popup-chip{white-space:nowrap}.task-chip{--f7-chip-height: 20px;--f7-chip-font-size: 11px;--f7-chip-bg-color: var(--task-chip-bg, #20283a);--f7-chip-outline-border-color: var(--task-chip-border, #334259);--f7-chip-outline-text-color: var(--task-text, #e6e8ee)}html.bb-app-theme:not(.dark) .task-chip{--f7-chip-text-color: var(--task-text, var(--f7-text-color))}html.bb-app-theme:not(.dark) .task-chip:has(.fa-clock) .chip-media,html.bb-app-theme:not(.dark) .task-popup-chip:has(.fa-clock) .chip-media{color:inherit}.task-chip.task-chip-increment .chip-media,.task-popup-chip.task-popup-chip-increment .chip-media{color:inherit}html.bb-app-theme:not(.dark) .task-card{color:var(--f7-text-color)}.task-card-late{margin-left:.2rem;color:var(--bb-text-muted);font-size:.68rem}.task-popup-chip{--f7-chip-height: 28px;--f7-chip-font-size: 12px;--f7-chip-bg-color: var(--task-popup-chip-bg);--f7-chip-outline-border-color: var(--task-popup-chip-border);--f7-chip-outline-text-color: var(--task-popup-chip-text)}.task-editor-locked{opacity:.62}.task-editor-locked .smart-select{cursor:default}.task-chip.task-score-red,.task-chip.task-score-orange,.task-chip.task-score-yellow,.task-chip.task-score-light-green,.task-chip.task-score-green,.task-chip.task-chip-blue,.task-chip.task-chip-green,.task-chip.task-chip-orange,.task-chip.task-chip-pink{border-style:solid;border-width:1px}.task-chip.task-chip-increment{border:0;background-color:#9c630d94;color:#ffd88a}.task-popup-chip.task-popup-chip-increment{--f7-chip-bg-color: var(--task-popup-chip-increment-bg);--f7-chip-outline-border-color: var(--task-popup-chip-increment-border);--f7-chip-outline-text-color: var(--task-popup-chip-increment-text);border-style:solid;border-width:1px}.task-card-status{position:absolute;top:7px;right:8px;display:flex;flex-direction:column;gap:6px}.task-attention-dot{min-width:9px;width:9px;height:9px;padding:0}.task-pathway-icon{width:24px;min-width:24px;height:24px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--f7-theme-color) 45%,transparent);background:#20283ae6;font-size:12px}.task-section-label{margin-bottom:10px;font-size:13px;font-weight:700;text-transform:uppercase}.task-popup-loading,.task-popup-loading-copy,.task-grade-editor,.task-grade-pane,.task-read-record-note,.task-test-record-note,.practice-task-submission,.task-practice-start,.attendance-panel{display:grid;gap:12px}.task-popup-loading-title,.task-practice-start-title,.task-grade-pane-title{margin:0;font-size:18px;font-weight:700}.task-popup-skeleton-chip,.task-popup-skeleton-line,.task-popup-skeleton-panel{display:inline-block;background:#7f7f7f2e;border-radius:999px}.task-popup-skeleton-chip{width:132px;height:28px}.task-popup-skeleton-chip.medium{width:112px}.task-popup-skeleton-chip.short{width:88px}.task-popup-skeleton-line{width:76%;height:14px}.task-popup-skeleton-line.wide{width:92%}.task-popup-skeleton-line.short{width:48%}.task-popup-skeleton-panel{width:100%;height:120px;border-radius:18px}.task-popup-skeleton-panel.short{height:84px}.task-surface{border:1px solid color-mix(in srgb,var(--f7-theme-color) 20%,transparent);border-radius:24px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--f7-theme-color) 18%,transparent),transparent 35%),linear-gradient(160deg,#111827fa,#0d121cf5);box-shadow:var(--shadow)}.attendance-callout-title,.task-grade-summary-title{font-size:14px;font-weight:700}.task-test-version-admin-number{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--task-chip-border);border-radius:50%;background:var(--task-chip-bg);color:var(--task-accent);font-size:20px;font-weight:700}.task-test-version-admin-title{color:var(--task-text);font-size:16px;font-weight:700;line-height:1.35}.task-test-version-admin-meta{margin-top:2px;color:var(--task-muted);font-size:12px;line-height:1.45}.task-test-version-admin-code{color:var(--task-accent);font-family:monospace;font-weight:700;letter-spacing:.08em;white-space:nowrap}.attendance-callout-text,.submission-instruction,.task-practice-start-text,.task-grade-pane-text,.task-grade-empty,.task-grade-summary-subtitle,.task-grade-summary-comment,.task-test-event-ts,.task-test-event-detail{margin:0;color:var(--task-muted);line-height:1.5}.attendance-code-display{font-size:clamp(28px,7vw,38px);font-weight:800;line-height:1;letter-spacing:.18em}.attendance-callout{padding:16px 18px}.attendance-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.attendance-action-grid .button{width:100%}.attendance-scan-popup .page-content,.attendance-success-popup .page-content{display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#090d16;color:#f1f5f9}.attendance-radar-shell{width:min(100%,340px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;-webkit-user-select:none;user-select:none;color:#f1f5f9}.attendance-radar-header{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.attendance-radar-title{font-size:20px;font-weight:700;color:#f8fafc;line-height:1.25;letter-spacing:-.2px}.attendance-radar-subtitle{font-size:13px;color:#94a3b8;max-width:290px;line-height:1.4}.attendance-radar-visual{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0}.attendance-radar-viewport{position:relative;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at center,#0ea5e92e,#0f172ad9 55%,#050b14);border:1.5px solid rgba(56,189,248,.35);box-shadow:inset 0 0 35px #0ea5e926,0 0 30px #0ea5e933,0 8px 32px #0009;overflow:hidden}.radar-distance-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(56,189,248,.3);pointer-events:none}.radar-distance-ring.ring-near{width:36%;height:36%}.radar-distance-ring.ring-mid{width:66%;height:66%}.radar-distance-ring.ring-far{width:92%;height:92%;border-style:solid;border-color:#38bdf833}.radar-axis-h,.radar-axis-v{position:absolute;background:#38bdf82e;pointer-events:none}.radar-axis-h{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.radar-axis-v{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.radar-wave-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.2);border-radius:50%;border:2px solid #38bdf8;box-shadow:0 0 16px #38bdf899;opacity:0;pointer-events:none}.radar-sweep-beam{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#38bdf800 0deg 270deg,#38bdf859 360deg);animation:radarSweepRotate 3s linear infinite;pointer-events:none}@keyframes radarSweepRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-center-beacon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;z-index:5}.beacon-glow{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.5) 0%,transparent 70%);animation:beaconGlowPulse 2s ease-in-out infinite}@keyframes beaconGlowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.beacon-core{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 0 18px #38bdf880;z-index:2}.radar-center-beacon.beacon-host .beacon-core{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 18px #6366f199}.radar-user-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:#0f172ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.45);box-shadow:0 4px 14px #0009,0 0 8px #38bdf833;padding:3px 8px 3px 4px;border-radius:9999px;max-width:130px;z-index:4;cursor:default;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.radar-user-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.radar-user-avatar.checked-in{background:linear-gradient(135deg,#22c55e,#16a34a)}.radar-user-info{display:flex;flex-direction:column;text-align:left;overflow:hidden;line-height:1.1}.radar-user-name{font-size:11px;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.radar-user-dist{font-size:9px;font-weight:500;color:#38bdf8}.radar-user-dist.checked-in{color:#4ade80}.attendance-faceid-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 0;-webkit-user-select:none;user-select:none}.faceid-icon-container{position:relative;width:90px;height:90px;display:grid;place-items:center}.faceid-glow-ring{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(52,199,89,.35) 0%,rgba(52,199,89,.05) 60%,transparent 75%);pointer-events:none}.faceid-svg{width:84px;height:84px;transform:rotate(-90deg)}.faceid-circle{stroke-dasharray:264;stroke-dashoffset:0}.faceid-check{stroke-dasharray:60;stroke-dashoffset:0;transform:rotate(90deg);transform-origin:50px 50px}.faceid-success-title{font-size:20px;font-weight:700;color:#f8fafc;letter-spacing:-.2px}.faceid-success-sub{font-size:13px;color:#94a3b8;line-height:1.4}.attendance-radar-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.attendance-stop-btn{width:100%;height:44px;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.attendance-radar-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#94a3b8;line-height:1.3}.attendance-active-callout{border-color:#6366f166;background:#6366f10f}.staged-files-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.staged-file-card{background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:12px;padding:10px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.staged-file-card:hover{transform:translateY(-2px);background:#242d40}.staged-file-card i{font-size:24px;color:var(--f7-theme-color)}.staged-file-card span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.staged-file-card .remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#e53e3e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;border:2px solid #1a2233;transition:transform .2s}.staged-file-card .remove-btn:hover{transform:scale(1.1)}.submission-zone-container{overflow:hidden}.browser-tabs{background:#111827;padding:8px 12px 0;border-bottom:1px solid var(--chip-border);gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.browser-tabs::-webkit-scrollbar{display:none}.submission-zone-container .browser-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.browser-tab{background:transparent;border:none;padding:8px 12px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;flex-shrink:0}.submission-zone-container .browser-tab{width:100%;justify-content:center}.browser-tab .tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab:hover{background:#ffffff0d;color:var(--text)}.browser-tab.active{background:#1a2233;color:var(--text);box-shadow:0 -2px 10px #0000001a;max-width:none;font-weight:600}.browser-window-content{padding:24px;min-height:200px}.task-grade-editor{padding:24px}.cloud-links-input{width:100%;min-height:120px;resize:vertical}.drive-auth-bar,.task-grade-comment-editor{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090e183d;box-shadow:inset 0 1px #ffffff0a;overflow:visible}.drive-auth-bar{background:linear-gradient(180deg,#ffffff0f,#090e183d)}.task-drive-picker-cta{display:flex;justify-content:center;padding-top:16px}.task-drive-auth-add{min-width:44px;padding-inline:0}.drive-account-picker{overflow:visible}.task-drive-picker-cta .button{min-width:min(100%,220px)}.drive-file-picker-ui{padding-top:14px}.browser-viewer{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.browser-nav{background:#111827;padding:8px 12px;border-bottom:1px solid var(--chip-border);gap:8px}.url-bar{background:#0d1117;border:1px solid var(--chip-border);border-radius:6px;padding:4px 12px;font-size:12px;color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-container{position:relative;flex:1 1 auto;min-height:0;background:#fff}.file-preview-iframe{width:100%;height:100%;border:0;display:block}.loading-overlay{position:absolute;inset:0;background:#1a2233cc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.spinner{width:32px;height:32px;border:3px solid color-mix(in srgb,var(--f7-theme-color) 30%,transparent);border-top-color:var(--f7-theme-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid transparent;border-radius:99px;font-size:11px;font-weight:600;text-transform:capitalize}.submission-selector{display:flex;align-items:center;gap:20px;min-height:60px;overflow-x:auto;padding:12px;background:#111827;border-bottom:1px solid var(--task-border);border-radius:24px 24px 0 0}.timeline-track{display:flex;align-items:center;gap:15px;flex:1}.submission-selector-actions{display:flex;justify-content:flex-end;gap:6px;flex:0 0 auto}.task-admin-details-card[data-role=taskAdminDetailsTable]{--f7-card-margin-horizontal: 0px;overflow:visible;overflow:clip}.submission-grade-actions{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:end;align-items:center;gap:6px}.submission-grade-actions [data-task-grade-save]:disabled{--f7-button-fill-bg-color: #626d7d;--f7-button-fill-pressed-bg-color: #626d7d;--f7-button-fill-text-color: #f3f4f6}.submission-dynamic-actions{display:flex;justify-content:flex-end;flex:0 0 auto;padding:12px 16px 0}.timeline-node{display:grid;gap:6px;justify-items:center;min-width:90px;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s}.timeline-node:hover{opacity:1;transform:translateY(-2px)}.timeline-node.active{opacity:1;font-weight:700}.timeline-node .node-dot{width:14px;height:14px;border-radius:50%;background:var(--chip-border);border:3px solid #111827;box-shadow:0 0 0 1px var(--chip-border);position:relative}.timeline-node.active .node-dot{background:var(--f7-theme-color);box-shadow:0 0 0 1px var(--f7-theme-color),0 0 10px color-mix(in srgb,var(--f7-theme-color) 60%,transparent)}.timeline-node .node-label,.task-grade-summary-value span{color:var(--task-muted);font-size:12px}.timeline-node.active .node-label{color:var(--text)}.submission-viewer-container{display:flex;flex-direction:column;height:100%;min-height:0}.task-own-submission-viewer{height:80vh;min-height:260px}.submission-viewer-container .dynamic{flex:1;min-height:0;margin:0;padding:0;overflow-x:auto;overflow-y:auto;background:#111827}.submission-viewer-container .dynamic.has-cloud-preview{overflow:hidden}.submission-viewer-container .task-surface{background:#111827}.task-grade-editor-host{min-width:0;min-height:0;height:100%;overflow:hidden}.task-grade-edit{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.task-grade-edit>.task-grading-layout{flex:1;height:auto}.task-grading-column{display:flex;flex-direction:column;min-width:0;min-height:0}.task-grade-edit>.task-grading-column{flex:1;width:100%;height:100%}.task-grading-column>.task-grade-editor-host{flex:1;height:auto}.task-grade-editor{min-height:0;height:100%;overflow-y:auto}.task-grade-editor-loading{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:10px}.task-grading-layout{width:100%;height:100%;min-height:0}.task-grading-layout.is-cloud{display:flex;flex-direction:column}.task-grading-source{display:none;min-width:0;min-height:0}.task-grading-source .browser-viewer{min-height:0}.task-grade-rubric-title{color:var(--text);font-size:16px;font-weight:700}.task-grade-details{display:grid;gap:8px}.task-grade-details-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:0 4px 8px;border-bottom:1px solid var(--task-border)}.task-grade-details-score span{color:var(--task-muted);font-size:13px}.task-grade-details-score strong{font-size:18px}.task-grade-summary-card{background:#111827}.task-grade-review{display:grid;align-content:start;gap:16px;min-height:100%}.task-grade-review-details{display:grid;align-content:start;gap:12px;padding:16px}.task-grade-review-details>.submission-dynamic-actions{padding:0}.task-grade-review-source{min-width:0;min-height:0}.task-grade-review-source .browser-viewer{min-height:0}@media(min-width:768px){.task-grading-layout.is-cloud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.task-grading-source{display:block;overflow:hidden;border-right:1px solid var(--task-border)}.task-grade-editor-host,.task-grading-column{overflow:hidden}}.submission-viewer-container .practice-task-submission,.submission-viewer-container .secure-test-review,.submission-viewer-container .secure-test-timeline,.submission-viewer-container .task-review-virtual-list,#taskInfo .task-review-virtual-list,.task-grade-history-tabs,.task-test-admin-list,.task-grade-list{margin:0}.submission-viewer-container .task-review-virtual-list ul,#taskInfo .task-review-virtual-list ul{margin:0;padding:0;list-style:none}.submission-viewer-container .task-review-vitem,#taskInfo .task-review-vitem{list-style:none}.task-test-record-note p,.task-read-record-note p,.task-grade-summary-comment p{margin:0}.task-grade-summary-comment>span{display:block;margin-bottom:6px;color:var(--task-muted);font-size:12px;font-weight:700}.task-test-event-timeline{position:relative;display:flex;gap:0;margin-top:12px;overflow-x:auto;padding:0 0 12px}.task-test-event-timeline:before{position:absolute;top:5px;right:14px;left:14px;height:1px;background:var(--task-border);content:""}.task-test-event{position:relative;display:grid;flex:0 0 128px;grid-template-rows:12px auto;gap:8px;padding:0 14px}.task-test-event-marker{z-index:1;align-self:center;width:10px;height:10px;border:2px solid var(--task-accent);border-radius:50%;background:var(--task-chip-bg)}.task-test-event-content{min-width:0}.task-grade-summary-card,.practice-task-submission{padding:16px}.task-grade-summary-head,.practice-task-submission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-grade-summary-value{display:grid;gap:4px;min-width:108px}.task-grade-summary-value strong{font-size:15px}.task-grade-comment-editor .text-editor-toolbar{overflow-x:auto;border-bottom:1px solid var(--task-border)}.task-grade-comment-editor .text-editor-content{min-height:140px;padding:12px;resize:vertical;overflow:auto}.task-grade-comment-editor .text-editor-content:focus{outline:none}.task-grade-comment-editor .text-editor-content img{max-width:100%;height:auto}.task-chip.task-chip-pathway,.task-popup-chip.task-chip-pathway{--f7-chip-bg-color: rgba(109, 74, 22, .28);--f7-chip-outline-border-color: rgba(249, 115, 22, .34);--f7-chip-outline-text-color: #ffd5a6}.task-chip.task-chip-due-upcoming,.task-popup-chip.task-chip-due-upcoming{--f7-chip-bg-color: rgba(22, 59, 118, .62);--f7-chip-outline-border-color: rgba(79, 152, 255, .34);--f7-chip-outline-text-color: #d6e7ff}.task-chip.task-chip-due-soon,.task-popup-chip.task-chip-due-soon,.task-chip.task-score-yellow,.status-badge.score-chip.score-yellow{--f7-chip-bg-color: rgba(97, 77, 17, .72);--f7-chip-outline-border-color: rgba(255, 208, 90, .32);--f7-chip-outline-text-color: #ffe7a0;background:#614d11b8;border-color:#ffd05a52;color:#ffe7a0}.task-chip.task-chip-due-urgent,.task-popup-chip.task-chip-due-urgent,.task-chip.task-score-orange,.status-badge.score-chip.score-orange{--f7-chip-bg-color: rgba(109, 58, 7, .72);--f7-chip-outline-border-color: rgba(255, 155, 66, .34);--f7-chip-outline-text-color: #ffd0a1;background:#6d3a07b8;border-color:#ff9b4257;color:#ffd0a1}.task-chip.task-chip-due-overdue,.task-popup-chip.task-chip-due-overdue,.task-chip.task-score-red,.status-badge.score-chip.score-red{--f7-chip-bg-color: rgba(111, 22, 22, .72);--f7-chip-outline-border-color: rgba(255, 106, 106, .34);--f7-chip-outline-text-color: #ffb5b5;background:#6f1616b8;border-color:#ff6a6a57;color:#ffb5b5}.task-chip.task-score-light-green,.status-badge.score-chip.score-light-green,.task-chip.task-score-green,.status-badge.score-chip.score-green{background:#175e37a8;border-color:#45cf7a57;color:#c1ffd8}.task-chip.task-chip-blue,.status-badge.ongoing{background:color-mix(in srgb,var(--f7-theme-color) 20%,transparent);color:var(--f7-theme-color);border-color:color-mix(in srgb,var(--f7-theme-color) 30%,transparent)}.task-chip.task-chip-green,.status-badge.completed{background:#48bb7833;color:#48bb78;border-color:#48bb784d}.task-chip.task-chip-orange,.status-badge.read{background:#a0aec033;color:#a0aec0;border-color:#a0aec04d}.task-chip.task-chip-pink,.status-badge.rejected{background:#f5656533;color:#f56565;border-color:#f565654d}.status-badge.graded{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf64d}.status-badge.review{background:#ec489929;color:#f9a8d4;border-color:#ec489947}.status-badge.not-started{background:#4a556833;color:#718096;border-color:#4a55684d}.status-dot.complete{background:#48bb78}.status-dot.uncomplete{background:#cbd5e0}.task-card-status .badge{align-self:flex-end}.task-practice-start-title{margin:0;font-size:22px}.task-practice-start{margin:18px 0;padding:22px}.task-practice-start-text{margin:0;color:var(--muted)}.task-practice-start-chips{gap:10px}.task-practice-start-btn{justify-self:start;width:auto}.practice-task-submission{display:grid;gap:18px;padding:18px}.task-chip.task-chip-blue,.task-practice-start .task-chip-blue{background:color-mix(in srgb,var(--f7-theme-color) 16%,transparent);border-color:color-mix(in srgb,var(--f7-theme-color) 28%,transparent)}.task-chip.task-chip-green,.task-practice-start .task-chip-green{background:#10b98129;border-color:#10b98147}.task-chip.task-chip-orange,.task-practice-start .task-chip-orange{background:#f9731629;border-color:#f9731647;color:#fdba74}.task-chip.task-chip-pink,.task-practice-start .task-chip-pink{background:#ec489929;border-color:#ec489947}.practice-task-submission-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.task-test-submission-set-name{color:var(--task-text);font-size:18px;font-weight:700;line-height:1.35}.practice-task-submission-meta,.practice-task-submission-chips{gap:10px}.task-test-completed-at{align-self:center;color:var(--task-muted);font-size:13px}.task-submission-grade-btn,.practice-task-adjust-btn{width:auto}.task-test-event-type{font-size:13px;font-weight:700;color:var(--text)}.task-test-event-ts,.task-test-event-detail{font-size:12px}[data-role=taskAdminDetailsTable] .card-content{max-height:min(60vh,560px);overflow-y:auto}[data-role=taskAdminDetailsTable].task-admin-details-card thead th{position:sticky;top:0;z-index:20;background-color:var(--f7-card-bg-color, #111827)}@media(min-width:1281px){#taskPopup:has(#taskInfo[data-admin-submissions-layout=true])>.navbar{width:50vw}#taskInfo[data-admin-submissions-layout=true]{box-sizing:border-box;display:grid;grid-template-columns:50vw 50vw;grid-template-rows:minmax(0,1fr);gap:0;height:100vh;left:0;min-height:0;overflow:hidden;padding:0;position:absolute;top:0;width:100vw}#taskPopup #taskInfo[data-admin-submissions-layout=true]{padding:0}#taskInfo[data-admin-submissions-layout=true]>[data-role=taskPopupDetails]{box-sizing:border-box;height:100vh;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:calc(var(--f7-page-navbar-offset, 0px) + 16px) 16px 16px;width:50vw}#taskInfo[data-admin-submissions-layout=true]>.completed{box-sizing:border-box;height:100vh;min-width:0;min-height:0;overflow:hidden;padding:8px;width:50vw}#taskInfo[data-admin-submissions-layout=true] [data-role=taskAdminDetailsTable]{display:flex;flex-direction:column;height:100%;min-height:0;margin-top:0;margin-bottom:0}#taskInfo[data-admin-submissions-layout=true] [data-role=taskAdminDetailsTable] .card-header{flex:0 0 auto}#taskInfo[data-admin-submissions-layout=true] [data-role=taskAdminDetailsTable] .card-content{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}}.task-chip.task-chip-pathway .chip-media,.task-popup-chip.task-chip-pathway .chip-media{color:#fdba74}@media(max-width:600px){.practice-task-submission-head,.submission-selector{align-items:stretch;flex-direction:column}.submission-selector-actions{justify-content:stretch;flex-wrap:wrap}}html.bb-app-theme:not(.dark) .task-chip.task-chip-pathway,html.bb-app-theme:not(.dark) .task-popup-chip.task-chip-pathway{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-orange) 12%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-orange);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-orange) 34%, transparent);--f7-chip-outline-text-color: var(--bb-status-orange);background:color-mix(in srgb,var(--bb-status-orange) 12%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-orange) 34%,transparent);color:var(--bb-status-orange)}html.bb-app-theme:not(.dark) .task-chip.task-chip-due-upcoming,html.bb-app-theme:not(.dark) .task-popup-chip.task-chip-due-upcoming{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-blue) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-blue);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-blue) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-blue);background:color-mix(in srgb,var(--bb-status-blue) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-blue) 30%,transparent);color:var(--bb-status-blue)}html.bb-app-theme:not(.dark) .task-chip.task-chip-due-soon,html.bb-app-theme:not(.dark) .task-popup-chip.task-chip-due-soon,html.bb-app-theme:not(.dark) .task-chip.task-score-yellow,html.bb-app-theme:not(.dark) .status-badge.score-chip.score-yellow{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-yellow) 12%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-yellow);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-yellow) 34%, transparent);--f7-chip-outline-text-color: var(--bb-status-yellow);background:color-mix(in srgb,var(--bb-status-yellow) 12%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-yellow) 34%,transparent);color:var(--bb-status-yellow)}html.bb-app-theme:not(.dark) .task-chip.task-chip-due-urgent,html.bb-app-theme:not(.dark) .task-popup-chip.task-chip-due-urgent,html.bb-app-theme:not(.dark) .task-practice-start .task-chip-orange,html.bb-app-theme:not(.dark) .task-chip.task-score-orange,html.bb-app-theme:not(.dark) .status-badge.score-chip.score-orange{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-orange) 12%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-orange);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-orange) 34%, transparent);--f7-chip-outline-text-color: var(--bb-status-orange);background:color-mix(in srgb,var(--bb-status-orange) 12%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-orange) 34%,transparent);color:var(--bb-status-orange)}html.bb-app-theme:not(.dark) .task-chip.task-chip-due-overdue,html.bb-app-theme:not(.dark) .task-popup-chip.task-chip-due-overdue,html.bb-app-theme:not(.dark) .task-chip.task-score-red,html.bb-app-theme:not(.dark) .status-badge.score-chip.score-red{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-red) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-red);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-red) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-red);background:color-mix(in srgb,var(--bb-status-red) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-red) 30%,transparent);color:var(--bb-status-red)}html.bb-app-theme:not(.dark) .task-chip.task-score-light-green,html.bb-app-theme:not(.dark) .status-badge.score-chip.score-light-green,html.bb-app-theme:not(.dark) .task-chip.task-score-green,html.bb-app-theme:not(.dark) .status-badge.score-chip.score-green,html.bb-app-theme:not(.dark) .task-chip.task-chip-green,html.bb-app-theme:not(.dark) .status-badge.completed{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-green) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-green);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-green) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-green);background:color-mix(in srgb,var(--bb-status-green) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-green) 30%,transparent);color:var(--bb-status-green)}html.bb-app-theme:not(.dark) .task-chip.task-chip-blue,html.bb-app-theme:not(.dark) .task-practice-start .task-chip-blue,html.bb-app-theme:not(.dark) .status-badge.ongoing{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-blue) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-blue);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-blue) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-blue);background:color-mix(in srgb,var(--bb-status-blue) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-blue) 30%,transparent);color:var(--bb-status-blue)}html.bb-app-theme:not(.dark) .task-chip.task-chip-orange,html.bb-app-theme:not(.dark) .status-badge.read{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-gray) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-gray);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-gray) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-gray);background:color-mix(in srgb,var(--bb-status-gray) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-gray) 30%,transparent);color:var(--bb-status-gray)}html.bb-app-theme:not(.dark) .task-chip.task-chip-pink,html.bb-app-theme:not(.dark) .task-practice-start .task-chip-pink,html.bb-app-theme:not(.dark) .status-badge.rejected,html.bb-app-theme:not(.dark) .status-badge.review{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-pink) 10%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-pink);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-pink) 30%, transparent);--f7-chip-outline-text-color: var(--bb-status-pink);background:color-mix(in srgb,var(--bb-status-pink) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-pink) 30%,transparent);color:var(--bb-status-pink)}html.bb-app-theme:not(.dark) .status-badge.graded{background:color-mix(in srgb,var(--bb-status-purple) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-purple) 30%,transparent);color:var(--bb-status-purple)}html.bb-app-theme:not(.dark) .status-badge.not-started{background:color-mix(in srgb,var(--bb-status-gray) 10%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-gray) 30%,transparent);color:var(--bb-status-gray)}html.bb-app-theme:not(.dark) .task-chip.task-chip-increment{background-color:color-mix(in srgb,var(--bb-status-yellow) 12%,var(--f7-card-bg-color));color:var(--bb-status-yellow)}html.bb-app-theme:not(.dark) .task-practice-start .task-chip-orange{--f7-chip-bg-color: color-mix(in srgb, var(--bb-status-orange) 12%, var(--f7-card-bg-color));--f7-chip-text-color: var(--bb-status-orange);--f7-chip-outline-border-color: color-mix(in srgb, var(--bb-status-orange) 34%, transparent);--f7-chip-outline-text-color: var(--bb-status-orange);background:color-mix(in srgb,var(--bb-status-orange) 12%,var(--f7-card-bg-color));border-color:color-mix(in srgb,var(--bb-status-orange) 34%,transparent);color:var(--bb-status-orange)}html.bb-app-theme:not(.dark) .task-chip.task-chip-pathway .chip-media{color:var(--bb-status-orange)}[data-org-pill]{--f7-chip-height: 20px;--f7-chip-font-size: 11px;--f7-chip-bg-color: var(--task-chip-bg, rgba(32, 40, 58, .9));--f7-chip-outline-border-color: var(--task-chip-border, rgba(127, 127, 127, .24));--f7-chip-outline-text-color: var(--f7-text-color);min-width:0;max-width:100%;cursor:pointer;text-decoration:none;vertical-align:middle}html.bb-app-theme:not(.dark) [data-org-pill],html.bb-app-theme:not(.dark) [data-announcement-date-pill]{--f7-chip-bg-color: color-mix(in srgb, var(--f7-text-color) 8%, var(--f7-card-bg-color));--f7-chip-outline-border-color: var(--f7-card-outline-border-color);--f7-chip-text-color: var(--f7-text-color);--f7-chip-outline-text-color: var(--f7-text-color)}html.bb-app-theme:not(.dark) [data-org-pill] .chip-label,html.bb-app-theme:not(.dark) [data-announcement-date-pill] .chip-label{color:var(--f7-chip-text-color, var(--f7-text-color))}html.bb-app-theme:not(.dark) [data-announcement-date-pill] .fa-clock{color:var(--f7-list-item-after-text-color)}[data-org-pill] .chip-media{width:16px;min-width:16px;height:16px;padding:0;overflow:hidden;border-radius:999px}[data-org-pill] .chip-media img{display:block;width:100%;height:100%;object-fit:cover}[data-org-pill] .chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}