/* ShoreKALC command bar: supplied RKALC icons and a quiet, spacious section. */
#workspaceForm .app-header {
  display: grid;
  grid-template-columns: var(--toolbar-left, 250px) var(--toolbar-width, minmax(0, 1fr)) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(40px, auto);
  height: auto; min-height: 52px; padding: 2px 8px 5px; gap: 0;
  flex-wrap: nowrap; align-items: center; background: #fff;
  border: 1px solid #d4dde7; border-top: 3px solid #00843d;
  margin: 0 10px; border-radius: 0; box-shadow: 0 2px 8px #1b35590a;
}
#workspaceForm .command-toolbar { grid-column: 1; grid-row: 1; padding-left: 0; }
#workspaceForm .project-heading {
  flex: 0 0 clamp(260px, calc(var(--toolbar-left, 250px) - 10px), 320px);
  display: grid; grid-template-rows: 9px auto 10px; align-content: center; gap: 0;
  min-width: 0; min-height: 40px; height: auto; overflow: visible; padding: 0 12px 0 2px;
  margin: 0 6px 0 0; border: 0; border-right: 1px solid #cbd5e1;
}
#workspaceForm .project-heading .eyebrow { display: block; min-width: 0; font-size: 8px; letter-spacing: .6px; margin: 0; white-space: nowrap; }
#workspaceForm #projectTitle {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  min-width: 0; max-width: 100%; padding: 0;
  font-size: 13px; line-height: 16px; text-align: left; white-space: normal;
  overflow: hidden; overflow-wrap: anywhere;
}
#workspaceForm .unit-badge { display: inline-block; border: 0; padding: 0; margin: 0; font-size: 8px; }
.command-toolbar { display: flex; align-self: center; align-items: center; flex-wrap: nowrap; flex: 1 1 0; gap: 6px; min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #c9d2de transparent; }
.command-toolbar::-webkit-scrollbar { height: 4px; }
#workspaceForm .command-group { display: flex; flex: 0 0 auto; gap: 3px; align-items: center; padding: 0 6px 0 0; border: 0; border-right: 1px solid #dce5ef; background: transparent; min-height: 0; }
#workspaceForm .command-group:last-of-type { border-right: 0; padding-right: 0; }
#workspaceForm .icon-command {
  display: flex; align-items: center; justify-content: center;
  gap: 0; padding: 0; width: 40px; height: 40px; flex: 0 0 40px; margin: 0;
  border: 1px solid transparent; border-radius: 0; background: transparent;
  color: #294b70; font-size: 10px; line-height: 1.2; text-decoration: none; cursor: pointer;
}
#workspaceForm .icon-command img {
  display: block; width: 40px; height: 40px; max-width: 100%; max-height: 100%;
  flex: 0 0 auto; object-fit: contain;
}
#workspaceForm .icon-command span { display: none; }
#workspaceForm .icon-command:hover { background: #eef4fa; border-color: #cedcea; }
#workspaceForm .icon-command.active { background: #f7f4d8; border-color: #e5deb2; color: #005eb8; }
#workspaceForm .icon-command:focus-visible { outline: 2px solid #005eb8; outline-offset: 2px; }
#workspaceForm .run-commands .icon-command { color: #005eb8; font-weight: 600; }
#workspaceForm .run-commands { margin-left: auto; position: sticky; right: 0; z-index: 1; background: #fff; box-shadow: -6px 0 6px #ffffff; }
#workspaceForm .view-toolbar .segmented { display: flex; border: 0; background: transparent; padding: 0; gap: 3px; }
#workspaceForm .grid-command { position: relative; }
.grid-command input { position: absolute; top: 4px; right: 1px; width: 11px; height: 11px; margin: 0; accent-color: #005eb8; }
#workspaceForm .grid-command:has(input:checked) { background: #f7f4d8; border-color: #e5deb2; }
#workspaceForm .grid-command:focus-within { outline: 2px solid #005eb8; outline-offset: 2px; }
#workspaceForm .workspace { gap: 10px; padding: 10px; }
#workspaceForm .panel, #workspaceForm .viewport { box-shadow: 0 2px 8px #1b35590a; border-radius: 6px; }
#workspaceForm .panel-heading { background: #f7faff; height: 52px; min-height: 52px; padding: 0 16px; }
#workspaceForm .panel-tabs { top: 52px; }
#workspaceForm .panel-heading .pane-toggle { width: 29px; height: 29px; border: 1px solid #e5deb2; background: #fffbea; }
#workspaceForm #inspector { padding: 20px 16px; }
#workspaceForm .inspector-title { font-size: 19px; }
#workspaceForm .field > span { font-size: 12px; }
#workspaceForm .field input, #workspaceForm .field select { padding: 8px 9px; }
.section-options { display: flex; justify-content: flex-end; gap: 18px; align-items: center; padding: 5px 12px; border-bottom: 1px solid #e5ebf3; background: #f8fafd; min-height: 34px; font-size: 11px; }
.section-options .toggle { margin: 0; font-weight: 400; }
.zoom-controls { display: flex; align-items: center; gap: 9px; }
.zoom-controls button { border: 0; background: transparent; padding: 2px 6px; font-size: 16px; }
.zoom-controls #zoomLabel { min-width: 34px; text-align: center; font-size: 10px; color: #637e9f; }
#workspaceForm .timeline { display: grid; grid-template-columns: var(--review-left, 260px) var(--review-width, minmax(0, 1fr)) minmax(0, 1fr); gap: 0; height: 57px; min-height: 57px; padding: 0 10px; position: relative; }
#workspaceForm .timeline-label { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 220px; min-width: 0; padding: 0; }
#workspaceForm .timeline-label .eyebrow { font-size: 8px; }
#workspaceForm .timeline-label strong { font-size: 11px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage-playback-strip { display: flex; grid-column: 2; align-items: center; justify-self: center; gap: 10px; width: min(100%, 700px); min-width: 0; }
#workspaceForm .playback { gap: 3px; }
#workspaceForm .playback button { width: 27px; height: 27px; padding: 2px; }
#workspaceForm #playButton { width: 27px; height: 27px; }
#workspaceForm .animation-loop, #workspaceForm .animation-speed { margin: 0; font-size: 10px; font-weight: 400; }
#workspaceForm #stageScrubber { min-width: 45px; }
#workspaceForm .canvas-heading { top: 20px; }
#workspaceForm .canvas-heading h2 { font-size: 20px; margin-top: 6px; }
#workspaceForm .canvas-navigation { font-size: 10px; }
@media (min-width: 1051px) {
  #workspaceForm .shoring-menu { position: fixed; top: 0; left: calc(var(--sidebar-width) + 8px) !important; height: 50px; min-height: 50px; width: max-content; flex-wrap: nowrap; }
  body.sidebar-collapsed #workspaceForm .shoring-menu { left: calc(var(--sidebar-rail-width) + 28px) !important; }
  #workspaceForm .shoring-menu > button, #workspaceForm .menu-group > summary { height: 50px; }
  #workspaceForm .menu-dropdown { top: 50px; }
}
#workspaceForm .command-toolbar .section-options { flex: 0 0 auto; border: 0; background: transparent; padding: 0 6px; gap: 0; max-width: none; min-height: 0; font-size: 10px; }
@container (max-width: 1000px) {
  #workspaceForm .project-heading { flex-basis: clamp(260px, calc(var(--toolbar-left, 250px) - 10px), 320px); }
  #workspaceForm .command-group { padding-right: 4px; gap: 1px; }
}
@container (max-width: 650px) {
  #workspaceForm .app-header { height: 52px; min-height: 52px; grid-template-columns: minmax(0, 1fr); grid-template-rows: 40px; }
  #workspaceForm .project-heading { flex-basis: 205px; }
  #workspaceForm .command-toolbar { padding-left: 0; width: 100%; }
  #workspaceForm .timeline { height: auto; min-height: 57px; grid-template-columns: 1fr; padding: 8px 12px; gap: 6px; }
  #workspaceForm .timeline-label { position: static; transform: none; width: auto; padding: 0; }
  .stage-playback-strip { grid-column: 1; gap: 7px; flex-wrap: wrap; }
  #workspaceForm .canvas-heading h2 { font-size: 18px; }
}