/* ===== Content Area ===== */

.content-area {
  flex: 1;
  display: flex;
  overflow: hidden;
  position: relative;
  background: #f4f7fb;
}

/* --- Page Content (left side) --- */
.page-content {
  flex: 1;
  overflow: hidden;
  background: #fff;
  border-right: 0.5px solid rgba(0,0,0,0.12);
  border-top-right-radius: 12px;
  transition: flex 0.5s cubic-bezier(0.32, 0.72, 0, 1);
  position: relative;
  display: flex;
}

.content-area.pane-open .page-content {
  flex: 1;
}

/* --- Webview / Iframe Page --- */
.page-frame {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none;
  display: flex;
}