.service-record-workspace { align-items: start; display: grid; gap: var(--density-page-gap); grid-template-columns: minmax(0, 1.7fr) minmax(19rem, .8fr); min-width: 0; }
.summary-link-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.service-record-header { grid-column: 1 / -1; grid-template-columns: minmax(18rem, 1.1fr) minmax(20rem, 1fr); }
.service-record-header { gap: var(--space-2) var(--space-4); padding: var(--space-3) var(--density-panel-padding); }
.service-record-header .record-title-block { align-content: start; display: grid; gap: var(--space-1); min-width: 0; }
.service-record-header .record-title-block > * { margin: 0; }
.service-record-header .service-record-title { font-size: clamp(1.3rem, 2vw, 1.55rem); line-height: 1.15; }
.service-record-header .service-record-customer { color: var(--muted); font-size: .92rem; }
.service-record-header .workspace-info-pills { justify-content: flex-end; }
.service-info-execution { background: #eef6ff; border-color: #bfdbfe; }
.service-info-complete { background: #ecfdf5; border-color: #a7f3d0; }
.service-info-tasks { background: #fffbeb; border-color: #fde68a; }
.service-info-issues { background: #fff7ed; border-color: #fed7aa; }
.record-date-strip { color: var(--muted); display: flex; flex-wrap: wrap; font-size: .8rem; gap: var(--space-1) var(--space-3); grid-column: 1 / -1; }
.service-record-header-context { border-top: 1px solid var(--line); grid-column: 1 / -1; margin-top: var(--space-1); padding-top: var(--space-2); }
.service-record-header-context > summary { align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; font-size: .84rem; font-weight: 800; gap: var(--space-2); justify-content: space-between; }
.service-record-header-context-grid { display: grid; gap: var(--space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: var(--space-3); }
.service-record-header-context-grid section { min-width: 0; }
.service-record-header-context-grid h2 { font-size: .82rem; letter-spacing: .03em; margin: 0 0 var(--space-1); text-transform: uppercase; }
.service-record-header-context-grid p { margin: var(--space-1) 0; }
.service-record-tab-surface { grid-column: 1 / -1; }
.service-record-tab-list { grid-column: 1 / -1; }
.service-record-pipeline-summary { align-items: center; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: var(--space-2); grid-column: 1 / -1; padding-top: var(--space-2); }
.service-record-pipeline-links { align-items: center; display: flex; flex: 1 1 20rem; flex-wrap: wrap; gap: var(--space-1); min-width: 0; }
.compact-editor { max-width: 42rem; }
.service-record-columns { display: grid; gap: var(--density-page-gap); grid-column: 1 / -1; min-width: 0; }
.service-record-execution, .service-record-attention { grid-column: 1 / -1; }
.service-record-execution, .service-record-attention { display: grid; gap: var(--density-page-gap); min-width: 0; }
.service-record-attention { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-record-work-plans { display: grid; gap: var(--density-page-gap); }
.service-record-discussion { display: grid; gap: var(--space-2); grid-column: 1 / -1; min-width: 0; }
.service-record-discussion .discussion-layout { grid-template-columns: minmax(0, 1fr); }
.service-record-discussion .discussion-layout > .panel { background: transparent; border: 0; border-radius: 0; box-shadow: none; display: grid; gap: var(--density-grid-gap); padding: var(--space-2) 0 0; }
.service-record-discussion .discussion-layout > .panel + .panel { border-top: 1px solid var(--line); margin-top: var(--space-2); }
.service-record-action-panel { display: grid; gap: var(--space-3); }
.service-record-action-panel .record-action-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-record-action-panel .record-action-group form { min-width: 0; }
.service-record-action-panel .record-action-group .button { box-sizing: border-box; height: auto; justify-content: center; min-width: 0; overflow-wrap: anywhere; text-align: center; white-space: normal; width: 100%; }
.service-record-action-panel .record-action-group .primary { grid-column: 1 / -1; }
.service-record-header-actions { border-top: 1px solid var(--line); grid-column: 1 / -1; gap: var(--space-2); margin-top: var(--space-1); padding: var(--space-2) 0 0; }
.service-record-header-actions h2 { font-size: .9rem; margin: 0; }
.service-record-header-actions .record-action-group { display: flex; flex-wrap: wrap; }
.service-record-header-actions .record-action-group .button { min-height: 2.25rem; width: auto; }
.service-record-header-actions .record-action-group .primary { grid-column: auto; }
.service-record-work-plans-header { padding: var(--density-panel-padding); }
.service-record-work-plans-header .section-heading { margin: 0; }
.work-plan-card { display: grid; gap: var(--space-2); padding: var(--space-3); }
.work-plan-card > .section-heading { margin-bottom: 0; }
.work-plan-card > .muted { margin: 0; }
.compact-metrics { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.compact-record-list { display: grid; gap: var(--space-2); }
.compact-work-row { align-items: start; background: var(--panel-soft); border: 1px solid var(--line); border-radius: var(--radius-sm); display: flex; gap: var(--space-3); justify-content: space-between; padding: var(--space-2) var(--space-3); }
.compact-work-row p, .service-record-workspace h4 { margin: var(--space-1) 0 0; }
.service-record-context-panel { grid-column: 1 / -1; }
.supporting-context { margin: 0; }
.supporting-context-grid { display: grid; gap: var(--density-page-gap); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.supporting-context-grid section { min-width: 0; }
.supporting-context-grid h2 { font-size: 1rem; }
.service-record-workspace .service-record-execution,
.service-record-workspace .service-record-attention,
.service-record-workspace .service-record-work-plans,
.service-record-workspace .service-record-overview-only,
.service-record-workspace .service-record-context-panel,
.service-record-workspace .supporting-context-grid > section {
  display: none;
}
.service-record-view-overview > .service-record-columns .service-record-attention,
.service-record-view-records > .service-record-columns .service-record-attention,
.service-record-view-activity > .service-record-columns .service-record-attention,
.service-record-view-work > .service-record-columns .service-record-execution {
  display: grid;
}
.service-record-view-overview > .service-record-columns .service-record-overview-only,
.service-record-view-records > .service-record-columns .service-record-context-panel,
.service-record-view-activity > .service-record-columns .service-record-context-panel,
.service-record-view-work > .service-record-columns .service-record-work-plans {
  display: grid;
}
.service-record-view-records > .service-record-columns .service-record-context-records,
.service-record-view-activity > .service-record-columns .service-record-context-activity {
  display: block;
}
.service-record-view-records > .service-record-columns .supporting-context-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.service-record-work-plans,
.service-record-discussion,
.service-record-context-panel {
  scroll-margin-top: 6rem;
}
@media (max-width: 1120px) { .service-record-workspace { grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .8fr); } .service-record-header { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { .summary-link-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .service-record-workspace, .service-record-header { grid-template-columns: minmax(0, 1fr); } .service-record-header .workspace-info-pills { justify-content: flex-start; } .service-record-header-context-grid { grid-template-columns: minmax(0, 1fr); } .service-record-execution, .service-record-attention { grid-column: 1; grid-row: auto; } .service-record-attention, .supporting-context-grid, .service-record-view-records > .service-record-columns .supporting-context-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .summary-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .compact-work-row { align-items: stretch; flex-direction: column; } .service-record-action-panel .record-action-group { grid-template-columns: minmax(0, 1fr); } .service-record-action-panel .record-action-group .primary { grid-column: auto; } }