/* Surface and interaction refinement. All colours derive from the existing theme. */
:root {
  --ref-line: color-mix(in srgb, var(--text) 8%, transparent);
  --ref-line-strong: color-mix(in srgb, var(--text) 14%, transparent);
  --ref-inset: color-mix(in srgb, var(--bg) 76%, var(--surface));
  --ref-well: color-mix(in srgb, var(--text) 3%, var(--bg));
  --ref-blue-line: color-mix(in srgb, var(--brand) 25%, var(--surface));
  --ref-focus: color-mix(in srgb, var(--brand) 76%, var(--surface));
  --ref-shadow: 0 1px 2px color-mix(in srgb, var(--text) 3%, transparent), 0 4px 16px color-mix(in srgb, var(--text) 3%, transparent);
  --ref-shadow-raised: 0 2px 4px color-mix(in srgb, var(--text) 4%, transparent), 0 8px 24px color-mix(in srgb, var(--text) 5%, transparent);
  --ref-control-shadow: 0 1px 2px color-mix(in srgb, var(--text) 5%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent);
}

/* Typography stays quiet; numbers and section names carry the hierarchy. */
.content [role="tabpanel"] { animation: panel-settle 500ms var(--ease) both; }
@keyframes panel-settle { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.app-shell { text-rendering: optimizeLegibility; }
.app-shell .page-heading h1 { font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -.025em; }
.app-shell .page-heading p { max-width: 56ch; font-size: 14px; line-height: 20px; }
.app-shell :is(.card-header h2, .section-head h2, .section-title) { font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: -.015em; }
.app-shell :is(.project-card h3, .resource-card h3, .co-card-top h3, .co-approval-card h3) { font-weight: 600; letter-spacing: -.015em; }
.app-shell :is(.stat-number, .stat-value, .chart-total strong, .ring-center strong, .co-summary-item strong) { font-weight: 600; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.app-shell :is(.project-meta, .eyebrow, .co-task-meta, .co-comment-head, .co-footnote, .page-footer) { font-variant-numeric: tabular-nums; }
.app-shell .eyebrow { letter-spacing: .02em; font-weight: 500; }
.app-shell .page-heading { margin-bottom: 24px; }
.app-shell .page-footer { padding-top: 32px; }

/* Three levels: white primary surface, inset secondary surface, raised task. */
.content :is(.card, .stat-card, .project-card, .resource-card, .detail-hero, .analysis-context, .analysis-summary, .analysis-section, .analysis-ready, .resource-context, .co-phase-track, .co-list-item, .collab-project-entry, .ai-side-card, .quick-analysis) {
  border: 1px solid var(--ref-line);
  background: var(--surface);
  border-radius: 16px;
  box-shadow: var(--ref-shadow);
}
.content .mini-stats > div { border-color: var(--ref-line); box-shadow: var(--ref-shadow); }
.content :is(.project-card, .resource-card):hover { border-color: var(--ref-line); }
.content :is(.project-card, .resource-card, .focus-project):focus-within { border-color: var(--ref-blue-line); }
.content :is(.need-box, .service-record, .risk-card, .co-handoff-checklist, .co-audit-change) {
  background: var(--ref-inset);
  border: 1px solid var(--ref-line);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent);
}
.content .card .focus-project { background: var(--ref-inset); border: 1px solid var(--ref-line); border-radius: 12px; box-shadow: none; }
.content .co-dashboard .co-summary-item { background: var(--ref-inset); border: 1px solid var(--ref-line); border-radius: 12px; box-shadow: none; }
.content .co-delivery-section .co-delivery-card { background: var(--ref-inset); border: 1px solid var(--ref-line); box-shadow: none; }
.content .co-kanban-column { background: var(--ref-well); border: 1px solid var(--ref-line); border-radius: 16px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent); }
.content .co-task-card { background: var(--surface); border: 1px solid var(--ref-line); border-radius: 12px; box-shadow: var(--ref-shadow-raised); }
.content .co-task-card h4 { font-size: 14px; line-height: 20px; font-weight: 600; }
.content .co-task-card .co-task-meta { gap: 8px; margin-top: 16px; }
.content .co-phase-track { padding: 24px; }
.content .co-phase-item::before { height: 4px; border-radius: 999px; }
.content .co-phase-item .co-phase-number { box-shadow: inset 0 0 0 1px var(--ref-line); }
.content .co-phase-item.current .co-phase-number { box-shadow: 0 2px 8px color-mix(in srgb, var(--brand) 16%, transparent); }
.content .co-phase-item.current > span:last-child { font-weight: 600; }
.content .co-project-toolbar { padding: 0 4px; }
.content .co-section-head { margin-bottom: 16px; }
.content .co-list > .co-approval-card, .content .co-ticket-list > .co-delivery-card { padding: 24px; }
.content .co-approval-card .co-item-actions { border-top-color: var(--ref-line); }
.content .co-comment { border-bottom-color: var(--ref-line); }
.content .co-comment-head { gap: 12px; }
.content .co-comment-body { line-height: 24px; }
.content .co-notice-list .co-notification { box-shadow: none; border-bottom-color: var(--ref-line); }
.content .co-notice-list .co-notification.unread { background: color-mix(in srgb, var(--brand) 2%, var(--surface)); }
.content .co-notice-list .co-notification:hover { background: color-mix(in srgb, var(--bg) 64%, var(--surface)); }
.content .co-notice-symbol { border: 1px solid var(--ref-line); background: var(--ref-inset); }
.content .co-check-row { border-bottom-color: var(--ref-line); }
.content .co-check-row:has(input:checked) { background: color-mix(in srgb, var(--surface) 75%, var(--bg)); }
.content .co-check-row input { accent-color: var(--brand); }
.content .co-object-highlight { outline: 2px solid var(--ref-focus); outline-offset: 4px; }

/* Navigation uses the same material, with selected items resting above it. */
.app-shell .sidebar { background: color-mix(in srgb, var(--bg) 94%, transparent); border-right-color: var(--ref-line); }
.app-shell .sidebar .brand > img { border: 1px solid color-mix(in srgb, var(--text) 4%, transparent); box-shadow: 0 2px 8px color-mix(in srgb, var(--text) 7%, transparent); }
.app-shell .sidebar .workspace-switch { background: color-mix(in srgb, var(--surface) 54%, var(--bg)); border: 1px solid var(--ref-line); border-radius: 12px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent); }
.app-shell .sidebar nav { padding: 4px 4px 4px 0; gap: 4px; }
.app-shell .sidebar nav .nav-item { min-height: 40px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; font-weight: 500; }
.app-shell .sidebar .nav-item.active { background: var(--surface); border-color: var(--ref-line); color: var(--text); box-shadow: var(--ref-control-shadow); font-weight: 600; }
.app-shell .sidebar .nav-item.active img.icon { opacity: .9; }
.app-shell .nav-section-title { margin-top: 16px; margin-bottom: 4px; font-size: 12px; line-height: 16px; }
.app-shell .nav-count { min-width: 20px; border-radius: 999px; background: color-mix(in srgb, var(--text) 6%, var(--surface)); font-weight: 500; }
.app-shell .nav-item.active .nav-count { background: var(--bg); color: var(--text); }
.app-shell .sidebar-bottom .user-profile { padding: 12px 8px; border: 1px solid var(--ref-line); border-radius: 12px; background: color-mix(in srgb, var(--surface) 54%, var(--bg)); }
.app-shell .sidebar-bottom .user-profile strong { font-weight: 600; }
.app-shell .topbar { position: sticky; top: 0; z-index: 35; background: color-mix(in srgb, var(--bg) 80%, transparent); border-bottom-color: var(--ref-line); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); }
.app-shell .breadcrumb strong { color: var(--text); font-weight: 500; }
.app-shell .chip.demo { border: 1px solid var(--ref-line); border-radius: 999px; padding: 4px 8px; background: color-mix(in srgb, var(--surface) 45%, transparent); }
.app-shell .topbar .co-actor-control { border: 1px solid transparent; border-radius: 12px; padding: 4px 8px; }
.app-shell .topbar .co-actor-control strong { font-size: 12px; line-height: 20px; font-weight: 600; }
.app-shell .topbar .co-actor-control small { font-size: 12px; line-height: 16px; }
.app-shell .avatar { box-shadow: inset 0 0 0 1px var(--ref-line); }
.app-shell .collab-entry-team .avatar { box-shadow: 0 1px 2px color-mix(in srgb, var(--text) 5%, transparent); }
.app-shell .co-notification-count { border-color: var(--bg); min-width: 20px; height: 20px; box-shadow: 0 1px 4px color-mix(in srgb, var(--brand) 12%, transparent); }

/* Shared controls. The dialog layer remains owned by overlay-refinement.css. */
.app-shell :is(.btn, .icon-btn, .row-action, .filter-chip, .tab, .co-task-card, .co-summary-item, .stat-action, .attention-item, .material-item, .source-item, .nav-item, .workspace-switch, .user-profile, .co-actor-control, .text-button, .section-link, .back-link, .project-link, .evidence-link, .attention-all, summary),
.app-shell :is(.segmented, .view-toggle, .co-tabs, .co-status-filter, .co-status-actions) > button {
  transition: transform 500ms var(--ease), opacity 250ms var(--ease), background-color 250ms var(--ease), border-color 250ms var(--ease), box-shadow 250ms var(--ease), color 250ms var(--ease);
}
.app-shell .btn { border-radius: 8px; font-weight: 600; }
.app-shell .btn-sm { font-size: 14px; line-height: 20px; }
.app-shell .btn-secondary { border-color: var(--ref-line-strong); box-shadow: var(--ref-control-shadow); }
.app-shell .btn-primary { box-shadow: 0 1px 2px color-mix(in srgb, var(--brand) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface) 20%, transparent); }
.app-shell .btn-ghost { border-color: transparent; box-shadow: none; }
.app-shell :is(.icon-btn, .row-action) { border: 1px solid transparent; }
.app-shell :is(.project-icon, .resource-icon, .analysis-ready-icon, .analysis-summary-icon, .side-card-icon) { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text) 4%, transparent); }
.app-shell .badge, .app-shell .co-task-card .badge { border: 1px solid color-mix(in srgb, currentColor 10%, transparent); border-radius: 999px; padding: 2px 8px; min-height: 24px; font-weight: 500; line-height: 16px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--surface) 65%, transparent); }
.app-shell .resource-tags .badge { border-color: var(--ref-line); background: color-mix(in srgb, var(--bg) 72%, var(--surface)); font-weight: 400; }
.app-shell :is(.tab-count, .co-board-count) { border-radius: 999px; min-width: 24px; padding: 0 8px; background: color-mix(in srgb, var(--text) 6%, var(--surface)); font-weight: 500; }
.app-shell :is(.segmented, .view-toggle) { padding: 4px; border-color: var(--ref-line); border-radius: 12px; background: var(--ref-inset); box-shadow: inset 0 1px 2px color-mix(in srgb, var(--text) 3%, transparent); }
.app-shell :is(.segmented, .view-toggle) button { border-radius: 8px; }
.app-shell :is(.segmented button.active, .segmented button[aria-pressed="true"], .view-toggle button.active) { background: var(--surface); box-shadow: var(--ref-control-shadow); }
.app-shell :is(.tabs, .co-tabs) { width: fit-content; max-width: 100%; gap: 4px; padding: 4px; border: 1px solid var(--ref-line); border-radius: 12px; background: var(--ref-inset); scrollbar-width: none; }
.app-shell :is(.tabs, .co-tabs)::-webkit-scrollbar { display: none; }
.app-shell .tab, .app-shell .co-tabs > button { min-height: 36px; padding: 8px 16px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--text-secondary); font-size: 14px; line-height: 20px; font-weight: 500; }
.app-shell .tab.active, .app-shell .co-tabs > [aria-selected="true"] { border-color: var(--ref-line); background: var(--surface); color: var(--text); box-shadow: var(--ref-control-shadow); font-weight: 600; }
.app-shell .filter-chip { border: 1px solid transparent; border-radius: 8px; }
.app-shell .filter-chip.active { border-color: var(--ref-line); background: var(--surface); box-shadow: var(--ref-control-shadow); }
.app-shell .co-status-filter { display: inline-flex; width: fit-content; max-width: 100%; padding: 4px; gap: 4px; border: 1px solid var(--ref-line); border-radius: 12px; background: var(--ref-inset); }
.app-shell .co-status-filter > button { border: 1px solid transparent; border-radius: 8px; }
.app-shell .co-status-filter > :is(.btn-primary, .active, [aria-pressed="true"]) { border-color: var(--ref-line); color: var(--text); background: var(--surface); box-shadow: var(--ref-control-shadow); }
.content :is(.search-box, .toolbar select, .context-select select, .co-toolbar select, .form-field input, .form-field select, .form-field textarea, .co-comment-form textarea) { border: 1px solid var(--ref-line-strong); border-radius: 8px; background: var(--surface); box-shadow: inset 0 1px 2px color-mix(in srgb, var(--text) 2%, transparent); }
.content .search-box input { background: transparent; box-shadow: none; }
.content .search-box:focus-within { border-color: var(--brand); outline: 3px solid var(--ref-focus); outline-offset: 2px; }
.app-shell :is(button, a, summary, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid var(--ref-focus); outline-offset: 3px; }
.app-shell .search-box input:focus-visible { outline: none; }
.app-shell :is(.tab, .co-tabs > button, .segmented > button, .view-toggle > button, .co-status-filter > button, .sidebar nav .nav-item):focus-visible { outline-offset: -3px; }
.app-shell :is(button, a):active:not(:disabled):not([aria-disabled="true"]), .app-shell summary:active { transform: scale(.98); transition-duration: 90ms; }
.app-shell button:disabled, .app-shell [aria-disabled="true"] { transform: none; box-shadow: none; opacity: .45; }

/* Table and row feedback keep the geometry fixed. */
.content .data-table th { background: var(--ref-inset); border-bottom-color: var(--ref-line); font-size: 12px; line-height: 16px; font-weight: 600; }
.content .data-table td { border-bottom-color: var(--ref-line); padding-top: 16px; padding-bottom: 16px; transition: background-color 250ms var(--ease); }
.content .data-table tbody tr { background: var(--surface); }
.content .data-table tbody tr:hover { background: var(--surface); }
.content .data-table tbody tr:hover > td { background: color-mix(in srgb, var(--brand) 3%, var(--surface)); }
.content .data-table tbody tr:focus-within > td { background: color-mix(in srgb, var(--brand) 4%, var(--surface)); }
.content .data-table .project-link { font-weight: 600; }
.content :is(.table-footer, .list-footer, .card-footer) { border-top-color: var(--ref-line); background: color-mix(in srgb, var(--bg) 38%, var(--surface)); }
.content :is(.attention-item, .material-item, .source-item) { border-bottom-color: var(--ref-line); }
.content :is(.attention-item, .material-item, .source-item):focus-visible { border-radius: 8px; }
.content .risk-card summary { border-radius: 4px; }
.content .risk-card[open] { background: var(--surface); border-color: var(--ref-line-strong); }
.content .co-audit-change { padding: 8px 12px; }
.content .co-audit-change > summary { font-weight: 500; }
.content .co-audit-change[open] { border-color: var(--ref-line-strong); }
.content .co-audit-table td { vertical-align: top; }
.content .co-audit-change > div > p { font-size: 12px; line-height: 20px; }
.content .co-audit-change > div > p > strong { font-size: 12px; line-height: 20px; }
.content .co-audit-change > div > p + p { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ref-line); }
.content .co-heading-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.content .co-heading-meta > :is(p, span) { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 20px; font-weight: 400; }
.content .co-section-head .co-heading-meta .text-small { margin-top: 0; }
.content .co-handoff-context { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 16px; color: var(--text-secondary); font-size: 12px; line-height: 20px; }
.content .co-handoff-context strong { color: var(--text); font-weight: 500; }
.content .co-toolbar-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; color: var(--text-secondary); font-size: 12px; line-height: 20px; }
.content .co-rule-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; list-style: none; counter-reset: handoff; margin: 24px 0 0; padding: 16px; border: 1px solid var(--ref-line); border-radius: 12px; background: var(--ref-inset); }
.content .co-rule-steps > li { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--text-secondary); font-size: 12px; line-height: 20px; counter-increment: handoff; }
.content .co-rule-steps > li::before { content: counter(handoff); display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid var(--ref-line); border-radius: 50%; background: var(--surface); color: var(--text-secondary); font-size: 12px; line-height: 16px; }
.content ol.suggestion-list { margin: 0; list-style: none; }
.content ol.suggestion-list > li { list-style: none; }

@media (hover: hover) and (pointer: fine) {
  .app-shell :is(.btn, .icon-btn, .row-action, .workspace-switch, .user-profile, .co-actor-control):hover:not(:disabled) { transform: translateY(-1px); }
  .app-shell :is(.stat-action, .co-task-card, .co-summary-item):hover:not(:disabled) { transform: translateY(-1px); border-color: var(--ref-blue-line); box-shadow: var(--ref-shadow-raised); }
  .app-shell :is(.stat-action, .co-summary-item):hover:not(:disabled) { background: var(--surface); }
  .app-shell .co-task-card:hover:not(:disabled) { background: var(--surface); }
  .app-shell :is(.btn-secondary, .workspace-switch, .user-profile):hover:not(:disabled) { background: color-mix(in srgb, var(--bg) 40%, var(--surface)); border-color: var(--ref-line-strong); }
  .app-shell .sidebar .nav-item:not(.active):hover { color: var(--text); background: color-mix(in srgb, var(--text) 4%, var(--bg)); }
  .app-shell .sidebar .nav-item.active:hover { background: var(--surface); }
  .app-shell :is(.icon-btn, .row-action, .btn-ghost):hover:not(:disabled), .app-shell .topbar .co-actor-control:hover { background: color-mix(in srgb, var(--text) 5%, var(--bg)); }
  .app-shell .tab:not(.active):hover, .app-shell .co-tabs > button:not([aria-selected="true"]):hover { background: color-mix(in srgb, var(--surface) 60%, transparent); color: var(--text); }
  .app-shell .tab.active:hover, .app-shell .co-tabs > [aria-selected="true"]:hover { background: var(--surface); color: var(--text); }
  .app-shell :is(.attention-item, .material-item, .source-item, .attention-all):hover { background: color-mix(in srgb, var(--brand) 2%, var(--surface)); }
  .app-shell :is(.attention-item, .material-item, .source-item):hover { border-radius: 8px; }
  .content :is(.risk-card summary, .co-audit-change > summary, .milestone-evidence summary):hover { background: color-mix(in srgb, var(--text) 3%, var(--surface)); border-radius: 4px; }
  .app-shell :is(button, a):active:not(:disabled):not([aria-disabled="true"]) { transform: scale(.98); }
}

@media (max-width: 1279px) {
  .app-shell .page-heading h1 { font-size: 24px; line-height: 32px; }
  .app-shell .sidebar nav .nav-item { padding-right: 8px; padding-left: 8px; }
  .content .co-phase-track { padding: 24px 16px; }
}
@media (max-width: 899px) {
  .app-shell .page-heading h1 { font-size: 24px; line-height: 32px; }
  .app-shell .topbar { min-height: 64px; }
  .app-shell .sidebar { background: color-mix(in srgb, var(--bg) 96%, transparent); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
  .app-shell .sidebar nav .nav-item { min-height: 44px; padding: 8px 12px; font-size: 14px; }
  .app-shell :is(.btn, .filter-chip, .tab, .text-button, .section-link, .back-link, .project-link, .evidence-link, .attention-all, .co-tabs > button, .co-status-filter > button, .co-status-actions > button, .segmented button, .co-actor-control) { min-height: 44px; }
  .app-shell :is(.icon-btn, .row-action), .app-shell .view-toggle button { width: 44px; height: 44px; }
  .app-shell :is(.icon-btn.mobile-nav-toggle, .co-notification-button) { display: inline-flex; }
  .app-shell .topbar .co-actor-control { min-height: 44px; }
  .app-shell .topbar-actions { gap: 8px; }
  .app-shell :is(.tabs, .co-tabs) { gap: 4px; }
  .app-shell .tab, .app-shell .co-tabs > button { padding: 8px 12px; font-size: 12px; }
  .content :is(.search-box, .toolbar select, .context-select select, .co-toolbar select, .form-field input, .form-field select) { min-height: 44px; }
  .content :is(.search-box input, .toolbar select, .context-select select, .co-toolbar select, .form-field input, .form-field select, .form-field textarea, .co-comment-form textarea) { font-size: 16px; line-height: 24px; }
  .content .co-phase-track { padding: 16px; }
  .content :is(.risk-card summary, .co-audit-change > summary, .milestone-evidence summary) { min-height: 44px; align-content: center; }
  .content .co-check-row { min-height: 44px; }
  .content .co-dashboard .co-summary-item > span { line-height: 20px; }
}
@media (max-width: 559px) {
  .app-shell .topbar { gap: 8px; }
  .app-shell .breadcrumb > span:first-of-type, .app-shell .breadcrumb > span:first-of-type + .icon { display: none; }
  .app-shell .breadcrumb { flex-wrap: nowrap; gap: 8px; }
  .app-shell .breadcrumb strong { white-space: nowrap; }
  .app-shell .topbar-actions { gap: 4px; }
  .app-shell .topbar .co-actor-control { padding: 4px; gap: 4px; }
  .app-shell .topbar .co-actor-control strong { max-width: 48px; }
  .app-shell .topbar .co-actor-control > .icon:last-child { display: none; }
  .app-shell .page-heading .heading-actions { gap: 8px; }
  .content .co-list > .co-approval-card, .content .co-ticket-list > .co-delivery-card { padding: 16px; }
  .content .co-project-toolbar { padding: 0; }
  .content .co-phase-track { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; padding: 16px 12px; overflow-x: visible; }
  .content .co-phase-item { min-width: 0; padding-right: 0; gap: 8px; }
  .content .co-phase-item > span:last-child { font-size: 12px; line-height: 20px; white-space: nowrap; }
  .content .co-phase-item .co-phase-number { width: 24px; height: 24px; font-size: 12px; line-height: 16px; }
  .content .co-card-top .badge { flex-shrink: 0; }
  .content .co-notification .co-card-top { gap: 8px; }
  .content .co-notification .co-item-actions { gap: 8px; }
  .content .co-rule-steps { grid-template-columns: minmax(0,1fr); gap: 12px; padding: 16px; }
  .app-shell .co-status-filter { gap: 4px; }
  .app-shell .co-status-filter > button { padding-left: 8px; padding-right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .app-shell :is(button, a, summary), .app-shell :is(.stat-action, .co-task-card, .co-summary-item) { transition: opacity 200ms var(--ease); }
  .app-shell :is(button, a, summary):is(:hover, :active) { transform: none !important; }
}
@media print {
  .content :is(.card, .stat-card, .project-card, .resource-card, .detail-hero, .analysis-context, .analysis-summary, .analysis-section, .analysis-ready, .resource-context, .co-phase-track, .co-list-item, .collab-project-entry, .co-task-card) { box-shadow: none; }
}