.purpose-workspace-surface {
  position: fixed;
  z-index: 800;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  background: var(--vc-bg);
  color: var(--vc-text);
}
.purpose-workspace-bar {
  display: flex;
  align-items: center;
  gap: var(--vc-s-3);
  flex: none;
  padding: var(--vc-s-2) var(--vc-s-4);
  border-bottom: 1px solid var(--vc-line);
  background: var(--vc-bg-2);
}
.purpose-workspace-bar strong { min-width: 0; overflow-wrap: anywhere; font-size: var(--vc-fs-md); }
.purpose-workspace-back { min-width: var(--vc-touch); min-height: var(--vc-touch); flex-shrink: 0; }
.purpose-workspace-back svg { width: var(--vc-s-5); height: var(--vc-s-5); }
.purpose-workspace-content {
  position: relative;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  contain: layout paint;
}
.purpose-workspace-loading { margin: 0; padding: var(--vc-s-6); color: var(--vc-text-2); font-size: var(--vc-fs-md); }
.purpose-workspace-frame-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vc-s-3);
  padding: var(--vc-s-2) var(--vc-s-4);
  flex: none;
  color: var(--vc-text-2);
  border-bottom: 1px solid var(--vc-line);
}
.purpose-workspace-frame-status[hidden], .purpose-workspace-frame-status button[hidden] { display: none; }
.purpose-workspace-frame-status button { min-height: var(--vc-touch); }
.purpose-workspace-content .purpose-workspace-view {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
  border-radius: 0;
  opacity: 1;
  transform: none;
}
.purpose-workspace-content .purpose-workspace-view[hidden] { display: none !important; }
.purpose-workspace-content #project-detail-overlay { min-height: 0; }
.purpose-workspace-content #bibi-view-overlay { min-height: 0; }
.purpose-workspace-content .purpose-workspace-view > .modal,
.purpose-workspace-content .purpose-workspace-view > .chatroom-modal,
.purpose-workspace-content .purpose-workspace-view > .tb-cleanup-panel,
.purpose-workspace-content .purpose-workspace-view > .wb-model-dialog,
.purpose-workspace-content .purpose-workspace-view > .tb-contract-panel,
.purpose-workspace-content .purpose-workspace-view > .pb-modal,
.purpose-workspace-content .purpose-workspace-view > .ceo-dialog-window,
.purpose-workspace-content .purpose-workspace-view > .hitl-sheet {
  max-width: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box;
  min-width: 0;
}
.purpose-workspace-page { display: flex; }
.purpose-workspace-page iframe { flex: 1; width: 100%; height: 100%; border: 0; min-width: 0; }
.purpose-workspace-content :is(button, select, input:not([type="checkbox"]):not([type="radio"])) { min-height: var(--vc-touch); }
.purpose-workspace-content .modal input:is([type="radio"], [type="checkbox"]) {
  width: var(--vc-s-4);
  height: var(--vc-s-4);
  min-height: var(--vc-s-4);
  flex: 0 0 var(--vc-s-4);
  padding: 0;
  margin: 0;
  accent-color: var(--vc-blue);
}
.purpose-workspace-content .modal label:has(> input:is([type="radio"], [type="checkbox"])) {
  display: flex;
  align-items: center;
  min-height: var(--vc-touch);
  cursor: pointer;
}
.purpose-workspace-content :is(.cg-close, .cv-close-btn, .chatroom-close-btn, .tb-cleanup-close, .prd-close-btn, .mm-close, .mm-refresh, .sp-back) { min-width: var(--vc-touch); }
.purpose-workspace-content .cg-frame { min-height: 0; }
.purpose-workspace-covered { pointer-events: none; }
@media (max-width: 768px) {
  .purpose-workspace-bar { padding-inline: var(--vc-s-3); }
  .purpose-workspace-content .purpose-workspace-view { padding: 0; }
  .purpose-workspace-content .purpose-workspace-view > :is(.modal, .chatroom-modal, .tb-cleanup-panel, .hitl-sheet, .wb-model-dialog, .tb-contract-panel, .pb-modal, .ceo-dialog-window) {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
  }
  .purpose-workspace-content :is(.cg-sub, .pb2-sub, .raci-sub, .mb-sub, .mm-sub, .wb-sub) { display: none; }
  .purpose-workspace-content :is(.cg-header, .pb2-header, .pb-header, .tb-header, .raci-header, .mb-header, .mm-header, .wb-header, .prd-header) {
    flex-wrap: wrap;
    height: auto;
    min-height: var(--vc-touch);
    gap: var(--vc-s-2);
    padding: var(--vc-s-2) var(--vc-s-3);
  }
  .purpose-workspace-content :is(.cg-title, .pb2-title, .pb-title, .tb-title, .raci-title, .mb-title, .mm-title, .wb-title, .prd-breadcrumb) { min-width: 0; overflow-wrap: anywhere; }
}