/* ✅ WinBox 라운드(모서리 둥글게) 기본 */
.winbox{
  border-radius: 10px;   /* 원하는 값으로 조절 */
  overflow: hidden;      /* 내부(헤더/바디/iframe)가 둥근 모서리를 따라가게 */
}

/* ✅ 헤더도 같이 라운드 느낌 유지 */
.winbox .wb-header{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* ✅ 바디도 같이 라운드 느낌 유지 */
.winbox .wb-body{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* ✅ url(iframe) 쓰는 경우 iframe 모서리도 같이 라운드 */
.winbox iframe{
  border-radius: 0 0 10px 10px;
}

.winbox {
    background: var(--bs-primary-border-subtle);
}

.winbox.focus {
    background: var(--bs-primary-border);
}

.winbox.sugcw-mobile-winbox {
  border-radius: 0;
}

.winbox.sugcw-mobile-winbox .wb-header,
.winbox.sugcw-mobile-winbox .wb-body,
.winbox.sugcw-mobile-winbox iframe {
  border-radius: 0;
}

.winbox .wb-body {
  overflow: auto;
}

.winbox .wb-body .container,
.winbox .wb-body .container-fluid {
  max-width: 100%;
}

.winbox .wb-body table {
  max-width: 100%;
}

.winbox .wb-body .table-responsive,
.winbox .wb-body .handsontable,
.winbox .wb-body [id$="-spreadsheet"] {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .winbox {
    border-radius: 0;
  }

  .winbox .wb-header {
    min-height: 38px;
  }

  .winbox .wb-body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }

  .winbox .wb-body .container,
  .winbox .wb-body .container-fluid {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .winbox .wb-body .card-box {
    padding: 12px;
    border-radius: 0;
  }

  .winbox .wb-body .card-box > .d-flex,
  .winbox .wb-body .title,
  .winbox .wb-body .title + div,
  .winbox .wb-body .justify-content-between {
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
  }

  .winbox .wb-body .title h1,
  .winbox .wb-body .title h2,
  .winbox .wb-body .title h3,
  .winbox .wb-body .title h4,
  .winbox .wb-body .title h5,
  .winbox .wb-body .title h6 {
    margin-bottom: 0;
    line-height: 1.3;
  }

  .winbox .wb-body .row {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.5rem;
  }

  .winbox .wb-body [class*="col-md-"],
  .winbox .wb-body [class*="col-lg-"],
  .winbox .wb-body [class*="col-xl-"] {
    width: 100%;
  }

  .winbox .wb-body .row > .col-2,
  .winbox .wb-body .row > .col-3,
  .winbox .wb-body .row > .col-4 {
    width: 100%;
    margin-bottom: 2px;
    font-size: 13px;
    color: var(--bs-secondary-color);
  }

  .winbox .wb-body .row > .col-8,
  .winbox .wb-body .row > .col-9,
  .winbox .wb-body .row > .col-10 {
    width: 100%;
  }

  .winbox .wb-body .d-flex {
    min-width: 0;
  }

  .winbox .wb-body .d-flex:not(.handsontable *) {
    flex-wrap: wrap;
  }

  .winbox .wb-body .btn {
    min-height: 36px;
    white-space: nowrap;
  }

  .winbox .wb-body input,
  .winbox .wb-body select,
  .winbox .wb-body textarea {
    max-width: 100%;
  }

  .winbox .wb-body .input-group,
  .winbox .wb-body .form-control,
  .winbox .wb-body .form-select {
    min-width: 0;
  }

  .winbox .wb-body table:not(.htCore) {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  .winbox .wb-body .table {
    margin-bottom: 0;
  }

  .winbox .wb-body .handsontable {
    font-size: 12px;
  }

  .winbox .wb-body .handsontable table {
    display: table;
    white-space: normal;
  }

  .winbox .wb-body .handsontable .htCore {
    display: table !important;
    overflow: visible;
  }

  .winbox .wb-body .handsontable .ht_master,
  .winbox .wb-body .handsontable .ht_clone_top,
  .winbox .wb-body .handsontable .ht_clone_bottom,
  .winbox .wb-body .handsontable .wtHolder {
    max-width: 100%;
  }

  .winbox .wb-body textarea {
    min-height: 84px;
  }
}