/* SLPT-R28-B16P2-PERFORMANCE-CENTRE-UI-RECONCILIATION-20260826 */

[data-r27-performance-ui][data-r28-b16p2="1"] {
  --r28-b16p2-depth-shadow: 0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}

[data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tools {
  align-items: stretch;
}

[data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tool,
[data-r27-performance-ui][data-r28-b16p2="1"] .r27p-panel,
.r27p-workbench .r27p-panel {
  box-shadow: var(--r28-b16p2-depth-shadow, 0 12px 30px rgba(0,0,0,.16));
  transform: translateZ(0);
}

[data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tool {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

@media (hover:hover) and (pointer:fine) {
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tool:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tool {
    transition: none !important;
  }
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tool:hover {
    transform: none !important;
  }
}

@media (max-width: 1100px) {
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r27p-workbench .r27p-work-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-tools {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-head,
  .r27p-workbench .r27p-work-head,
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-panel-head {
    align-items: stretch;
  }
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-history-controls {
    width: 100%;
  }
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-history-controls label,
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-history-controls select,
  [data-r27-performance-ui][data-r28-b16p2="1"] .r27p-history-controls button {
    width: 100%;
  }
}