.siquan-view {
  width: 100%;
  height: 100%;
  position: relative;
  
  @import "../common.less";

  // Responsive adjustments
  @media screen and (max-width: 1366px) {
    gap: 10px;
    .side-panel {
      flex: 0 0 28%;
    }
  }

  .left-part, .right-part {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;

    // .panel-card styles are now imported from common.less
  }

  .left-part {
    .card-1 { flex: 4; }
    .card-2 { flex: 5; }
  }

  .right-part {
    .card-1 { flex: 4; }
    .card-2 { flex: 3; }
    .card-3 { flex: 1; }
  }
}