/* Phantasm dashboard UI-only workspace panel controls.
   Preserve all panel DOM/content; only remove collapsed panels from layout. */
.workspace-head > .phantasm-panel-toggle {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:36px;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid #40516a;
  background:#1d2b3d;
  color:#d7e2f8;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
  cursor:pointer;
}
.workspace-head > .phantasm-panel-toggle:hover {background:#30425a;border-color:#8d80e7}
.workspace-head > .phantasm-panel-toggle:focus-visible {outline:2px solid #b3a6ff;outline-offset:3px}
.workspace-head > .phantasm-panel-toggle[aria-expanded="false"] {
  background:#403774;
  color:#fff;
  border-color:#9687ff;
}
.workspace-head > .phantasm-panel-toggle .panel-toggle-arrow {
  color:#b4aaff;
  font-weight:900;
  font-size:14px;
}
.workspace-head > .phantasm-panel-toggle[aria-expanded="false"] .panel-toggle-arrow {color:#fff}
.workspace-head > :not(.phantasm-panel-toggle) {min-width:0}
.app.phantasm-map-panel-collapsed > .sidebar,
.app.phantasm-notes-panel-collapsed > .details {display:none!important}
@media (min-width:1101px) {
  .app {
    grid-template-columns:var(--phantasm-map-width,250px) minmax(0,1fr) var(--phantasm-notes-width,304px);
  }
  .app.phantasm-map-panel-collapsed {--phantasm-map-width:0px}
  .app.phantasm-notes-panel-collapsed {--phantasm-notes-width:0px}
  .app > .sidebar {grid-column:1;grid-row:2}
  .app > .workspace {grid-column:2;grid-row:2}
  .app > .details {grid-column:3;grid-row:2}
}
@media (min-width:701px) and (max-width:1100px) {
  .app {grid-template-columns:var(--phantasm-map-width,205px) minmax(0,1fr)}
  .app.phantasm-map-panel-collapsed {--phantasm-map-width:0px}
  .app > .sidebar {grid-column:1;grid-row:2}
  .app > .workspace {grid-column:2;grid-row:2}
  .app > .details {grid-column:1/-1;grid-row:3}
}
@media (max-width:700px) {
  .workspace-head {flex-wrap:wrap;gap:8px}
  .workspace-head > .phantasm-panel-toggle {
    min-height:32px;padding:6px 9px;font-size:10px
  }
}