body > aside { width: 210px; padding: 18px 14px; }
body > .shell { width: calc(100% - 210px); margin-left: 210px; }
body > aside .brand { margin: 0 7px 22px; }
body > aside .brand > b { width: 36px; height: 36px; border-radius: 10px; font-size: 20px; }
body > aside .brand strong { font-size: 18px; }
body > aside nav { gap: 3px; }
body > aside nav button { padding: 9px 11px; border-radius: 8px; font-size: 13px; }
body > aside .system { padding: 10px; border-radius: 9px; font-size: 12px; }
body > .shell > header { height: 76px; padding: 14px 28px; }
body > .shell > header h1 { margin-top: 2px; font-size: 21px; }
body > .shell > header > div > small { font-size: 10px; }
body > .shell > main { max-width: 1800px; padding: 14px 28px; }
body > .shell > header .remote,
body > .shell > header .headerActions > button { padding: 7px 10px; }
.steamIdentity{display:flex;align-items:center;gap:6px;max-width:210px}.steamIdentity>button{border:1px solid #dce1e9;border-radius:7px;padding:6px 8px;background:#fff;color:#25314a;font-size:10px;cursor:pointer}.steamIdentity img{width:28px;height:28px;border-radius:50%;object-fit:cover}.steamIdentity span{display:grid;min-width:0}.steamIdentity b,.steamIdentity small{overflow:hidden;max-width:105px;white-space:nowrap;text-overflow:ellipsis}.steamIdentity b{font-size:10px}.steamIdentity small{color:#7d8799;font-size:8px}

.reviewWorkspace .workspaceHead,
.programWorkspace .workspaceHead,
.publishWorkspace .workspaceHead,
.metricsWorkspace .workspaceHead,
.operationsWorkspace .workspaceHead { padding: 11px 15px; }
.reviewWorkspace .workspaceHead h2,
.programWorkspace .workspaceHead h2,
.publishWorkspace .workspaceHead h2,
.metricsWorkspace .workspaceHead h2,
.operationsWorkspace .workspaceHead h2 { margin-top: 1px; font-size: 17px; }
.reviewWorkspace .workspaceHead small,
.programWorkspace .workspaceHead small,
.publishWorkspace .workspaceHead small,
.metricsWorkspace .workspaceHead small,
.operationsWorkspace .workspaceHead small { font-size: 10px; }
.reviewWorkspace .workspaceHead button,
.programWorkspace .workspaceHead button,
.publishWorkspace .workspaceHead button,
.metricsWorkspace .workspaceHead button,
.operationsWorkspace .workspaceHead button { padding: 7px 9px; font-size: 11px; }

.reviewWorkspace { border-radius: 11px; }
.reviewWorkspace .reviewLegend { gap: 8px; padding: 6px 15px; }
.reviewWorkspace .reviewLegend span { font-size: 10px; }
.reviewWorkspace .reviewList { padding: 8px; }

.publishWorkspace { border-radius: 11px; }
.publishWorkspace .socialConnection { margin: 9px 14px; padding: 8px 10px; border-radius: 8px; }
.publishWorkspace .socialConnection > div { gap: 8px; }
.publishWorkspace .socialConnection small { display: inline; margin: 0 0 0 8px; font-size: 10px; }
.publishWorkspace .socialConnection button,
.publishWorkspace .publicationMetrics button { padding: 6px 8px; font-size: 10px; }
.publishWorkspace .youtubeMark { width: 29px; height: 23px; border-radius: 6px; font-size: 10px; }
.publishWorkspace .publicationForm { grid-template-columns: repeat(6, minmax(100px, 1fr)); gap: 6px; margin: 0 14px 10px; padding: 9px; border-radius: 8px; }
.publishWorkspace .publicationForm > div { display: none; }
.publishWorkspace .publicationForm .wide { grid-column: span 3; }
.publishWorkspace .publicationForm label { gap: 3px; font-size: 10px; }
.publishWorkspace .publicationForm input,
.publishWorkspace .publicationForm textarea,
.publishWorkspace .publicationForm select { min-width: 0; padding: 7px 8px; border-radius: 6px; font-size: 11px; }
.publishWorkspace .publicationForm textarea { height: 32px; min-height: 32px; resize: vertical; }
.publishWorkspace .publicationForm .primary { padding: 8px; border-radius: 6px; font-size: 11px; }
.publishWorkspace .publicationHead { padding: 9px 14px 6px; }
.publishWorkspace .publicationHead h3 { font-size: 14px; }
.publishWorkspace .publicationHead small { font-size: 9px; }
.publishWorkspace .publicationList { grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 7px; padding: 7px 14px 13px; }
.publishWorkspace .publicationCard { padding: 10px; border-radius: 8px; }
.publishWorkspace .publicationCard h4 { overflow: hidden; margin: 7px 0 5px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.publishWorkspace .publicationStatus { padding: 3px 6px; font-size: 9px; }
.publishWorkspace .publicationCard > div:first-child small,
.publishWorkspace .publicationMeta { font-size: 9px; }
.publishWorkspace .publicationMeta { min-height: 16px; }
.publishWorkspace .publicationMetrics { gap: 10px; margin-top: 7px; padding-top: 7px; }
.publishWorkspace .publicationMetrics b { font-size: 12px; }
.publishWorkspace .publicationMetrics small { font-size: 8px; }

.metricsWorkspace { border-radius: 11px; }
.metricsWorkspace .metricsSyncStatus { margin: 0 14px 8px; padding: 7px 9px; border-radius: 7px; font-size: 10px; }
.metricsWorkspace .metricsSummary { gap: 7px; padding: 0 14px 10px; }
.metricsWorkspace .metricsSummary article { padding: 9px 10px; border-radius: 8px; }
.metricsWorkspace .metricsSummary small { font-size: 9px; }
.metricsWorkspace .metricsSummary strong { margin-top: 2px; font-size: 19px; }
.metricsWorkspace .metricsSummary span { font-size: 9px; }
.metricsWorkspace .metricsSectionHead { gap: 12px; padding: 9px 14px 6px; }
.metricsWorkspace .metricsSectionHead h3 { margin-top: 1px; font-size: 14px; }
.metricsWorkspace .metricsSectionHead small { font-size: 9px; }
.metricsWorkspace .metricsVideoList { padding: 0 14px 12px; }
.metricsWorkspace .metricsVideoRow { min-height: 52px; padding: 6px 8px; }
.metricsWorkspace .metricsVideoTitle h4 { margin-bottom: 2px; font-size: 11px; }
.metricsWorkspace .metricsVideoTitle p { font-size: 9px; }
.metricsWorkspace .metricsValue b { font-size: 12px; }
.metricsWorkspace .metricsValue small { font-size: 8px; }
.metricsWorkspace .metricsSyncAction button { min-width: 82px; padding: 6px 7px; font-size: 9px; }
.metricsWorkspace .metricsSyncAction small { margin-top: 2px; font-size: 8px; }

.operationsWorkspace { border-radius: 11px; }
.operationsWorkspace .environmentBanner { margin: 8px 14px 0; padding: 7px 9px; border-radius: 7px; font-size: 10px; }
.operationsWorkspace .operationsSummary { gap: 7px; padding: 8px 14px 10px; }
.operationsWorkspace .summaryTile { padding: 9px 10px; border-radius: 8px; }
.operationsWorkspace .summaryTile small { font-size: 9px; }
.operationsWorkspace .summaryTile strong { margin-top: 3px; font-size: 19px; }
.operationsWorkspace .summaryTile span { font-size: 9px; }
.operationsWorkspace .operationsSectionHead { padding: 10px 14px 6px; }
.operationsWorkspace .operationsSectionHead h3 { margin-top: 1px; font-size: 14px; }
.operationsWorkspace .operationsSectionHead small { font-size: 9px; }
.operationsWorkspace .integrationFilters { gap: 4px; }
.operationsWorkspace .integrationFilters button { padding: 4px 8px; font-size: 9px; }
.operationsWorkspace .integrationSectionHead { padding-bottom: 6px; }
.operationsWorkspace .integrationToolbar { padding: 0 14px 8px; }
.operationsWorkspace .integrationTable { padding: 0 14px 11px; }
.operationsWorkspace .progressColumns { gap: 8px; padding: 9px 14px 12px; }
.operationsWorkspace .progressPanel { padding: 10px; border-radius: 8px; }
.operationsWorkspace .operationsSectionHead.compact { padding: 0 0 6px; }
.operationsWorkspace .operationsSectionHead > b { font-size: 17px; }
.operationsWorkspace .overallProgress { height: 5px; }
.operationsWorkspace .trackerList { gap: 3px; max-height: 260px; margin-top: 7px; }
.operationsWorkspace .trackerItem { gap: 6px; padding: 5px 0; }
.operationsWorkspace .trackerItem b { font-size: 10px; }
.operationsWorkspace .trackerItem small,
.operationsWorkspace .trackerItem > em { font-size: 8px; }
.operationsWorkspace .trackerItem > span { padding: 3px 5px; font-size: 8px; }

@media (max-width: 1400px) {
  .publishWorkspace .publicationList { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
}
@media (max-width: 1200px) {
  .publishWorkspace .publicationForm { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
  .publishWorkspace .publicationForm .wide { grid-column: span 3; }
}

@media (max-width: 1100px) {
  body > aside { width: 82px; padding: 18px 12px; }
  body > .shell { width: calc(100% - 82px); margin-left: 82px; }
  body > aside .brand { margin-left: 8px; }
  body > .shell > main { padding: 12px 18px; }
}
@media (max-width: 720px) {
  body > .shell > header,
  body > .shell > main { padding-left: 14px; padding-right: 14px; }
  .publishWorkspace .publicationForm,
  .publishWorkspace .publicationList { grid-template-columns: 1fr; }
  .publishWorkspace .publicationForm .wide { grid-column: auto; }
}