.cw-page{max-width:1320px;color:var(--ink);gap:24px;margin:0 auto;padding:16px 4px 48px;display:grid}.cw-heading,.cw-section-heading,.cw-actions,.cw-filters,.cw-connection{justify-content:space-between;align-items:center;gap:16px;display:flex}.cw-heading h2{letter-spacing:-.05em;margin:8px 0;font-size:clamp(26px,3vw,38px)}.cw-heading p:not(.eyebrow),.cw-card p{color:var(--muted);line-height:1.65}.cw-actions{flex-wrap:wrap;justify-content:flex-start}.cw-actions [data-slot=button]{gap:8px;min-height:42px;padding:10px 18px}.cw-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;min-width:0;padding:26px}.cw-card h3{letter-spacing:-.025em;font-size:18px;font-weight:750}.cw-connect{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 11%,var(--surface-solid)),var(--surface-solid));grid-template-columns:1fr 1fr;gap:48px;padding:32px;display:grid}.cw-connect h3{margin:16px 0 8px;font-size:25px}.cw-connect .cw-actions{margin-top:22px}.cw-actions a{color:var(--muted);text-underline-offset:4px;font-size:13px;text-decoration:underline}.cw-icon{background:color-mix(in srgb,var(--brand) 18%,transparent);width:46px;height:46px;color:var(--brand);border-radius:15px;place-items:center;display:grid}.cw-platforms{gap:18px;margin:0;padding:0;list-style:none;display:grid}.cw-platforms li{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:14px;padding-top:16px;font-size:13px;display:grid}.cw-platforms li:first-child{border:0;padding-top:0}.cw-platforms span{color:var(--muted);line-height:1.6}.cw-metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cw-metric{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:12px;padding:22px;display:grid}.cw-metric>span{color:var(--muted);font-size:13px}.cw-metric>strong{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:34px;line-height:1}.cw-warning>strong{color:var(--danger)}.cw-mint>strong{color:var(--mint)}.cw-charts{grid-template-columns:1.8fr 1fr;gap:20px;display:grid}.cw-section-heading>span{color:var(--muted);font-size:12px}.cw-bars{gap:clamp(10px,2vw,26px);height:190px;margin-top:28px;padding:0 8px;display:flex}.cw-bar-column{min-width:0;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.cw-bar-column>strong{color:var(--ink);font-size:13px}.cw-bar-track{border-bottom:1px solid var(--line);background:linear-gradient(0deg,var(--surface-soft),transparent);border-radius:8px 8px 0 0;align-items:flex-end;width:100%;max-width:48px;height:125px;display:flex}.cw-bar-track>span{background:linear-gradient(0deg,color-mix(in srgb,var(--brand) 75%,transparent),var(--brand));border-radius:7px 7px 0 0;width:100%;min-height:2px;transition:height .22s;display:block}.cw-completion{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.cw-completion p{margin:4px 0;font-size:13px}.cw-ring{aspect-ratio:1;background:conic-gradient(var(--brand) var(--completion),var(--surface-soft) 0);border-radius:50%;place-items:center;width:134px;display:grid}.cw-ring>div{aspect-ratio:1;background:var(--surface-solid);border-radius:50%;flex-direction:column;justify-content:center;gap:3px;width:110px;display:flex}.cw-ring strong{letter-spacing:-.05em;font-size:28px}.cw-ring span{color:var(--muted);font-size:12px}.cw-task-section{padding-bottom:12px}.cw-count{background:var(--surface-soft);color:var(--muted);border-radius:6px;margin-left:6px;padding:3px 7px;font-size:12px;font-weight:600;display:inline-block}.cw-search{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:8px;max-width:260px;padding:9px 12px;display:flex}.cw-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.cw-search:focus-within{outline:2px solid var(--brand);outline-offset:2px}.cw-filters{flex-wrap:wrap;margin:20px 0 8px}.cw-tabs{flex-wrap:wrap;gap:4px;display:flex}.cw-tabs button{color:var(--muted);border-radius:9px;padding:8px 12px;font-size:13px}.cw-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--ink);font-weight:650}.cw-select[data-slot=select-trigger]{background:var(--surface-soft);border:1px solid var(--line);min-width:120px;max-width:240px;min-height:36px;font-size:12px;height:36px!important;padding:8px 12px!important}.cw-select-menu{background:var(--surface-solid);color:var(--ink);border:1px solid var(--line);max-width:min(400px,90vw);padding:5px}.cw-select-menu [data-slot=select-item]{white-space:normal;padding:10px 30px 10px 12px}.cw-task{border-top:1px solid var(--line);align-items:center;gap:16px;min-width:0;padding:19px 0;display:flex}.cw-task-icon{background:var(--surface-soft);width:38px;height:38px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.cw-task-copy{flex:1;gap:5px;min-width:0;display:grid}.cw-task-copy>p{overflow-wrap:anywhere;margin:0;font-size:11px}.cw-task-copy>a,.cw-task-copy>strong{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.cw-task-copy>a svg{opacity:.6;flex:none}.cw-task-copy>a:hover{text-underline-offset:3px;text-decoration:underline}.cw-task-copy>span{font-size:12px}.cw-due{color:var(--muted)}.cw-overdue{color:var(--danger)!important}.cw-task-done .cw-task-icon{color:var(--mint)}.cw-task-done .cw-task-copy>a,.cw-task-done .cw-task-copy>strong{color:var(--muted)}.cw-submitted{color:var(--mint);justify-content:center;align-items:center;gap:6px;min-width:120px;font-size:12px;display:flex}.cw-connections summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;list-style:none;display:flex}.cw-connections summary::-webkit-details-marker{display:none}.cw-connections summary>span{align-items:center;gap:8px;display:flex}.cw-connections>p{max-width:850px;margin:18px 0;font-size:13px}.cw-connection{border-top:1px solid var(--line);padding:16px 0}.cw-connection>div{gap:5px;min-width:0;display:grid}.cw-connection strong{overflow-wrap:anywhere;font-size:14px}.cw-connection span,.cw-connection p{color:var(--muted);font-size:12px}.cw-empty{text-align:center;justify-items:center;gap:20px;padding:60px 24px;display:grid}.cw-empty>svg{color:var(--brand)}.cw-empty>p{max-width:490px}.cw-empty-small{text-align:center;color:var(--muted);padding:36px 12px}.cw-empty-small svg{color:var(--mint);margin:0 auto 12px}.cw-empty-small h4{color:var(--ink);margin:8px 0}.cw-empty-small p{font-size:13px}.cw-error{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 7%,var(--surface));border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.cw-loading{text-align:center;color:var(--muted);padding:60px}@media (max-width:900px){.cw-heading{flex-direction:column;align-items:flex-start}.cw-connect{grid-template-columns:1fr;gap:28px}.cw-metrics{gap:10px}.cw-metric{padding:16px}.cw-charts{grid-template-columns:1fr 1fr}.cw-section-heading{flex-wrap:wrap;align-items:flex-start}.cw-section-heading>span{display:none}}@media (max-width:600px){.cw-page{gap:16px}.cw-card{padding:20px}.cw-metrics{grid-template-columns:1fr 1fr}.cw-charts{grid-template-columns:1fr}.cw-completion{text-align:left;grid-template-columns:1fr auto;display:grid}.cw-completion>p{grid-column:1/-1}.cw-ring{width:104px}.cw-ring>div{width:84px}.cw-ring strong{font-size:24px}.cw-task{flex-wrap:wrap;gap:10px}.cw-task-icon{display:none}.cw-task-copy{flex-basis:60%}.cw-task-copy>p>span{display:none}.cw-progress-select{min-width:105px!important;max-width:110px!important}.cw-tabs button{padding:8px;font-size:12px}.cw-search{width:100%;max-width:none}.cw-connection span{line-height:1.6}}@media (prefers-reduced-motion:reduce){.cw-bar-track>span{transition:none}}.app-canvas .cw-page [data-slot=button]{border-radius:11px;gap:8px;min-height:38px;padding:9px 16px}.app-canvas .cw-page [data-slot=button][data-variant=default]{background:var(--workspace-dusk,var(--brand));color:var(--appearance-on-accent,var(--workspace-deep));font-weight:650}.app-canvas .cw-page [data-slot=button][data-variant=default]:hover{filter:brightness(1.08)}.app-canvas .cw-page [data-slot=button][data-variant=outline]{background:var(--surface-soft);border:1px solid var(--line-strong);color:var(--ink)}.color-light .cw-page{--danger:#b74458}@media (prefers-color-scheme:light){.color-system .cw-page{--danger:#b74458}}.cw-status-note{color:var(--text-secondary);border:1px solid var(--border);border-radius:14px;padding:12px 16px;font-size:.85rem;line-height:1.6}.cw-grade{color:var(--text-secondary);gap:8px;margin-top:5px;font-size:.8rem;display:flex}
