/* CW Space workspace composition. Pane © 2026 Hasib (OVERSHOOT); purchased source notices remain in frontend/pane. */
.icon-edit {mask-image:url('/icons/edit.svg');-webkit-mask-image:url('/icons/edit.svg');}
.icon-chart {mask-image:url('/icons/chart.svg');-webkit-mask-image:url('/icons/chart.svg');}
.icon-arrow {mask-image:url('/icons/arrow.svg');-webkit-mask-image:url('/icons/arrow.svg');}
.icon-clip {mask-image:url('/icons/clip.svg');-webkit-mask-image:url('/icons/clip.svg');}
.icon-link {mask-image:url('/icons/link.svg');-webkit-mask-image:url('/icons/link.svg');}
:root {--surface-edge:rgba(255,255,255,.88);--surface-shadow:0 8px 22px -16px #242b4540,inset 0 1px 0 #fff9;}
:root[data-theme=dark] {--surface-edge:#676975;--surface-shadow:0 10px 28px -20px #000b,inset 0 1px 0 #ffffff17;--panel:linear-gradient(155deg,#34353e 0%,#292a32 58%,#25262d 100%);--solid:#2c2d35;}
.work-main .glass,.sidebar.glass {box-shadow:var(--surface-shadow);}
.sidebar.glass {border-color:var(--surface-edge);background:var(--panel);}
.work-heading {margin-bottom:24px;gap:20px;}
.work-heading h1 {font-size:clamp(26px,2.6vw,38px);font-weight:650;letter-spacing:-.035em;line-height:1.2;}
.section-heading {flex-direction:row;gap:16px;margin-bottom:18px;align-items:center;}
.section-heading h2,.section-heading h3 {margin:0;line-height:1.4;}
.section-heading>div {min-width:0;}
.section-heading p {margin:3px 0 0;font-size:12px;}
.section-heading>a {display:inline-flex;align-items:center;gap:5px;font-size:12px;flex:none;}
.section-heading>a .icon {width:14px;height:14px;}
.dashboard-stats {display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px;}
.dashboard-stats>a {min-width:135px;background:var(--panel);border:1px solid var(--divider);border-radius:20px;padding:13px 17px;color:var(--text);display:grid;gap:4px;box-shadow:var(--surface-shadow);text-decoration:none;}
.dashboard-stats span {font-size:12px;color:var(--muted);}
.dashboard-stats strong {font-size:24px;line-height:1.15;font-weight:650;}
.dashboard-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px;align-items:start;}
.dashboard-stack {display:grid;gap:18px;min-width:0;}
.dashboard-panel {padding:22px;min-width:0;border-radius:28px;border-color:var(--surface-edge);}
.dashboard-panel h2 {font-size:18px;font-weight:600;letter-spacing:-.02em;}
.dashboard-progress {display:flex;align-items:center;gap:28px;padding:12px 0 8px;}
.progress-ring {width:146px;height:146px;flex:none;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),var(--divider) 0);padding:10px;}
.progress-ring>div {height:100%;border-radius:50%;background:var(--solid);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.progress-ring strong {font-size:29px;line-height:1.1;}
.progress-ring small {font-size:16px;}
.progress-ring span {font-size:11px;color:var(--muted);}
.progress-legend {flex:1;min-width:0;display:grid;gap:10px;margin:0;}
.progress-legend>div {display:flex;align-items:center;gap:12px;justify-content:space-between;}
.progress-legend dt {display:flex;align-items:center;gap:8px;font-size:12px;}
.progress-legend dd {margin:0;font-size:14px;font-weight:600;}
.status-dot,.project-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#7d8599;flex:none;}
.status-dot-in_progress,.project-dot {background:#5796ff;}.status-dot-review {background:#b38aff;}.status-dot-blocked {background:#ff9f79;}.status-dot-done {background:#46c18a;}
.dashboard-task-list {list-style:none;padding:0;margin:0;display:grid;gap:6px;}
.dashboard-task {display:flex;align-items:center;gap:10px;padding:12px 6px;border-radius:14px;min-width:0;background:color-mix(in srgb,var(--input) 40%,transparent);}
.dashboard-task-copy {flex:1;min-width:0;}
.dashboard-task-copy>a {font-size:14px;color:var(--text);font-weight:550;line-height:1.45;overflow-wrap:anywhere;}
.dashboard-task-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin-top:5px;font-size:11px;color:var(--muted);}
.dashboard-task-meta>span:not(.project-dot) {overflow-wrap:anywhere;}
.dashboard-task .priority-pill {flex:none;margin:0;font-size:10px;}
.dashboard-empty {font-size:13px;color:var(--muted);margin:16px 0 4px;line-height:1.6;}
.dashboard-members {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.dashboard-members .member-row {padding:0;border:0;min-width:0;gap:10px;}
.dashboard-members .member-row>div {min-width:0;}
.dashboard-members strong {font-size:12px;overflow-wrap:anywhere;}
.dashboard-members p {font-size:11px;margin:2px 0 0;}
.dashboard-projects .project-grid {grid-template-columns:1fr;gap:10px;}
.dashboard-projects .project-card {border-color:var(--divider);border-radius:18px;box-shadow:none;padding:16px;}
.task-star {margin:0;flex:none;display:inline-flex;}
.task-card .task-star {position:relative;z-index:2;}
.task-star .icon-button {width:36px;height:36px;min-height:36px;padding:8px;border:0;background:transparent;box-shadow:none;border-radius:50%;color:var(--muted);}
.task-star button[aria-pressed=true] {background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);}
.task-star .icon {width:18px;height:18px;}
.task-star button:hover {background:var(--input);color:var(--accent);}
.task-card .card-tags {display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:36px;}
.task-card .card-tags>.task-star {order:-1;margin-left:-7px;}
.task-card {border-radius:22px;background:var(--panel);border-color:var(--surface-edge);}
.task-card h2 {font-size:16px;font-weight:600;}
.task-card .card-foot {border:0;padding-top:4px;}
.task-overview {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px;}
.overview-card {border-radius:22px;padding:17px 20px;}
.overview-card>span {display:block;color:var(--muted);font-size:12px;margin-bottom:6px;}
.overview-card strong {font-size:27px;line-height:1.2;font-weight:600;}
.overview-card small {font-size:12px;color:var(--muted);margin-left:8px;}
[data-task-scale]>.task-toolbar {display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
[data-task-scale] .task-toolbar-left {display:block;min-width:0;}
.task-filter-card {padding:18px 20px;border-radius:22px;min-width:0;}
.task-filter-card .section-heading {margin:0 0 14px;}
.task-filter-card .section-heading h2 {font-size:14px;display:flex;align-items:center;gap:9px;flex:1;}
.task-filter-card .task-filters {position:static;width:100%;max-width:none;max-height:none;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 14px;align-items:end;}
.task-filter-card .task-filters>div {min-width:0;}
.task-filter-card .filter-search {grid-column:span 2;}
.task-filter-card label {display:block;margin:0 0 5px;font-size:11px;color:var(--muted);}
.task-filter-card input,.task-filter-card select {width:100%;min-width:0;min-height:42px;}
.task-filter-card label.checkbox {display:flex;align-items:center;gap:8px;margin:0;min-height:42px;font-size:12px;color:var(--text);}
.task-filter-card .checkbox input {width:17px;height:17px;min-height:0;margin:0;flex:none;}
.task-filter-card .button {margin:0;min-height:42px;}
.task-filter-card .filter-reset {padding:10px;font-size:12px;}
.task-filter-card .filter-actions {display:flex;align-items:center;gap:10px;justify-content:flex-end;}
.task-filter-card .filter-actions .button {flex:1;}
.task-filter-card .saved-view-trigger {font-size:12px;min-height:36px;padding:8px 12px;}
.advanced-filter-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding-top:10px;}
.advanced-filter-fields>div {min-width:0;}
.advanced-filter-fields>div>label {margin:0 0 6px;font-size:12px;}
.advanced-filter-fields select,.advanced-filter-fields input {width:100%;min-width:0;}
.advanced-filter-fields label.checkbox {display:flex;align-items:center;gap:9px;}
.advanced-filter-fields .checkbox input {width:17px;height:17px;flex:none;}
.bulk-card[hidden] {display:none;}
[data-task-scale] .task-toolbar-left>.count-label {display:block;margin-top:12px;padding:0;}
[data-task-scale] .view-switch {justify-self:end;margin:0;}
.saved-views-body {padding-top:10px;}
.saved-views-body .saved-view-row {display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:10px;}
.bulk-card {padding:18px 20px;margin-bottom:18px;border-radius:22px;}
.bulk-card>h2 {font-size:14px;margin:0 0 14px;}
.bulk-card .bulk-task-form {padding:0;}
.bulk-card .bulk-selection {gap:12px;}
.bulk-card .bulk-hint {margin:12px 0 0;}
.task-table .star-cell {width:44px;min-width:44px;padding:5px;border-right:0;}
.task-table td.star-cell {width:44px;min-width:44px;max-width:44px;}
.task-table td:nth-child(3) {min-width:200px;max-width:400px;overflow-wrap:anywhere;}
.task-table td:nth-child(3)>a {color:var(--text);font-weight:570;}
.task-table .selection-cell {border-right:0;}
.task-table .selection-cell input {margin:0;vertical-align:middle;}
.task-main {display:flex;flex-direction:column;gap:22px;}
.task-main>.surface-card,.task-main>.task-materials,.task-main>.task-files,.task-main>.task-attachments,.task-main>.task-comments {padding:22px;border:1px solid var(--divider);border-radius:22px;background:var(--solid);margin:0;min-width:0;}
.task-properties>h3 {display:flex;align-items:center;gap:9px;font-size:15px;font-weight:550;margin:0 0 22px;}
.task-main .collaboration-section {border-top:0;}
.task-main .work-form label.assignee-option {display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:9px 10px;margin:0;min-height:46px;}
.task-main label.assignee-option input[type=checkbox] {order:3;margin:0 0 0 auto;width:16px;height:16px;min-height:0;flex:none;}
.task-main label.assignee-option .avatar {flex:none;width:28px;height:28px;}
.task-main label.assignee-option [data-person-name] {display:block;flex:1;font-size:13px;line-height:1.4;}
.task-main .assignee-menu {padding:8px;}
.task-summary {gap:14px;}
.notifications-settings {padding:22px;margin-bottom:20px;border-radius:24px;}
.notifications-settings>h2 {font-size:17px;margin:0 0 20px;}
.notification-preferences {max-width:960px;display:grid;gap:20px;}
.notification-preferences>p {margin:0;}
.notification-preferences .notification-fieldset {margin:0;}
.notification-preferences .notification-form-actions {margin:0;}
.notification-connections {gap:20px;}
.notification-connection-card {padding:18px;border-radius:18px;border:1px solid var(--divider);background:var(--solid);}
.notification-connection-card>h2 {margin:0 0 12px;font-size:18px;}
.notification-connection-card form,.notification-connection-card .form-field {margin:14px 0;}
.notification-connection-card .button {margin-top:8px;white-space:normal;}
.notifications-list>li {border-radius:22px;gap:20px;}
.notifications-list h2 {font-size:17px;}
@media(min-width:901px) {.work-shell {grid-template-columns:238px minmax(0,1fr);gap:24px;}.work-shell .sidebar {padding:20px 14px;}.sidebar-nav>a {padding:10px 12px;min-height:43px;gap:10px;}.work-shell .sidebar h2 {font-size:17px;}.account-menu {padding-top:12px;}.sidebar .eyebrow {font-size:9px;margin-bottom:20px;}.sidebar-divider {margin:12px 8px;}}
@media(min-width:1600px) {.dashboard-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);}.dashboard-projects .project-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.task-filter-card .task-filters {grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:1100px) {.dashboard-progress {gap:16px;}.progress-ring {width:120px;height:120px;padding:8px;}.dashboard-panel {padding:18px;}.dashboard-members {grid-template-columns:1fr;}}
@media(max-width:800px) {.dashboard-grid {grid-template-columns:1fr;}.dashboard-stack {display:contents;}.task-overview {gap:10px;}.overview-card {padding:14px;}.overview-card strong {font-size:23px;}.task-filter-card .task-filters {grid-template-columns:repeat(2,minmax(0,1fr));}.dashboard-members {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {.work-heading {gap:14px;}.dashboard-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.dashboard-stats>a {min-width:0;padding:12px;border-radius:18px;}.dashboard-stats span {font-size:10px;}.dashboard-stats strong {font-size:23px;}.dashboard-grid {gap:14px;}.dashboard-panel {border-radius:22px;padding:17px;}.dashboard-panel .section-heading {gap:10px;}.dashboard-panel .section-heading>a {font-size:11px;}.dashboard-panel h2 {font-size:17px;}.dashboard-task {padding:10px 4px;gap:6px;}.dashboard-task .priority-pill {max-width:70px;white-space:normal;}.dashboard-task-copy>a {font-size:13px;}.task-star .icon-button {width:36px;height:44px;min-height:44px;}.dashboard-members {grid-template-columns:1fr;}.task-overview {grid-template-columns:repeat(2,minmax(0,1fr));}.task-filter-card {padding:16px;}.task-filter-card .task-filters {gap:12px;}.task-filter-card .filter-search {grid-column:1/-1;}.task-filter-card label.checkbox {align-self:center;}.task-main {gap:16px;}.task-main>.surface-card,.task-main>.task-materials,.task-main>.task-files,.task-main>.task-attachments,.task-main>.task-comments {padding:16px;border-radius:18px;}.bulk-card {padding:16px;}.bulk-card .bulk-controls>div:not(.bulk-selection) {max-width:none;}.notifications-settings {padding:17px;}.notification-connection-card {padding:15px;}.notification-preferences {gap:16px;}}

.project-progress {display:grid;gap:7px;margin:6px 0;font-size:11px;color:var(--muted);}.project-progress progress {width:100%;height:5px;accent-color:var(--accent);}

/* Keep the list's count and view switch together; settings remain in pencil dialogs. */
[data-task-scale]>.task-toolbar {grid-template-columns:minmax(0,1fr) auto;align-items:center;}
[data-task-scale] .task-toolbar-left {display:contents;}
.task-filter-card {grid-column:1/-1;}
[data-task-scale] .task-toolbar-left>.count-label {margin:0;grid-column:1;}
[data-task-scale] .view-switch {grid-column:2;}
.task-summary {border:0;}
@media(min-width:1100px) {.task-filter-card .task-filters {grid-template-columns:repeat(6,minmax(0,1fr));}.task-filter-card .filter-actions {grid-column:span 5;}.task-filter-card .filter-actions .button {flex:none;min-width:125px;}.task-filter-card .filter-search {grid-column:span 2;}.task-filter-card {padding-block:15px;}.task-filter-card .section-heading {margin-bottom:10px;}.overview-card {padding-block:14px;}}
@media(max-width:600px) {.task-summary {grid-template-columns:repeat(2,minmax(0,1fr));}.task-summary-card:nth-child(3) {grid-column:1/-1;display:flex;align-items:center;gap:14px;justify-content:space-between;}.task-summary-card>span {overflow-wrap:normal;word-break:normal;}.task-summary-card {padding:14px;}.advanced-filter-fields {grid-template-columns:1fr;}.task-filter-card .section-heading {flex-wrap:wrap;}.task-filter-card .section-heading h2 {flex-basis:calc(100% - 60px);}.task-filter-card .saved-view-trigger {margin-left:auto;}.task-filter-card .filter-actions {grid-column:1/-1;}}

.task-main>.task-history {padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin:0;min-width:0;}
.task-history>summary {display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;min-height:36px;padding:4px 0;font-size:12px;color:var(--muted);list-style:none;}
.task-history>summary::-webkit-details-marker {display:none;}
.task-history>summary:hover {color:var(--accent);}
.task-history .task-history-count {font:inherit;line-height:inherit;}
.task-history[open]>.history-list {margin-top:12px;}