/* Detail components share the existing shell's semantic theme tokens. */

.dashboard-page .detail-workspace{--detail-gap:20px}
.dashboard-page .detail-workspace .back-link{margin:0 0 8px;font-size:.875rem}
.dashboard-page .detail-workspace .detail-heading{align-items:center;gap:24px}
.dashboard-page .detail-workspace .detail-heading>div:first-child{min-width:0}
.dashboard-page .detail-workspace .detail-heading h1{font-family:"DM Sans",sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 4px}
.dashboard-page .detail-workspace .detail-status{display:grid;justify-items:end;gap:8px;flex:0 0 auto}
.dashboard-page .detail-workspace .detail-status .status{font-size:.8125rem;font-weight:600;padding:6px 12px;text-transform:uppercase}
.dashboard-page .detail-workspace .detail-status p{font-size:.875rem}
.dashboard-page .detail-workspace .detail-tabs{position:relative;margin-top:14px;gap:32px;background:var(--paper);backdrop-filter:none}
.dashboard-page .detail-workspace .detail-tabs button{min-height:40px;padding:0 7px;font-size:.9375rem;font-weight:400}
.dashboard-page .detail-workspace .detail-tabs button.is-active{font-weight:700}
.dashboard-page .detail-workspace .detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,27%);gap:16px;margin-top:20px;align-items:start}
.dashboard-page .detail-workspace .detail-grid.is-calculation{grid-template-columns:minmax(0,1fr)}
.dashboard-page .detail-workspace .detail-primary{min-width:0;gap:8px}
.dashboard-page .detail-workspace .detail-aside{min-width:0;padding:0;background:transparent;border:0;border-radius:0}
.detail-context{display:grid;gap:14px;min-width:0}
.intake-panel,.aside-card,.intake-secondary{min-width:0;background:var(--theme-surface);border:1px solid var(--line);border-radius:7px}
.intake-panel{padding:16px 23px 18px}
.intake-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.intake-panel-header h2{margin:0;font-size:1.375rem;letter-spacing:-.025em}
.intake-panel-header p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.5;text-align:right}
.intake-section{display:grid;grid-template-columns:24px minmax(0,1fr);gap:18px;padding:14px 0 12px;border-bottom:1px solid var(--line)}
.intake-section:last-child{border-bottom:0;padding-bottom:0}
.detail-icon{width:22px;height:22px;flex:0 0 auto;vertical-align:middle}
.intake-section>div{min-width:0}
.intake-section h3{margin:0 0 8px;font-size:1.1875rem;font-weight:700;letter-spacing:-.02em}
.intake-rows{margin:0;display:grid;gap:4px;font-size:.9375rem;line-height:1.4}
.intake-rows>div{display:grid;grid-template-columns:minmax(135px,28.5%) minmax(0,1fr);gap:16px;align-items:start}
.intake-rows dt{color:var(--muted);overflow-wrap:anywhere}
.intake-rows dd{margin:0;min-width:0;font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}
.intake-rows dd.is-empty{font-weight:400;color:var(--muted)}
.email-value{display:inline-flex;align-items:center;gap:10px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.copy-email{display:inline-grid;place-items:center;padding:2px;color:var(--muted);background:transparent;border:0;border-radius:3px;cursor:pointer;flex-shrink:0}
.copy-email .detail-icon{width:18px;height:18px}
.copy-feedback{display:block;color:var(--theme-success-text);font-size:.8125rem;white-space:normal}
.copy-feedback:empty{display:none}
.intake-disclosure{min-width:0;margin-top:12px;border-top:1px solid var(--line)}
.intake-disclosure summary{min-height:40px;display:grid;grid-template-columns:18px minmax(135px,calc(30% - 34px)) minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;cursor:pointer;list-style:none;font-size:.875rem}
.intake-disclosure summary::-webkit-details-marker,.rule-proof summary::-webkit-details-marker,.tasks-card summary::-webkit-details-marker{display:none}
.intake-disclosure summary .detail-icon{width:16px;height:16px;transition:transform 160ms ease}
.intake-disclosure[open]>summary>.detail-icon{transform:rotate(90deg)}
.intake-disclosure summary strong{font-weight:600}
.intake-disclosure summary span{min-width:0;color:var(--muted);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
.disclosure-body{padding:6px 0 10px}
.intake-empty-note{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:12px 14px;color:var(--muted);background:var(--theme-surface-muted);border-radius:5px;font-size:.875rem;line-height:1.4}
.intake-empty-note .detail-icon{width:17px;height:17px}
.intake-message{margin:0;padding:12px 16px;white-space:pre-wrap;background:var(--theme-surface-subtle);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:5px;font-size:1rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.dashboard-page .detail-workspace .intake-secondary{margin-top:0;padding:0 23px}
.intake-secondary>summary{grid-template-columns:24px 210px minmax(0,1fr);min-height:44px;gap:18px}
.intake-secondary>summary strong{font-size:1rem;font-weight:700}
.intake-secondary .disclosure-body{padding:8px 0 18px}
.intake-room-list{display:grid;gap:10px}
.intake-room-list .intake-disclosure{margin-top:0}
.intake-reviewed-status{padding:4px 0 12px;border-bottom:1px solid var(--line)}
.intake-reviewed-status .intake-reviewed-counts{margin-top:0}
.intake-reviewed-status .intake-reviewed-help:last-child{margin-bottom:0}
.intake-room-reviewed{min-width:0}
.intake-room-reviewed h4{margin:4px 0 8px;font-size:.9375rem;font-weight:600}
.intake-room-reviewed+.intake-room-original{margin-top:12px}
.intake-room-original>summary{grid-template-columns:18px minmax(0,1fr) auto}
.intake-room-original>summary span{font-size:.8125rem}
.intake-unlinked-target+.intake-unlinked-target{margin-top:18px}
.intake-document{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.intake-document>div{display:grid;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}
.intake-document small{color:var(--muted)}
.intake-source{padding:0 4px;color:var(--muted);font-size:.8125rem;line-height:1.5}
.intake-source .intake-disclosure{margin-top:8px}
.intake-reviewed{margin-top:0;border-top:0;border-bottom:1px solid var(--line);padding:8px 0 14px}
.intake-reviewed>summary{grid-template-columns:18px minmax(0,1fr) auto;gap:12px}
.intake-reviewed>summary strong{font-size:1rem;font-weight:700}
.intake-reviewed .disclosure-body{padding-bottom:0}
.intake-reviewed-label{margin:0 0 4px;font-size:.875rem;font-weight:600}
.intake-reviewed-help,.intake-reviewed-counts{margin:0 0 10px;color:var(--muted);font-size:.8125rem;line-height:1.5;max-width:72ch;overflow-wrap:anywhere}
.intake-reviewed-counts{margin-top:12px;color:var(--ink)}
.intake-reviewed-notice{margin:12px 0;padding:10px 12px;background:var(--theme-surface-muted);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.intake-reviewed-notice.is-warning{color:var(--theme-warning-text);background:var(--theme-warning-surface)}
.intake-reviewed-reload{min-height:36px;padding:5px 0;color:var(--theme-info-text);background:none;border:0;font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.intake-reviewed-reload:hover{color:var(--ink)}
.intake-reviewed-group{margin-top:18px;min-width:0}
.intake-reviewed-group h4{margin:0 0 10px;font-size:.9375rem;font-weight:700;overflow-wrap:anywhere}
.intake-reviewed-fields{gap:0}
.intake-reviewed-fields>.intake-reviewed-field{padding:10px 0;border-top:1px solid var(--line)}
.intake-reviewed-fields dd{white-space:normal;font-weight:400}
.intake-reviewed-value{font-size:1rem;font-weight:600;white-space:pre-wrap;font-variant-numeric:tabular-nums}
.intake-reviewed-original{display:block;margin-top:4px;color:var(--muted);font-size:.8125rem;line-height:1.5;white-space:pre-wrap}
.intake-reviewed-conflict{display:block;color:var(--theme-warning-text);font-size:.875rem;font-weight:600}
.intake-reviewed-alternatives{margin:8px 0;padding-left:18px}
.intake-reviewed-alternatives li{padding:3px 0;overflow-wrap:anywhere}
.intake-reviewed-alternatives strong{font-weight:600;white-space:pre-wrap;font-variant-numeric:tabular-nums}
.intake-reviewed-alternatives span{display:block;color:var(--muted);font-size:.8125rem}
.intake-reviewed-proof{margin-top:4px}
.intake-reviewed-proof>summary{display:list-item;list-style:revert;min-height:32px;padding:6px 0;color:var(--theme-info-text);font-size:.8125rem;cursor:pointer}
.intake-reviewed-proof>summary::-webkit-details-marker{display:revert}
.intake-reviewed-source{padding:12px 0 4px;border-top:1px solid var(--line)}
.intake-reviewed-source h5{margin:0 0 10px;font-size:.875rem;font-weight:600;overflow-wrap:anywhere}
.intake-reviewed-source h6{margin:14px 0 6px;color:var(--ink);font-size:.8125rem;font-weight:600}
.intake-reviewed-source .intake-rows{font-size:.8125rem;margin-bottom:8px}
.intake-reviewed-source .intake-rows>div{grid-template-columns:minmax(90px,32%) minmax(0,1fr);gap:10px}
.intake-reviewed-source .intake-rows dd{white-space:pre-wrap;font-weight:400}
.intake-reviewed-evidence,.intake-reviewed-versions{padding-left:18px;margin:0 0 10px}
.intake-reviewed-evidence li,.intake-reviewed-versions li{padding:4px 0;min-width:0}
.intake-reviewed-evidence blockquote{margin:0 0 4px;white-space:pre-wrap;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.intake-reviewed-evidence small{color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}
.intake-original-intro{margin:14px 0 0;color:var(--muted);font-size:.8125rem;line-height:1.5}
@media(max-width:720px){
  .intake-room-original>summary{grid-template-columns:16px minmax(0,1fr)}
  .intake-room-original>summary span{grid-column:2}
  .intake-reviewed>summary{grid-template-columns:16px minmax(0,1fr)}
  .intake-reviewed>summary>span{grid-column:2}
  .intake-reviewed-fields>.intake-reviewed-field{margin-bottom:0}
  .intake-reviewed-source .intake-rows>div{grid-template-columns:1fr;gap:2px;margin-bottom:6px}
}
.aside-card{padding:18px 19px;overflow-wrap:anywhere}
.aside-card h2{margin:0 0 12px;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}
.aside-card p{margin:0 0 14px;color:var(--muted);font-size:.875rem;line-height:1.5}
.aside-card small{color:var(--muted);font-size:.8125rem;line-height:1.5}
.followup-card{background:var(--theme-surface-subtle);border-color:var(--theme-warning-surface)}
.followup-card h2{display:flex;align-items:center;gap:18px;color:var(--theme-warning-text);font-size:1.0625rem;margin-bottom:10px}
.followup-card h2 .detail-icon{color:var(--theme-warning-text);width:27px;height:27px}
.followup-card>p{padding-left:46px}
.intake-link-action{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;margin-bottom:10px;background:#a45e2b;border:1px solid #a45e2b;border-radius:5px;color:#fff;font-weight:700;font-size:.875rem;cursor:pointer}
.intake-link-action:hover{background:#8d4f22}
.intake-link-action:disabled{opacity:.6;cursor:wait}
.followup-link{display:grid;gap:6px;font-size:.8125rem}
.followup-link input{width:100%;min-width:0;padding:8px;color:var(--ink);background:var(--theme-surface);border:1px solid var(--line-dark);border-radius:4px;font:inherit}
.followup-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.followup-actions button,.followup-actions a{font-size:.8125rem;color:var(--ink);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.followup-actions .detail-icon{width:14px;height:14px}
.dashboard-page .detail-workspace .owner{gap:12px;align-items:center}
.dashboard-page .detail-workspace .owner>span{width:44px;height:44px;flex-shrink:0;font-size:.875rem;color:#1b1815;background:var(--accent)}
.dashboard-page .detail-workspace .owner strong{font-size:1.0625rem;line-height:1.4}
.dashboard-page .detail-workspace .owner div{min-width:0}
.dashboard-page .detail-workspace .owner small{font-size:.875rem}
.dashboard-page .detail-workspace .owner .owner-phone{display:block;color:var(--muted);font-variant-numeric:tabular-nums}
.dashboard-page .detail-workspace .rule-proof{margin:16px 0 0;padding:8px 0 0;border-top:1px solid var(--line)}
.dashboard-page .detail-workspace .rule-proof summary,.aside-row-action{display:flex;align-items:center;gap:14px;min-height:36px;color:var(--ink);font-size:.875rem;font-weight:400;list-style:none;cursor:pointer}
.rule-proof summary .detail-icon,.aside-row-action .detail-icon{width:18px;height:18px;color:var(--muted)}
.rule-proof summary .detail-icon:last-child,.aside-row-action .detail-icon:last-child{margin-left:auto;width:14px;height:14px;color:var(--ink)}
.rule-proof[open] summary .detail-icon:last-child{transform:rotate(90deg)}
.aside-row-action{width:100%;padding:0;background:transparent;border:0;text-align:left}
.drive-link{display:flex;align-items:center;gap:12px;min-height:32px;margin-bottom:12px;color:var(--theme-info-text);font-size:.9375rem;text-underline-offset:3px}
.drive-link .detail-icon:last-child{margin-left:auto;width:16px;height:16px;color:var(--muted)}
/* Twee velden van dezelfde soort, dus dezelfde vorm: rustig label links, wat
   ervan bekend is rechts. Een link weegt zwaarder dan een afwezigheid, want dat
   is de uitzondering die telt. */
.connection-rows{display:grid;gap:2px}
.connection-row{display:grid;grid-template-columns:auto 5.5rem 1fr;align-items:baseline;gap:10px;
  padding:9px 0;border-top:1px solid var(--theme-border);font-size:.875rem}
.connection-mark{align-self:center;display:inline-flex;line-height:0}
.connection-mark .detail-icon{width:17px;height:17px}
.connection-row[data-tone="linked"] .connection-mark{color:var(--theme-success-text,#166534)}
.connection-row[data-tone="pending"] .connection-mark{color:var(--theme-text-soft)}
.connection-row[data-tone="none"] .connection-mark{color:var(--theme-border-strong)}
.connection-row[data-tone="warning"] .connection-mark{color:var(--theme-danger-text)}
.connection-row:first-child{border-top:0;padding-top:2px}
.connection-label{color:var(--theme-text-soft);font-size:.8125rem}
.connection-value{min-width:0;overflow-wrap:anywhere}
.connection-row[data-tone="none"] .connection-value,
.connection-row[data-tone="pending"] .connection-value{color:var(--theme-text-muted)}
.connection-row[data-tone="warning"] .connection-value{color:var(--theme-warning-text)}
.connection-row[data-tone="linked"] .connection-value{font-weight:600}
.connection-value a{display:inline-flex;align-items:center;gap:6px;color:var(--theme-info-text);text-underline-offset:3px}
.connection-value a .detail-icon{width:14px;height:14px;color:var(--muted)}
.connection-state{display:flex;align-items:flex-start;gap:12px;padding-top:14px;border-top:1px solid var(--line);font-size:.875rem}
.connection-state strong{font-weight:600;line-height:1.5}
.connection-state p{margin:2px 0 0;font-size:.875rem}
.connection-warning{color:var(--theme-warning-text)}
.tasks-heading{display:flex;align-items:flex-start;gap:14px}
.tasks-heading h2{font-size:.9375rem;letter-spacing:0;margin:0 0 4px}
.tasks-heading p{font-size:.875rem;margin:0 0 6px}
.tasks-card summary{display:flex;align-items:center;gap:6px;width:fit-content;color:var(--theme-info-text);font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none;margin-left:36px}
.tasks-card summary .detail-icon{width:14px;height:14px}
.tasks-card[open] summary .detail-icon{transform:rotate(90deg)}
.tasks-card .job-list{margin-top:16px}
.tasks-card .job-row{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:12px 0;animation:none;background:transparent}
.tasks-card .job-row .status,.tasks-card .job-row button{grid-column:2;justify-self:start}
.dashboard-page .detail-workspace .tasks-card .job-row strong{font-size:.875rem}
.dashboard-page .detail-workspace .tasks-card .job-row small{font-size:.8125rem}
.dashboard-page :is(button,a,input,summary):focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}
@media(max-width:1150px){
  .dashboard-page .detail-workspace .detail-grid{grid-template-columns:minmax(0,1fr) 280px}
  .intake-panel{padding:16px 18px}.intake-section{gap:12px}.intake-panel-header{align-items:flex-start;flex-direction:column;gap:6px}.intake-panel-header p{text-align:left}
  .intake-secondary>summary{grid-template-columns:18px minmax(0,1fr);gap:12px}.intake-secondary>summary>span{grid-column:2}
}
@media(max-width:980px){
  .dashboard-page .detail-workspace .detail-grid{grid-template-columns:minmax(0,1fr)}
  .detail-context{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-grid.is-intake{display:flex!important;flex-direction:column}
  .detail-grid.is-intake>.detail-primary,.detail-grid.is-intake>.detail-aside{width:100%}
  .detail-grid.is-intake>.detail-aside{display:contents}
  .detail-grid.is-intake .detail-context{display:contents}
  .detail-grid.is-intake .followup-card{order:-1;width:100%}
  .detail-grid.is-intake .detail-primary{order:0}
  .detail-grid.is-intake :is(.owner-card,.connections-card,.tasks-card){order:1;width:100%}
}
@media(max-width:720px){
  .dashboard-page .detail-workspace .detail-heading{gap:12px}
  .dashboard-page .detail-workspace .detail-heading h1{font-size:2rem}
  .dashboard-page .detail-workspace .detail-heading p{font-size:.875rem}
  .dashboard-page .detail-workspace .detail-status{justify-items:start}
  .dashboard-page .detail-workspace .detail-tabs{gap:16px;margin-top:14px}
  .dashboard-page .detail-workspace .detail-tabs button{font-size:.875rem;min-height:44px}
  .detail-context{grid-template-columns:1fr}
  .intake-panel{padding:16px}.intake-panel-header h2{font-size:1.25rem}.intake-panel-header p{font-size:.8125rem}
  .intake-section{grid-template-columns:20px minmax(0,1fr);gap:10px}
  .intake-section h3{font-size:1.0625rem}
  .intake-rows>div{grid-template-columns:1fr;gap:2px;margin-bottom:8px}
  .intake-rows dt{font-size:.8125rem}.intake-rows dd{font-size:.9375rem}
  .intake-disclosure summary{grid-template-columns:16px minmax(0,1fr);gap:8px}.intake-disclosure summary>span{grid-column:2}
  .dashboard-page .detail-workspace .intake-secondary{padding:0 16px}
  .intake-empty-note{align-items:flex-start;padding:10px;gap:8px;font-size:.8125rem}
  .intake-message{padding:10px 12px}
  .intake-document{flex-wrap:wrap}.intake-document>.status{margin-left:auto}
}
.intake-secondary>summary{grid-template-columns:24px 210px minmax(0,1fr) 16px}
.intake-secondary>summary>.detail-icon:last-child{grid-column:4}
.intake-secondary[open]>summary>.detail-icon:first-child{transform:none}
.intake-secondary[open]>summary>.detail-icon:last-child{transform:rotate(90deg)}
@media(max-width:1150px){.intake-secondary>summary{grid-template-columns:18px minmax(0,1fr) 16px}.intake-secondary>summary>.detail-icon:last-child{grid-column:3;grid-row:1}}
@media(max-width:720px){.dashboard-page .detail-workspace .detail-heading{align-items:flex-start}}
/* Actions precede data in reading order; desktop retains its two columns. */
.dashboard-page .detail-workspace .detail-grid>.detail-primary{grid-column:1;grid-row:1}
.dashboard-page .detail-workspace .detail-grid>.detail-aside{grid-column:2;grid-row:1}
@media(max-width:980px){.dashboard-page .detail-workspace .detail-grid>.detail-primary{grid-column:1;grid-row:1}.dashboard-page .detail-workspace .detail-grid>.detail-aside{grid-column:1;grid-row:2}}

.teamleader-connection{position:relative;margin-left:auto;flex-shrink:0;font-size:.8125rem;color:var(--muted)}
.teamleader-connection>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:36px}
.teamleader-connection>summary::-webkit-details-marker{display:none}
.teamleader-connection i{width:10px;height:10px;border-radius:50%;background:var(--theme-warning-text)}
.teamleader-connection i.is-connected{background:var(--theme-success-text)}
.teamleader-connection>div{position:absolute;right:0;top:100%;z-index:30;display:grid;gap:8px;padding:12px;min-width:200px;background:var(--theme-surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 18px #0002}
.teamleader-connection button{padding:8px;color:var(--ink);background:var(--theme-surface-muted);border:1px solid var(--line);border-radius:4px;cursor:pointer;text-align:left}
@media(max-width:1150px){.teamleader-connection{font-size:.75rem}}
@media(max-width:720px){.teamleader-connection{margin-left:0}.teamleader-connection>div{left:0;right:auto}}
/* Overview and activity use the intake surface without changing the other tabs. */
.detail-workspace:has(.is-overview,.is-activity) .detail-heading :is(h1,p){overflow-wrap:anywhere}
.overview-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0}
.overview-facts>div{min-width:0}
.overview-facts dt{margin-bottom:4px;color:var(--muted);font-size:.8125rem;line-height:1.5}
.overview-facts dd{margin:0;font-size:.9375rem;line-height:1.5;font-weight:400;overflow-wrap:anywhere;white-space:pre-wrap}
.overview-facts dd.is-empty{color:var(--muted)}
.overview-facts a,.activity-access{color:var(--theme-info-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.overview-message p{max-width:70ch;margin:0;font-size:1rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.overview-panel .intake-section{padding-top:20px;padding-bottom:20px}
.overview-panel .intake-section:last-child{padding-bottom:4px}
.overview-data-notice{margin:16px 0;color:var(--muted);font-size:.875rem;line-height:1.5}
.next-step-actions{display:grid;border-top:1px solid var(--line)}
.next-step-actions button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 0;text-align:left;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;font-size:.875rem;cursor:pointer}
.next-step-actions button:hover{color:var(--theme-info-text)}
.next-step-actions button:disabled{opacity:.6;cursor:default}
.next-step-actions .detail-icon{width:14px;height:14px}
.next-step-card .next-step-help{font-size:.8125rem}
.next-step-card.followup-card>p{padding-left:0}
.activity-access{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;min-height:32px}
.activity-access .detail-icon{width:14px;height:14px}
.connection-details{margin-top:8px;font-size:.8125rem;overflow-wrap:anywhere}
.connection-details summary{min-height:32px;cursor:pointer;color:var(--theme-info-text);text-decoration:underline;text-underline-offset:3px}
.dashboard-page .detail-workspace .is-activity{grid-template-columns:minmax(0,1fr)}
.dashboard-page .detail-workspace .detail-aside[hidden]{display:none}
.activity-heading{padding-bottom:20px;border-bottom:1px solid var(--line)}
.activity-heading h2{margin:0 0 8px;font-size:1.375rem;letter-spacing:-.025em}
.activity-heading p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.5}
.activity-heading .task-summary{margin-top:16px;color:var(--ink)}
.activity-caption{margin:16px 0 4px;color:var(--muted);font-size:.8125rem;line-height:1.5}
.activity-list{list-style:none;padding:0;margin:0}
.activity-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.activity-row:last-child{border-bottom:0}
.activity-row>.detail-icon{margin-top:3px;color:var(--muted)}
.activity-content{min-width:0;overflow-wrap:anywhere}
.activity-content>strong{display:block;font-size:1rem;font-weight:600;line-height:1.5}
.activity-time{display:block;margin-top:4px;color:var(--muted);font-size:.8125rem;line-height:1.5;font-variant-numeric:tabular-nums}
.activity-row>.status{margin-top:2px;white-space:normal;text-align:center}
.activity-problem{max-width:70ch;margin:12px 0 0;color:var(--ink);font-size:.875rem;line-height:1.6}
.activity-details{margin-top:12px;font-size:.8125rem;color:var(--muted)}
.activity-details summary{width:fit-content;min-height:32px;cursor:pointer;color:var(--theme-info-text);text-decoration:underline;text-underline-offset:3px}
.activity-details p{max-width:70ch;margin:4px 0 0;line-height:1.5}
.activity-retry,.activity-content>[data-teamleader-review],.overview-connections [data-teamleader-review]{min-height:40px;margin-top:12px;padding:8px 12px;border:1px solid var(--line-dark);border-radius:5px;color:var(--ink);background:var(--theme-surface);font:inherit;font-size:.875rem;cursor:pointer}
.activity-retry:hover{background:var(--theme-surface-muted)}
.activity-retry:disabled{opacity:.6;cursor:wait}
.activity-notice{margin:16px 0;padding:14px 16px;border:1px solid var(--theme-warning-text);border-radius:5px;background:var(--theme-surface-subtle);color:var(--theme-warning-text);font-size:.875rem;line-height:1.5}
.activity-notice p{margin:4px 0 0}
.activity-notice .secondary-action{width:auto;margin-top:12px;padding:8px 12px;color:var(--ink);cursor:pointer}
.activity-empty{padding:24px 0;font-size:1rem}
.activity-empty p{margin:8px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}
@media(max-width:980px){
  .dashboard-page .detail-workspace .detail-grid.is-overview{display:flex;flex-direction:column}
  .detail-grid.is-overview>.detail-aside,.detail-grid.is-overview .detail-context{display:contents}
  .detail-grid.is-overview .next-step-card{order:-1;width:100%}
  .detail-grid.is-overview>.detail-primary{order:0;width:100%}
  .detail-grid.is-overview :is(.owner-card,.connections-card,.tasks-card){order:1;width:100%}
}
@media(max-width:720px){
  .overview-facts{grid-template-columns:minmax(0,1fr);gap:16px}
  .activity-row{grid-template-columns:20px minmax(0,1fr);gap:8px 12px;padding:16px 0}
  .activity-row>.status{grid-column:2;justify-self:start;margin-top:0}
}
