/* Desktop source: 越来后台改版-确认稿. Business shell is intentionally outside this scope. */
body[data-shell="platform"] .customer-operation-dialog {
  box-sizing: border-box; width: min(620px,calc(100vw - 24px)); max-height: calc(100dvh - 32px);
  margin: auto; padding: 24px; overflow: auto; border: 1px solid #d8e1ec; border-radius: 12px;
  background: #fff; color: #14213d; box-shadow: 0 20px 70px #152c5655;
}
body[data-shell="platform"] .customer-operation-dialog::backdrop { background: #0f1f3866; }
body[data-shell="platform"] .customer-operation-dialog :is(h2,p) { margin: 0 0 14px; overflow-wrap: anywhere; }
body[data-shell="platform"] .customer-operation-dialog form { display: grid; gap: 14px; margin-bottom: 14px; }
body[data-shell="platform"] .customer-operation-dialog label { display: grid; gap: 6px; }
body[data-shell="platform"] .customer-operation-dialog :is(input,select,button) { min-height: 44px; box-sizing: border-box; max-width: 100%; }
body[data-shell="platform"] .customer-operation-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
body[data-shell="platform"] {
  font-family: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  color: #14213d;
}
body:not([data-shell="platform"]) .platform-more-tools { display: none; }
body[data-shell="platform"] .sidebar { box-shadow: none; padding: 0 12px 14px; }
body[data-shell="platform"] .platform-side-nav { display: flex; flex-direction: column; flex: 1; gap: 2px; }
body[data-shell="platform"] :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box { gap: 2px; }
body[data-shell="platform"] :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button {
  grid-template-columns: 16px minmax(0, 1fr) auto; gap: 9px; border: 0; border-radius: 8px;
  min-height: 36px; padding: 0 10px; font-size: 13.5px; font-weight: 400;
}
body[data-shell="platform"] :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button.active {
  background: rgba(255,255,255,.18); font-weight: 650; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}
body[data-shell="platform"] #protocolTestLabNavGroup { border-top: 1px solid rgba(255,255,255,.16); margin-top: 14px; padding-top: 2px; }
body[data-shell="platform"] #protocolTestLabNavGroup .nav-group-title {
  display: block; font-size: 11px; letter-spacing: .14em; color: rgba(255,255,255,.52); padding: 12px 10px 6px;
}
body[data-shell="platform"][data-platform-admin="true"] .platform-return-group { margin-top: auto; }
body[data-shell="platform"] .platform-return-group :is(.nav-group-title, small, .gate-tag) { display: none; }
body[data-shell="platform"] .platform-return-group .gate-link { padding: 8px 4px; border: 0; box-shadow: none; background: transparent; }
body[data-shell="platform"] .platform-return-group .gate-top { display: flex; gap: 9px; font-size: 12.5px; font-weight: 400; }
body[data-shell="platform"] .platform-return-group .gate-link { min-height: 32px; justify-items: start; text-decoration: none; }
body[data-shell="platform"] .sidebar-platform-card { display: block; border: 0; background: none; padding: 0 4px; box-shadow: none; }
body[data-shell="platform"] .sidebar-platform-card .status { display: none; }
body[data-shell="platform"] .sidebar-platform-card p { font-size: 10px; color: rgba(255,255,255,.5); }
body[data-shell="platform"] .topbar { box-shadow: none; border: 0; }
body[data-shell="platform"] .platform-topbar-brand { gap: 9px; padding-left: 20px; }
body[data-shell="platform"] .platform-topbar-brand-mark { height: 28px; width: 28px; border: 0; background: rgba(255,255,255,.16); font-size: 13px; }
body[data-shell="platform"] .platform-topbar-brand-name { font-size: 15px; }
body[data-shell="platform"] .platform-title-stack { padding-inline: 22px; }
body[data-shell="platform"] .platform-title-stack h2 { font-size: 20px; font-weight: 800; line-height: 1.35; }
body[data-shell="platform"] .platform-title-stack .breadcrumb { font-size: 11.5px; }
body[data-shell="platform"] .platform-status-beam { min-height: 32px; font-size: 12px; font-weight: 400; max-width: 260px; }
body[data-shell="platform"] .topbar-actions { overflow: visible; gap: 10px; }
body[data-shell="platform"] .platform-more-tools { position: relative; font-size: 12.5px; }
body[data-shell="platform"] .platform-more-tools > summary { cursor: pointer; border: 1px solid rgba(255,255,255,.28); border-radius: 8px; padding: 6px 10px; white-space: nowrap; }
body[data-shell="platform"] .platform-more-tools > .nav-box {
  position: absolute; z-index: 80; right: 0; top: 36px; width: 180px; padding: 6px;
  background: #fff; border: 1px solid #d8e2ef; border-radius: 9px; box-shadow: 0 8px 24px #14213d26;
}
body[data-shell="platform"] #customerDeliveryNavGroup .nav-box > button { display: flex; color: #14213d; min-height: 44px; gap: 8px; width: 100%; }
body[data-shell="platform"] #customerDeliveryNavGroup .nav-box > button:is(:hover, .active) { background: #eaf3ff; color: #0b63ce; box-shadow: none; }
body[data-shell="platform"] .view-host { padding: 16px 22px 24px; }
body[data-shell="platform"] #viewHost :is(.platform-page, .platform-blue-shield) { gap: 14px; }
body[data-shell="platform"] #viewHost .panel { border-radius: 10px; box-shadow: 0 1px 2px #14213d0a, 0 8px 24px #2a486e0f; }
body[data-shell="platform"] .platform-section-menu { font-size: 12px; color: #607089; }
body[data-shell="platform"] .platform-section-menu > summary { cursor: pointer; padding: 10px 0; }
body[data-shell="platform"] .platform-section-menu .platform-secondary-nav { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 0; }
body[data-shell="platform"] .platform-section-menu .platform-secondary-nav > button { color: #0b63ce; background: #fff; border: 1px solid #d8e2ef; margin: 0; min-height: 36px; padding: 7px 12px; }
body[data-shell="platform"] .platform-section-menu .platform-secondary-nav > button.active { background: #eaf3ff; color: #0b63ce; }
body[data-shell="platform"] #viewHost .pc-grid { grid-template-columns: 184px minmax(0,1fr); gap: 14px; }
body[data-shell="platform"] #viewHost .pc-table td { height: 48px; padding: 5px 10px; font-size: 12px; }
body[data-shell="platform"] #viewHost .pc-table th { height: 36px; padding: 0 10px; }
body[data-shell="platform"] #viewHost .pc-ck { width: 14px; height: 14px; min-width: 14px; min-height: 14px; padding: 0; cursor: pointer; }
body[data-shell="platform"] #viewHost .pc-num { white-space: nowrap; }
body[data-shell="platform"] .shell-corner { gap: 8px; }
body[data-shell="platform"] .shell-corner :is(.user-pill, .version-pill, .shell-corner-logout) { background: transparent; box-shadow: none; border: 0; color: #ffffffb3; padding: 0; font-size: 10px; min-height: 0; }
body[data-shell="platform"] #viewHost :is(.plans-workspace, .customer-workspace) { grid-template-columns: minmax(0,1fr) 348px; gap: 14px; }
body[data-shell="platform"] #viewHost :is(.customer-workspace-main, .customer-workspace-side) { gap: 14px; }
body[data-shell="platform"] #viewHost .customer-workspace .panel { padding: 0; overflow: hidden; }
body[data-shell="platform"] #viewHost .customer-workspace .panel-title {
  display: flex; align-items: center; gap: 9px; padding: 13px 16px; margin: 0; min-height: 0; border-bottom: 1px solid #e8eff6;
}
body[data-shell="platform"] #viewHost .customer-workspace .panel-title h2 { font-size: 13.5px; margin: 0; font-weight: 800; }
body[data-shell="platform"] #viewHost .customer-workspace .panel-title .sub { font-size: 11.5px; color: #8ba0b8; }
body[data-shell="platform"] #viewHost .customer-workspace .panel-title > .badge { margin-left: auto; font-size: 11px; }
body[data-shell="platform"] #viewHost .customer-workspace .customer-conclusion { padding: 15px 18px; gap: 14px; background: linear-gradient(90deg,#f5faff,#fff); }
body[data-shell="platform"] #viewHost .customer-conclusion.has-issues { border-left-color: #c74444; background: linear-gradient(90deg,#fff7f7,#fff); }
body[data-shell="platform"] #viewHost .customer-conclusion h2 { font-size: 14.5px; font-weight: 800; }
body[data-shell="platform"] #viewHost .customer-conclusion p { font-size: 12.5px; color: #607089; margin: 3px 0 0; }
body[data-shell="platform"] #viewHost .customer-conclusion-mark { width: 34px; height: 34px; flex-basis: 34px; border-radius: 50%; font-size: 17px; }
body[data-shell="platform"] #viewHost .has-issues .customer-conclusion-mark { background: #fdeded; color: #c74444; }
body[data-shell="platform"] #viewHost .customer-workspace .btn { min-height: 34px; padding: 7px 13px; font-size: 12.5px; border-radius: 8px; }
body[data-shell="platform"] #viewHost .customer-delivery-steps { padding: 6px 8px 10px; margin: 0; }
body[data-shell="platform"] #viewHost .customer-delivery-steps > li { display: flex; align-items: stretch; gap: 12px; padding: 11px 8px; border: 0; border-radius: 9px; }
body[data-shell="platform"] #viewHost .customer-delivery-steps > li:hover { background: #fafcff; }
body[data-shell="platform"] #viewHost .customer-step-rail { width: 22px; flex: 0 0 22px; display: flex; flex-direction: column; align-items: center; }
body[data-shell="platform"] #viewHost .customer-step-mark { width: 22px; height: 22px; flex: 0 0 22px; font-size: 11px; font-weight: 800; border: 1.5px dashed #bdccdd; color: #8ba0b8; background: white; }
body[data-shell="platform"] #viewHost .customer-delivery-steps .done .customer-step-mark { background: #14866d; color: white; border: 0; }
body[data-shell="platform"] #viewHost .customer-delivery-steps .active .customer-step-mark { background: #c74444; color: white; border: 0; box-shadow: 0 0 0 4px #fdeded; }
body[data-shell="platform"] #viewHost .customer-step-rail i { width: 2px; flex: 1; min-height: 14px; margin-top: 3px; background: #e8eff6; }
body[data-shell="platform"] #viewHost .customer-delivery-steps > li:last-child .customer-step-rail i { display: none; }
body[data-shell="platform"] #viewHost .customer-step-body { flex: 1; min-width: 0; }
body[data-shell="platform"] #viewHost .customer-step-body > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body[data-shell="platform"] #viewHost .customer-step-body strong { font-size: 13px; font-weight: 750; }
body[data-shell="platform"] #viewHost .customer-step-body small { margin-top: 3px; font-size: 11.5px; color: #8ba0b8; line-height: 1.5; }
body[data-shell="platform"] #viewHost .customer-step-body .badge { font-size: 11px; padding: 3px 8px; }
body[data-shell="platform"] #viewHost .customer-step-action { align-self: center; flex: 0 0 auto; }
body[data-shell="platform"] #viewHost .customer-step-action .btn { min-height: 27px; padding: 4px 11px; font-size: 11.5px; border-radius: 6px; }
body[data-shell="platform"] #viewHost .customer-workspace-side .panel-title { padding: 12px 14px; }
body[data-shell="platform"] #viewHost .customer-workspace .customer-next-action { padding: 14px; background: linear-gradient(#fffbf3,#fff); border-color: #f2d9ae; }
body[data-shell="platform"] #viewHost .customer-next-action > span { color: #c77b12; font-size: 11.5px; }
body[data-shell="platform"] #viewHost .customer-next-action h2 { margin: 7px 0; font-size: 13.5px; }
body[data-shell="platform"] #viewHost .customer-next-action p { font-size: 12px; color: #607089; margin: 0 0 11px; }
body[data-shell="platform"] #viewHost .customer-workspace .detail-list { padding: 12px 14px; display: grid; gap: 9px; margin: 0; }
body[data-shell="platform"] #viewHost .customer-workspace .detail-row { grid-template-columns: 74px minmax(0,1fr); gap: 10px; font-size: 12.5px; padding: 0; border: 0; min-height: 0; line-height: 1.5; }
body[data-shell="platform"] #viewHost .customer-workspace .detail-row dt { color: #8ba0b8; }
body[data-shell="platform"] #viewHost .customer-workspace .detail-row dd { font-weight: 650; }
body[data-shell="platform"] #viewHost .customer-profile-risks > :not(.panel-title) { margin: 12px 14px; font-size: 12px; }
body[data-shell="platform"] #viewHost .customer-profile-risks .signal-list { padding: 0; }
body[data-shell="platform"] #viewHost .customer-activity { padding: 4px 14px 12px; margin: 0; }
body[data-shell="platform"] #viewHost .customer-activity li { grid-template-columns: 78px minmax(0,1fr); gap: 11px; padding: 9px 0; border-bottom-style: dashed; font-size: 12px; }
body[data-shell="platform"] #viewHost .customer-activity time { font-size: 11px; color: #8ba0b8; }
body[data-shell="platform"] #viewHost .customer-recent-activity > p { padding: 12px 14px; font-size: 12px; }
body[data-shell="platform"] #viewHost .customer-more-details { margin-top: 14px; font-size: 12px; }
body[data-shell="platform"] #viewHost .customer-more-details > summary { padding: 10px 0; cursor: pointer; color: #0b63ce; }
body[data-shell="platform"] #viewHost .customer-more-details > summary span { color: #8ba0b8; margin-left: 12px; }
body[data-shell="platform"] #viewHost .customer-more-details [data-platform-tab-panel] > .panel { padding: 14px; }
body[data-shell="platform"] #viewHost .customer-back-link { font-size: 12px; color: #0b63ce; text-decoration: none; }
body[data-shell="platform"] #viewHost .plans-conclusion { padding: 14px 18px; border-radius: 10px; }
body[data-shell="platform"] #viewHost .plans-conclusion h3 { font-size: 14.5px; }
body[data-shell="platform"] #viewHost .plans-conclusion .platform-eyebrow { display: none; }
body[data-shell="platform"] #viewHost .plans-conclusion p { font-size: 12px; margin-top: 4px; }
body[data-shell="platform"] #viewHost .plans-catalog { padding: 0; overflow: hidden; }
body[data-shell="platform"] #viewHost .plans-catalog .panel-title { padding: 13px 16px; margin: 0; }
body[data-shell="platform"] #viewHost .plans-catalog .panel-title h2 { font-size: 13.5px; }
body[data-shell="platform"] #viewHost .plans-catalog .tabs { padding-inline: 14px; margin: 0; gap: 8px; }
body[data-shell="platform"] #viewHost .plans-catalog .tab { font-size: 12px; min-height: 36px; padding: 8px 10px; }
body[data-shell="platform"] #viewHost .plans-catalog-table { min-width: 600px; font-size: 12px; }
body[data-shell="platform"] #viewHost .plans-catalog-table td { padding: 12px 10px; }
body[data-shell="platform"] #viewHost .plans-renewal > .panel { padding: 14px; }
body[data-shell="platform"] #viewHost .plans-renewal h2 { font-size: 13.5px; }
body[data-shell="platform"] #viewHost .confirmed-platform-plans > .platform-advanced > summary { padding: 12px 14px; min-height: 0; }
body[data-shell="platform"] #viewHost .platform-kpi-four { display: flex; background: white; border: 1px solid #d8e2ef; border-radius: 10px; gap: 0; overflow: hidden; }
body[data-shell="platform"] #viewHost .platform-kpi-four .kpi { flex: 1; min-width: 0; padding: 12px 16px; border: 0; border-right: 1px solid #e8eff6; border-radius: 0; background: white; box-shadow: none; }
body[data-shell="platform"] #viewHost .platform-kpi-four .kpi::before { display: none; }
body[data-shell="platform"] #viewHost .platform-kpi-four .kpi-value { font-size: 22px; margin: 4px 0; }
body[data-shell="platform"] #viewHost .platform-kpi-four .kpi-label { font-size: 12px; }
body[data-shell="platform"] #viewHost .platform-kpi-four .kpi-note { font-size: 11px; }
body[data-shell="platform"] #viewHost .platform-overview-grid .panel { padding: 14px 16px; }
body[data-shell="platform"] #viewHost .platform-overview-grid .panel-title h2 { font-size: 13.5px; }
body[data-shell="platform"] #viewHost .platform-overview-grid .panel-title .sub { font-size: 11.5px; }
body[data-shell="platform"] #viewHost .platform-overview-grid > .platform-advanced { border: 0; background: none; box-shadow: none; }
body[data-shell="platform"] #viewHost .platform-overview-grid > .platform-advanced > summary { padding: 0 0 8px; }
body[data-shell="platform"] #viewHost .platform-overview-grid > .platform-advanced > .platform-advanced-body { padding: 0; }
body[data-shell="platform"] #viewHost .confirmed-platform-plans { display: grid; gap: 14px; }
body[data-shell="platform"] #viewHost .plans-catalog-table td { padding-block: 9px; line-height: 1.5; }
body[data-shell="platform"] #viewHost .plans-catalog-table td > .price { display: inline; }
body[data-shell="platform"] #viewHost .plans-business-summary > summary,
body[data-shell="platform"] #viewHost .confirmed-platform-plans > .platform-advanced > summary { display: flex; gap: 10px; padding: 12px 14px; font-size: 12px; }
body[data-shell="platform"] #viewHost .confirmed-platform-plans > .platform-advanced > summary small { margin-left: auto; font-size: 11px; }
body[data-shell="platform"] #viewHost .overview-confirmed-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 14px; align-items: start; }
body[data-shell="platform"] #viewHost :is(.overview-confirmed-main,.overview-confirmed-side) { display: grid; gap: 14px; min-width: 0; }
body[data-shell="platform"] #viewHost .overview-confirmed-main .platform-overview-grid,
body[data-shell="platform"] #viewHost .overview-confirmed-main .platform-overview-grid:has(> .panel.span-4:not([hidden])) { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-kpi-four { display: grid; grid-template-columns: 1fr; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-kpi-four::before { content: "平台概况"; padding: 13px 16px; font-weight: 800; border-bottom: 1px solid #e8eff6; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .kpi { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto; min-height: 0; height: auto; gap: 3px 8px; padding: 9px 14px; border: 0; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .kpi-value { font-size: 14px; margin: 0; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .kpi-note { grid-column: 1/-1; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .kpi-action { grid-column: 1/-1; justify-self: start; }
body[data-shell="platform"] #viewHost .overview-confirmed-side > .platform-advanced { min-width: 0; }
body[data-shell="platform"] #viewHost .overview-confirmed-side > .platform-advanced > summary { padding: 12px 14px; display: flex; gap: 6px; font-size: 12px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side > .platform-advanced > summary :is(strong,small) { display: none; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-advanced-body { padding: 0; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .panel { border: 0; box-shadow: none; padding: 10px 14px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .panel-title { display: none; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .tabs { flex-wrap: wrap; gap: 4px; margin: 0 0 10px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .tab { font-size: 11px; min-height: 30px; padding: 5px 8px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-wrap { display: block; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .combo-chart { min-width: 0; min-height: 170px; height: 170px; overflow: hidden; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-bars { grid-auto-columns: minmax(0,1fr); gap: 5px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-bar { min-width: 0; min-height: 4px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-bar::after { font-size: 10px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-side { display: grid; gap: 4px; margin-top: 8px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-stat { display: flex; justify-content: space-between; padding: 6px 0; border: 0; background: none; gap: 8px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-stat strong { font-size: 12px; }
body[data-shell="platform"] #viewHost .overview-confirmed-side .trend-stat label { font-size: 11px; }
@media (max-width: 1279px), (pointer: coarse) and (max-width: 1440px) {
  body[data-shell="platform"] #viewHost .overview-confirmed-layout { grid-template-columns: minmax(0,1fr); }
  body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-kpi-four { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
  body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-kpi-four::before { grid-column: 1/-1; }
  body[data-shell="platform"] #viewHost .overview-confirmed-side .kpi { display: block; }
  body[data-shell="platform"] .platform-touch-menu .platform-more-tools > .nav-box { position: static; width: auto; background: none; border: 0; box-shadow: none; }
  body[data-shell="platform"] .platform-touch-menu .platform-more-tools > summary { display: none; }
  body[data-shell="platform"] .platform-touch-menu #customerDeliveryNavGroup .nav-box > button { color: #14213d; }
  body[data-shell="platform"] :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button { min-height: 44px; }
  body[data-shell="platform"] .platform-touch-menu :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button { color: #122238; }
  body[data-shell="platform"] .platform-touch-menu :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button.active { color: #246bfe; background: #eaf3ff; }
  body[data-shell="platform"] .platform-title-stack { padding: 12px 16px; }
  body[data-shell="platform"] .platform-title-stack h2 { color: #14213d; }
  body[data-shell="platform"] #viewHost :is(.plans-workspace, .customer-workspace) { grid-template-columns: minmax(0,1fr); }
  body[data-shell="platform"] #viewHost .customer-workspace-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-shell="platform"] #viewHost .customer-workspace .btn { min-height: 44px; min-width: 44px; }
  body[data-shell="platform"] #viewHost .pc-ck { width: 44px; height: 44px; }
  body[data-shell="platform"] .platform-section-menu .platform-secondary-nav > button { min-height: 44px; }
}
/* Customer overlays must sit above the fixed touch navigation, including
   actions reached only after scrolling a long customer record. */
body[data-shell="platform"] #viewHost .pc-drawer { z-index: 1500; }
body[data-shell="platform"] #viewHost .pc-scrim { z-index: 1499; }
@media (max-width: 820px) {
  body[data-shell="platform"] #viewHost .pc-grid { grid-template-columns: minmax(0,1fr); }
  body[data-shell="platform"] .view-host { padding: 14px 12px 24px; }
}
@media (max-width: 600px) {
  body[data-shell="platform"] #viewHost .overview-confirmed-side .platform-kpi-four { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-shell="platform"] #viewHost .platform-kpi-four { flex-wrap: wrap; }
  body[data-shell="platform"] #viewHost .platform-kpi-four .kpi { flex-basis: 50%; }
  body[data-shell="platform"] #viewHost .customer-workspace-side { grid-template-columns: minmax(0,1fr); }
  body[data-shell="platform"] #viewHost .customer-workspace .panel-title { flex-wrap: wrap; }
  body[data-shell="platform"] #viewHost .customer-step-body > div { gap: 4px; }
  body[data-shell="platform"] #viewHost .customer-more-details > summary span { display: block; margin: 5px 0 0; }
}
@media (min-width: 1280px) and (pointer: fine) {
  body[data-responsive="real"][data-shell="platform"] .sidebar { padding: 8px 12px 14px; display: flex; flex-direction: column; }
  /* Reserve the fixed account block below the return link, including its gaps. */
  body[data-responsive="real"][data-shell="platform"][data-touch-layout="desktop"] .platform-side-nav { display: flex; flex: 1; max-height: calc(100vh - 200px); margin-top: 0; gap: 2px; }
  body[data-responsive="real"][data-shell="platform"][data-platform-admin="true"] .platform-return-group { margin-top: auto; padding-top: 10px; border-top: 1px solid #ffffff29; }
  body[data-responsive="real"][data-shell="platform"][data-platform-admin="true"] #protocolTestLabNavGroup { margin-top: 14px; padding-top: 2px; border-top: 1px solid #ffffff29; }
  body[data-responsive="real"][data-shell="platform"] :is(#platformNavGroup, #protocolTestLabNavGroup) .nav-box > button { box-sizing: border-box; height: 36px; min-height: 36px; border: 0; padding: 0 10px; }
}