
#itsadmin2-product-page {
    min-width: 1280px;
    /*padding: 24px 28px 40px;*/
    background: #eef1f5;
    color: #1f2933;
    font-family:"Malgun Gothic","맑은 고딕", AppleSDGothicNeo, Arial, sans-serif;
    box-sizing: border-box;
}
#itsadmin2-product-page * { box-sizing: border-box; }
#itsadmin2-product-page .itsadmin2-page-header {
    margin: 0 0 18px;
    padding: 18px 22px;
    /*border: 1px solid #cdd5dd;*/
    background: #ffffff;
}
#itsadmin2-product-page .itsadmin2-page-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    color: #1f2933;
    letter-spacing: -0.4px;
}
#itsadmin2-product-page .itsadmin2-page-desc {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.7;
    color: #5b6570;
}
#itsadmin2-product-page .itsadmin2-form-box {
    margin: 0 0 18px;
    /*border: 1px solid #cfd6de;*/
    background: #ffffff;
}
#itsadmin2-product-page .itsadmin2-form-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
#itsadmin2-product-page .itsadmin2-form-table > tbody > tr > td {
    padding: 14px 18px;
    border-top: 1px solid #e3e8ee;
    vertical-align: top;
}
#itsadmin2-product-page .itsadmin2-form-table > tbody > tr:first-child > td {
    border-top: 0;
}
#itsadmin2-product-page .itsadmin2-form-table .itsadmin2-label-cell {
    width: 190px;
    padding: 15px 16px;
    border-right: 1px solid #e3e8ee;
    background: #f7f9fb;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    color: #2b3642;
    word-break: keep-all;
}
#itsadmin2-product-page .itsadmin2-form-table .itsadmin2-content-cell {
    padding: 14px 18px;
    background: #ffffff;
    font-size: 13px;
    line-height: 1.8;
    color: #24303b;
}
#itsadmin2-product-page .itsadmin2-form-table .itsadmin2-form-table {
    margin-top: 8px;
    border: 1px solid #dde4ea;
}
#itsadmin2-product-page .itsadmin2-form-table .itsadmin2-form-table .itsadmin2-label-cell {
    width: 170px;
    background: #fbfcfd;
    font-size: 12px;
}
#itsadmin2-product-page input[type="text"],
#itsadmin2-product-page input[type="password"],
#itsadmin2-product-page input[type="file"],
#itsadmin2-product-page select {
    height: 36px;
    padding: 0 12px;
    border: 1px solid #bfc8d2;
    background: #ffffff;
    color: #24303b;
    font-size: 13px;
    vertical-align: middle;
}
#itsadmin2-product-page textarea {
    width: 100%;
    min-height: 90px;
    padding: 12px 14px;
    border: 1px solid #bfc8d2;
    background: #ffffff;
    color: #24303b;
    font-size: 13px;
    line-height: 1.7;
    resize: vertical;
}
#itsadmin2-product-page input[readonly],
#itsadmin2-product-page textarea[readonly] {
    background: #f7f9fb;
}
#itsadmin2-product-page .proName { width: 440px; max-width: 100%; }
#itsadmin2-product-page .input_text { max-width: 100%; }
#itsadmin2-product-page .itsadmin2-ta-right,
#itsadmin2-product-page .number_style { text-align: right !important; }
#itsadmin2-product-page label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 3px 14px 3px 0;
    line-height: 1.5;
    vertical-align: middle;
}
#itsadmin2-product-page input[type="radio"],
#itsadmin2-product-page input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    vertical-align: middle;
}
#itsadmin2-product-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
#itsadmin2-product-page .itsadmin2-btn-pack + .itsadmin2-btn-pack {
    margin-left: 6px;
}
#itsadmin2-product-page .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #909ba7;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
}
#itsadmin2-product-page .itsadmin2-btn--sm {
    min-width: 88px;
    height: 34px;
    padding: 0 12px;
}
#itsadmin2-product-page .itsadmin2-btn--md {
    min-width: 112px;
    height: 36px;
    padding: 0 16px;
}
#itsadmin2-product-page .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}
#itsadmin2-product-page .itsadmin2-btn--red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}
#itsadmin2-product-page .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}
#itsadmin2-product-page .itsadmin2-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #24303b;
}
#itsadmin2-product-page .itsadmin2-state-pack .itsadmin2-state-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #d2d9e0;
    background: #f7f9fb;
    color: #465261;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}
#itsadmin2-product-page .itsadmin2-state-chip.itsadmin2-w-60-center {
    width: 60px;
    min-width: 60px;
}
#itsadmin2-product-page .itsadmin2-inline-note-dim {
    opacity: .8;
}
#itsadmin2-product-page .itsadmin2-color-warning {
    color: #ff5a00;
}
#itsadmin2-product-page .itsadmin2-color-red {
    color: #c53030;
}
#itsadmin2-product-page .itsadmin2-w-200 {
    width: 200px !important;
    min-width: 200px !important;
}
#itsadmin2-product-page .itsadmin2-ml-6 {
    margin-left: 6px !important;
}
#itsadmin2-product-page .itsadmin2-mr-10 {
    margin-right: 10px !important;
}
#itsadmin2-product-page .itsadmin2-mb-5 {
    margin-bottom: 5px !important;
}
#itsadmin2-product-page .itsadmin2-vspace-5 {
    margin: 5px 0 !important;
}
#itsadmin2-product-page .itsadmin2-cursor-pointer {
    cursor: pointer;
}
#itsadmin2-product-page .itsadmin2-is-hidden {
    display: none;
}
#itsadmin2-product-page #map_canvas {
    width: 600px;
    height: 338px;
    margin-bottom: 5px;
}
#itsadmin2-product-page .guide_text,
#itsadmin2-product-page .line { margin-top: 6px; font-size: 12px; color: #5b6570; }
#itsadmin2-product-page .guide_text .blue,
#itsadmin2-product-page .blue { color: #35516d !important; }
#itsadmin2-product-page .orange { color: #9a5c1b !important; }
#itsadmin2-product-page .ic_ess {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border-radius: 50%;
    background: #a33a3a;
    vertical-align: middle;
}
#itsadmin2-product-page .itsadmin2-type-wrap { padding: 2px 0; }
#itsadmin2-product-page .itsadmin2-type-list { display: flex; gap: 10px; flex-wrap: wrap; }
#itsadmin2-product-page .itsadmin2-type-card {
    display: block;
    min-width: 160px;
    padding: 14px 16px;
    border: 1px solid #c8d0d8;
    background: #f7f9fb;
    color: #2b3642;
    text-decoration: none;
}
#itsadmin2-product-page .itsadmin2-type-card.is-active {
    border-color: #35516d;
    background: #eef3f8;
}
#itsadmin2-product-page .itsadmin2-type-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
#itsadmin2-product-page .itsadmin2-type-sub {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.4;
    color: #6c7680;
}
#itsadmin2-product-page .itsadmin2-inline-note { font-size: 12px; color: #5b6570; }
#itsadmin2-product-page .itsadmin2-mt-6 { margin-top: 6px !important; }
#itsadmin2-product-page .itsadmin2-mb-10 { margin-bottom: 10px !important; }
#itsadmin2-product-page .itsadmin2-w-30 { width: 35px !important; }
#itsadmin2-product-page .itsadmin2-w-60 { width: 60px !important; }
#itsadmin2-product-page .itsadmin2-w-100 { width: 100px !important; }
#itsadmin2-product-page .itsadmin2-w-120 { width: 120px !important; }
#itsadmin2-product-page .itsadmin2-date-input { width: 100px !important; cursor: pointer; }
#itsadmin2-product-page .itsadmin2-btn-view { height: 36px !important; }
#itsadmin2-product-page .itsadmin2-textarea-25 { min-height: 42px; height: 42px; }
#itsadmin2-product-page .itsadmin2-textarea-50 { min-height: 50px; height: 50px; }
#itsadmin2-product-page .itsadmin2-textarea-60 { min-height: 60px; height: 60px; }
#itsadmin2-product-page .itsadmin2-textarea-80 { min-height: 80px; height: 80px; }
#itsadmin2-product-page .itsadmin2-textarea-150 { min-height: 150px; height: 150px; }
#itsadmin2-product-page .itsadmin2-textarea-400 { min-height: 400px; height: 400px; }
#itsadmin2-product-page #setup_delivery_apply,
#itsadmin2-product-page #itsadmin2-comSaleType-commission,
#itsadmin2-product-page .itsadmin2-relation-use,
#itsadmin2-product-page .relation_auto_use,
#itsadmin2-product-page .itsadmin2-brand-preview-area {
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid #dde4ea;
    background: #fafbfd;
}
#itsadmin2-product-page .itsadmin2-brand-inline-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#itsadmin2-product-page .itsadmin2-brand-check-msg {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #d5dbe2;
    background: #f7f9fb;
    color: #66717c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}
#itsadmin2-product-page .itsadmin2-brand-check-msg.is-ok {
    border-color: #b8d8c2;
    background: #f3faf5;
    color: #2d6b41;
}
#itsadmin2-product-page .itsadmin2-brand-check-msg.is-new {
    border-color: #c4d4e8;
    background: #f4f8fc;
    color: #35516d;
}
#itsadmin2-product-page .itsadmin2-brand-preview-box {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#itsadmin2-product-page .itsadmin2-brand-preview-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 58px;
    padding: 8px;
    border: 1px solid #d8dee5;
    background: #ffffff;
}
#itsadmin2-product-page .itsadmin2-brand-preview-img {
    max-width: 80px;
    max-height: 40px;
}
#itsadmin2-product-page .itsadmin2-brand-preview-name {
    font-size: 14px;
    font-weight: 700;
    color: #24303b;
}
#itsadmin2-product-page .itsadmin2-brand-preview-sub {
    margin-top: 4px;
    font-size: 12px;
    color: #5b6570;
}
#itsadmin2-product-page hr {
    margin: 12px 0;
    border: 0;
    border-top: 1px solid #d8e0e8;
}


/* 2026-04-13 상품분류 include 버튼 임시 호환 + 하단 액션버튼 정리 */
#itsadmin2-product-page .itsadmin2-btn-pack-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-product-page .itsadmin2-btn--lg {
    min-width: 120px;
    height: 42px;
    padding: 0 22px;
    font-size: 13px;
    font-weight: 700;
}

/* 상품분류 include 내부의 기존 버튼 클래스 호환 처리 */
#itsadmin2-product-page .shop_btn_pack {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 6px;
}

#itsadmin2-product-page .shop_btn_pack:last-child {
    margin-right: 0;
}

#itsadmin2-product-page .shop_btn_pack a,
#itsadmin2-product-page .shop_btn_pack input[type="button"],
#itsadmin2-product-page .shop_btn_pack button,
#itsadmin2-product-page a.small,
#itsadmin2-product-page input.small,
#itsadmin2-product-page button.small,
#itsadmin2-product-page .input_small,
#itsadmin2-product-page .input_large {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 92px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #909ba7;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

#itsadmin2-product-page .input_large {
    min-width: 120px;
    height: 42px;
    padding: 0 22px;
    font-size: 13px;
}

#itsadmin2-product-page a.small.blue,
#itsadmin2-product-page input.small.blue,
#itsadmin2-product-page button.small.blue,
#itsadmin2-product-page .input_small.blue,
#itsadmin2-product-page .input_large.blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-product-page a.small.red,
#itsadmin2-product-page input.small.red,
#itsadmin2-product-page button.small.red,
#itsadmin2-product-page .input_small.red,
#itsadmin2-product-page .input_large.red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-product-page a.small.gray,
#itsadmin2-product-page input.small.gray,
#itsadmin2-product-page button.small.gray,
#itsadmin2-product-page .input_small.gray,
#itsadmin2-product-page .input_large.gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-product-page a.small.white,
#itsadmin2-product-page input.small.white,
#itsadmin2-product-page button.small.white,
#itsadmin2-product-page .input_small.white,
#itsadmin2-product-page .input_large.white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #24303b;
}

/* 상품분류 쪽 버튼 간격 정리 */
#itsadmin2-product-page .shop_btn_pack + .shop_btn_pack,
#itsadmin2-product-page .shop_btn_pack + a.small,
#itsadmin2-product-page .shop_btn_pack + input.small,
#itsadmin2-product-page a.small + .shop_btn_pack,
#itsadmin2-product-page a.small + a.small,
#itsadmin2-product-page input.small + .shop_btn_pack,
#itsadmin2-product-page input.small + input.small {
    margin-left: 6px;
}

/* 상품분류 안쪽 버튼이 줄바꿈돼도 안 깨지게 */
#itsadmin2-product-page .itsadmin2-category-action-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}


#itsadmin2-product-page .itsadmin2-bottom-btn-area {
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-product-page .itsadmin2-btn-line-center {
    text-align: center;
}


/* 2026-04-13 _product.inc_category_form.php 누적 추가 */
#itsadmin2-product-page .itsadmin2-category-block {
    padding: 0;
}

#itsadmin2-product-page .itsadmin2-category-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border: 1px solid #d8dee5;
    background: #fafbfc;
}

#itsadmin2-product-page .itsadmin2-category-selects {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

#itsadmin2-product-page .itsadmin2-category-select-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#itsadmin2-product-page .itsadmin2-category-label {
    font-size: 12px;
    line-height: 1.4;
    color: #46515c;
    font-weight: 700;
}

#itsadmin2-product-page .itsadmin2-select {
    min-width: 160px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #bcc6d0;
    background: #ffffff;
    color: #1f2933;
    font-size: 13px;
}

#itsadmin2-product-page .itsadmin2-category-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-product-page .itsadmin2-category-list-wrap {
    margin-top: 10px;
    border: 1px solid #d8dee5;
    background: #ffffff;
}

#itsadmin2-product-page .itsadmin2-category-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-top: 1px solid #e7ebef;
}

#itsadmin2-product-page .itsadmin2-category-item:first-child {
    border-top: 0;
}

#itsadmin2-product-page .itsadmin2-category-item__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #25313c;
    word-break: break-all;
}

#itsadmin2-product-page .itsadmin2-category-item__name strong {
    font-weight: 700;
}

#itsadmin2-product-page .itsadmin2-category-item__action {
    flex: 0 0 auto;
}

#itsadmin2-product-page .itsadmin2-is-readonly {
    background: #eef2f5 !important;
    color: #5a6570;
}

#itsadmin2-product-page .itsadmin2-cls-chk-cate2 {
    display: none;
}

/* 버튼 공통이 이미 있더라도 include 영역 버튼 안정화 */
#itsadmin2-product-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

#itsadmin2-product-page .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #25313c;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

#itsadmin2-product-page .itsadmin2-btn--sm {
    min-width: 88px;
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
}

#itsadmin2-product-page .itsadmin2-btn--md {
    min-width: 118px;
    height: 36px;
    padding: 0 16px;
    font-size: 12px;
}

#itsadmin2-product-page .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-product-page .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-product-page .itsadmin2-btn--red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-product-page .itsadmin2-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #25313c;
}


/* 2026-04-13 상품아이콘 관리 누적 추가분 */
#itsadmin2-icon-page.itsadmin2-icon-page {
    /*padding: 24px 28px 40px;*/
    background: #f3f5f7;
    color: #1f2933;
    min-width: 1180px;
    box-sizing: border-box;
}

#itsadmin2-icon-page * {
    box-sizing: border-box;
}

#itsadmin2-icon-page .itsadmin2-icon-section {
    margin-bottom: 18px;
    /*border: 1px solid #cfd6dd;*/
    background: #ffffff;
}

#itsadmin2-icon-page .itsadmin2-icon-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #e3e8ed;
}

#itsadmin2-icon-page .itsadmin2-icon-toolbar__left {
    flex: 1 1 auto;
}

#itsadmin2-icon-page .itsadmin2-icon-toolbar__right {
    flex: 0 0 auto;
}

#itsadmin2-icon-page .itsadmin2-icon-filter-grid {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

#itsadmin2-icon-page .itsadmin2-icon-filter-item {
    width: 180px;
}

#itsadmin2-icon-page .itsadmin2-icon-filter-item--grow {
    width: 320px;
}

#itsadmin2-icon-page .itsadmin2-icon-filter-label {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #4d5863;
    font-weight: 700;
}

#itsadmin2-icon-page .itsadmin2-input,
#itsadmin2-icon-page .itsadmin2-select,
#itsadmin2-icon-page .itsadmin2-input-file {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #bcc6d0;
    background: #ffffff;
    color: #1f2933;
    font-size: 13px;
}

#itsadmin2-icon-page .itsadmin2-input--lg {
    max-width: 720px;
}

#itsadmin2-icon-page .itsadmin2-input--xs {
    width: 72px;
}

#itsadmin2-icon-page .itsadmin2-textarea {
    width: 100%;
    min-height: 96px;
    padding: 10px 12px;
    border: 1px solid #bcc6d0;
    background: #ffffff;
    color: #1f2933;
    font-size: 13px;
    line-height: 1.7;
    resize: vertical;
}

#itsadmin2-icon-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-icon-page .itsadmin2-btn-pack--center {
    justify-content: center;
    width: 100%;
}

#itsadmin2-icon-page .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #909ba7;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#itsadmin2-icon-page .itsadmin2-btn--sm {
    min-width: 88px;
    height: 34px;
}

#itsadmin2-icon-page .itsadmin2-btn--md {
    min-width: 110px;
    height: 36px;
    padding: 0 16px;
}

#itsadmin2-icon-page .itsadmin2-btn--lg {
    min-width: 120px;
    height: 42px;
    padding: 0 22px;
    font-size: 13px;
}

#itsadmin2-icon-page .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-icon-page .itsadmin2-btn--red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-icon-page .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-icon-page .itsadmin2-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #24303b;
}

#itsadmin2-icon-page .itsadmin2-icon-guide {
    padding: 16px 20px;
    background: #fafbfc;
}

#itsadmin2-icon-page .itsadmin2-icon-guide__title {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #2d3742;
}

#itsadmin2-icon-page .itsadmin2-icon-guide__text {
    font-size: 12px;
    line-height: 1.8;
    color: #59636d;
}

#itsadmin2-icon-page .itsadmin2-icon-list-head {
    padding: 18px 20px 12px;
}

#itsadmin2-icon-page .itsadmin2-icon-list-title {
    font-size: 18px;
    font-weight: 700;
    color: #1d2731;
}

#itsadmin2-icon-page .itsadmin2-icon-list-desc {
    margin-top: 4px;
    font-size: 12px;
    color: #606b76;
}

#itsadmin2-icon-page .itsadmin2-list-table,
#itsadmin2-icon-page .itsadmin2-form-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#itsadmin2-icon-page .itsadmin2-list-table th,
#itsadmin2-icon-page .itsadmin2-list-table td,
#itsadmin2-icon-page .itsadmin2-form-table td {
    border-top: 1px solid #e4e8ec;
    padding: 12px 14px;
    vertical-align: middle;
}

#itsadmin2-icon-page .itsadmin2-list-table thead th {
    background: #f8fafc;
    border-top: 1px solid #dce3ea;
    color: #2d3742;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

#itsadmin2-icon-page .itsadmin2-form-table .itsadmin2-label-cell {
    width: 200px;
    background: #f8fafc;
    color: #2d3742;
    font-size: 13px;
    font-weight: 700;
}

#itsadmin2-icon-page .itsadmin2-form-table .itsadmin2-content-cell {
    background: #ffffff;
    color: #1f2933;
    font-size: 13px;
    line-height: 1.8;
}

#itsadmin2-icon-page .itsadmin2-list-empty {
    height: 120px;
    text-align: center;
    color: #67727d;
}

#itsadmin2-icon-page .itsadmin2-list-paginate {
    padding: 18px 20px 24px;
    text-align: center;
}

#itsadmin2-icon-page .itsadmin2-icon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid #2f3a45;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

#itsadmin2-icon-page .itsadmin2-icon-thumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    min-height: 40px;
}

#itsadmin2-icon-page .itsadmin2-icon-thumb img,
#itsadmin2-icon-page .itsadmin2-icon-current-thumb img {
    max-width: 100%;
    max-height: 48px;
}

#itsadmin2-icon-page .itsadmin2-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #a7b0b9;
    font-size: 11px;
    font-weight: 700;
}

#itsadmin2-icon-page .itsadmin2-status-chip.is-on {
    border-color: #36506a;
    background: #36506a;
    color: #ffffff;
}

#itsadmin2-icon-page .itsadmin2-status-chip.is-off {
    border-color: #aab4be;
    background: #f3f5f7;
    color: #59636d;
}

#itsadmin2-icon-page .itsadmin2-icon-name {
    font-weight: 700;
    color: #22303b;
}

#itsadmin2-icon-page .itsadmin2-icon-memo {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.7;
    color: #66717c;
}

#itsadmin2-icon-page .itsadmin2-icon-upload-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

#itsadmin2-icon-page .itsadmin2-icon-current-thumb {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

#itsadmin2-icon-page .itsadmin2-icon-delete-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #4b5660;
}

#itsadmin2-icon-page .itsadmin2-icon-color-grid {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

#itsadmin2-icon-page .itsadmin2-icon-color-item {
    width: 180px;
}

#itsadmin2-icon-page .itsadmin2-inline-gap {
    display: inline-block;
    width: 12px;
}

#itsadmin2-icon-page .itsadmin2-icon-live-preview {
    min-height: 44px;
    display: flex;
    align-items: center;
}

#itsadmin2-icon-page .itsadmin2-icon-preview-note {
    font-size: 12px;
    color: #68737e;
}




#itsadmin2-order-page {
    min-width: 1280px;
    width: 100%;
    max-width: 100%;

    /*padding: 24px 28px 40px;*/
    background: #f3f5f7;
    color: #1f2933;
    font-family: "Malgun Gothic", "맑은 고딕", AppleSDGothicNeo, Arial, sans-serif;
    box-sizing: border-box;
}



#itsadmin2-order-page .itsadmin2-order-list-wrap {
    width: 100%;
    max-width: 100%;

}

#itsadmin2-order-page .itsadmin2-order-list-table {
    width: 100%;
    min-width: 1500px;
    table-layout: fixed;
}


#itsadmin2-order-page * { box-sizing: border-box; }
#itsadmin2-order-page .itsadmin2-hidden { display:none !important; }
#itsadmin2-order-page .main_tab,
#itsadmin2-order-page .itsadmin2-order-tab { display:flex; margin-bottom:18px; border:1px solid #cfd6dd; background:#ffffff; }
#itsadmin2-order-page .main_product_list_tab,
#itsadmin2-order-page .itsadmin2-order-tab__link { flex:1 1 0; display:flex; align-items:center; justify-content:center; min-height:46px; border-left:1px solid #e1e6eb; text-decoration:none; color:#2c3945; font-size:14px; font-weight:700; background:#ffffff; }
#itsadmin2-order-page .main_product_list_tab:first-child,
#itsadmin2-order-page .itsadmin2-order-tab__link:first-child { border-left:0; }
#itsadmin2-order-page .main_product_list_tab.btn_hit,
#itsadmin2-order-page .itsadmin2-order-tab__link.is-active { background:#35516d; color:#ffffff; }
#itsadmin2-order-page .form_box_area,
#itsadmin2-order-page .content_section_inner { margin-bottom:18px; border:1px solid #cfd6dd; background:#ffffff; }
#itsadmin2-order-page .itsadmin2-order-search-table,
#itsadmin2-order-page .itsadmin2-order-list-table,
#itsadmin2-order-page .itsadmin2-summary-table { width:100%; border-collapse:collapse; table-layout:fixed; }
#itsadmin2-order-page .itsadmin2-order-search-table td,
#itsadmin2-order-page .itsadmin2-order-search-table th,
#itsadmin2-order-page .itsadmin2-order-list-table td,
#itsadmin2-order-page .itsadmin2-order-list-table th,
#itsadmin2-order-page .itsadmin2-summary-table td,
#itsadmin2-order-page .itsadmin2-summary-table th { border:1px solid #e1e6eb; }
#itsadmin2-order-page .itsadmin2-order-search-table td.article,
#itsadmin2-order-page .itsadmin2-order-search-table th.article { width:120px; padding:12px 14px; background:#f8fafc; color:#2c3945; font-size:12px; font-weight:700; line-height:1.6; }
#itsadmin2-order-page .itsadmin2-order-search-table td.conts,
#itsadmin2-order-page .itsadmin2-order-search-table th.conts,
#itsadmin2-order-page .itsadmin2-summary-table td { padding:12px 14px; background:#ffffff; color:#24303b; font-size:12px; line-height:1.8; }
#itsadmin2-order-page .itsadmin2-order-list-table thead th { padding:12px 8px; background:#f8fafc; color:#2c3945; font-size:12px; font-weight:700; line-height:1.5; text-align:center; }
#itsadmin2-order-page .itsadmin2-order-list-table tbody td { padding:12px 10px; background:#ffffff; color:#24303b; font-size:12px; line-height:1.7; vertical-align:top; }
#itsadmin2-order-page .input_text,
#itsadmin2-order-page select,
#itsadmin2-order-page input[type="text"],
#itsadmin2-order-page input[type="file"] { height:36px; padding:0 12px; border:1px solid #bcc6d0; background:#ffffff; color:#1f2933; font-size:13px; max-width:100%; }
#itsadmin2-order-page .input_text[readonly] { background:#f7f9fb; }
#itsadmin2-order-page .btn_line_up_left,
#itsadmin2-order-page .btn_line_up_center,
#itsadmin2-order-page .lineup-center,
#itsadmin2-order-page .top_btn_area { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#itsadmin2-order-page .btn_line_up_center,
#itsadmin2-order-page .top_btn_area { justify-content:center; }
#itsadmin2-order-page .top_btn_area { padding:16px 18px; border-top:1px solid #e1e6eb; background:#ffffff; }
#itsadmin2-order-page .shop_btn_pack,
#itsadmin2-order-page .itsue_shop_btn_pack { display:inline-flex; align-items:center; gap:6px; vertical-align:middle; }
#itsadmin2-order-page .blank_3,
#itsadmin2-order-page .itsue-line-break { display:inline-block; width:6px; min-width:6px; height:1px; }
#itsadmin2-order-page .shop_btn_pack a,
#itsadmin2-order-page .shop_btn_pack input[type="button"],
#itsadmin2-order-page .shop_btn_pack button,
#itsadmin2-order-page .itsue_shop_btn_pack button,
#itsadmin2-order-page a.small,
#itsadmin2-order-page a.medium,
#itsadmin2-order-page .input_small,
#itsadmin2-order-page .input_medium,
#itsadmin2-order-page .c_btn.h28 { display:inline-flex; align-items:center; justify-content:center; min-width:88px; height:34px; padding:0 14px; border:1px solid #8f99a3; background:#ffffff; color:#23303b; font-size:12px; font-weight:700; line-height:1; text-decoration:none; cursor:pointer; white-space:nowrap; }
#itsadmin2-order-page .input_medium,
#itsadmin2-order-page a.medium { min-width:104px; height:36px; }
#itsadmin2-order-page .small.blue,
#itsadmin2-order-page .medium.blue,
#itsadmin2-order-page .input_small.blue,
#itsadmin2-order-page .input_medium.blue,
#itsadmin2-order-page .btn_input_blue .input_medium { background:#35516d; border-color:#35516d; color:#ffffff; }
#itsadmin2-order-page .small.red,
#itsadmin2-order-page .medium.red,
#itsadmin2-order-page .input_small.red,
#itsadmin2-order-page .input_medium.red { background:#7f3434; border-color:#7f3434; color:#ffffff; }
#itsadmin2-order-page .small.gray,
#itsadmin2-order-page .medium.gray,
#itsadmin2-order-page .input_small.gray,
#itsadmin2-order-page .input_medium.gray { background:#6f7a86; border-color:#6f7a86; color:#ffffff; }
#itsadmin2-order-page .small.white,
#itsadmin2-order-page .medium.white,
#itsadmin2-order-page .input_small.white,
#itsadmin2-order-page .input_medium.white,
#itsadmin2-order-page .c_btn.h28.black { background:#ffffff; border-color:#c3ccd5; color:#23303b; }
#itsadmin2-order-page .input_small.dark { background:#24303b; border-color:#24303b; color:#ffffff; }
#itsadmin2-order-page .shop_state_pack { display:inline-flex; align-items:center; gap:4px; flex-wrap:wrap; }
#itsadmin2-order-page .shop_state_pack span { display:inline-flex; align-items:center; justify-content:center; min-height:22px; padding:0 8px; border:1px solid #d6dde4; background:#ffffff; color:#44515d; font-size:11px; font-weight:700; }
#itsadmin2-order-page .shop_state_pack .red { color:#8f3030; }
#itsadmin2-order-page .shop_state_pack .orange { color:#9a5a15; }
#itsadmin2-order-page .shop_state_pack .green { color:#2e6a43; }
#itsadmin2-order-page .shop_state_pack .blue { color:#35516d; }
#itsadmin2-order-page .shop_state_pack .gray,
#itsadmin2-order-page .shop_state_pack .lightgray { color:#6b7580; }
#itsadmin2-order-page .list_paginate { padding:18px 0 6px; text-align:center; }
#itsadmin2-order-page .itsue_summary-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
#itsadmin2-order-page .itsue_summary-card { min-height:132px; padding:16px 18px; border:1px solid #d7dee5; background:#ffffff; }
#itsadmin2-order-page .itsue_summary-label { font-size:12px; line-height:1.5; color:#5b6570; font-weight:700; }
#itsadmin2-order-page .itsue_summary-value { margin-top:12px; font-size:24px; line-height:1.2; color:#1f2933; font-weight:700; }
#itsadmin2-order-page .itsue_summary-value .unit { margin-left:4px; font-size:12px; color:#66717d; }
#itsadmin2-order-page .itsue_summary-meta,
#itsadmin2-order-page .itsue_summary-meta-subtitle { margin-top:10px; font-size:12px; line-height:1.6; color:#6b7580; }
#itsadmin2-order-page .itsue-btn-pay-flash,
#itsadmin2-order-page .itsue-btn-danger-flash { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border:1px solid #d6dde4; background:#ffffff; font-size:11px; font-weight:700; }
#itsadmin2-order-page .itsue-btn-pay-flash { color:#8f3030; }
#itsadmin2-order-page .itsue-btn-danger-flash { color:#7a2f62; }
#itsadmin2-order-page .itsadmin2-order-audio-bar { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-bottom:14px; }
#itsadmin2-order-page .itsadmin2-order-audio-note { font-size:12px; color:#66717d; }
#itsadmin2-order-page .itsadmin2-order-audio-toggle { display:inline-flex; align-items:center; justify-content:center; min-width:108px; height:34px; padding:0 14px; border:1px solid #35516d; background:#ffffff; color:#35516d; font-size:12px; font-weight:700; cursor:pointer; }
#itsadmin2-order-page .itsadmin2-order-audio-toggle.is-on { background:#35516d; color:#ffffff; }
#itsadmin2-order-page .view_switch_btn_box { margin-top:8px; display:inline-flex; }
#itsadmin2-order-page .place_switch_btn { margin:0; padding:2px; list-style:none; border:1px solid #cfd6dd; background:#f3f5f7; }
#itsadmin2-order-page .place_switch_btn .link { display:flex; align-items:center; gap:6px; min-width:68px; height:28px; padding:0 10px; text-decoration:none; color:#24303b; font-size:11px; font-weight:700; }
#itsadmin2-order-page .place_switch_btn .circle { width:10px; height:10px; border:1px solid #8f99a3; background:#ffffff; border-radius:50%; }
#itsadmin2-order-page .place_switch_btn.after { background:#35516d; border-color:#35516d; }
#itsadmin2-order-page .place_switch_btn.after .link { color:#ffffff; }
#itsadmin2-order-page .place_switch_btn.after .circle { background:#ffffff; border-color:#ffffff; }
#itsadmin2-order-page .left { text-align:left; }
#itsadmin2-order-page .itsadmin2-cell-order-products ul,
#itsadmin2-order-page .itsadmin2-cell-order-products li { margin:0; padding:0; list-style:none; }
#itsadmin2-order-page .itsadmin2-cell-order-products a { color:#23303b; text-decoration:none; }
#itsadmin2-order-page .itsadmin2-cell-order-products a:hover { text-decoration:underline; }
#itsadmin2-order-page .itsadmin2-cell-domain { font-size:12px; color:#66717d; word-break:break-all; }
#itsadmin2-order-page .itsadmin2-cell-guest { color:#8f3030; font-weight:700; }
#itsadmin2-order-page .itsadmin2-summary-link { text-decoration:none; }
#itsadmin2-order-page .itsadmin2-date-input { width:105px; text-align:center; }

#itsadmin2-order-page .itsadmin2-order-search-table { table-layout:auto; }
#itsadmin2-order-page .itsadmin2-order-search-table td.article { width:120px !important; min-width:120px; }
#itsadmin2-order-page .itsadmin2-order-search-table td.conts > .input_text,
#itsadmin2-order-page .itsadmin2-order-search-table td.conts > input[type="text"],
#itsadmin2-order-page .itsadmin2-order-search-table td.conts > select { width:100%; }
#itsadmin2-order-page .itsadmin2-order-search-table td.conts label { display:inline-flex; align-items:center; gap:6px; margin-right:18px; line-height:1.5; white-space:nowrap; vertical-align:middle; }
#itsadmin2-order-page .itsadmin2-order-search-table td.conts input[type="radio"],
#itsadmin2-order-page .itsadmin2-order-search-table td.conts input[type="checkbox"] { width:15px; height:15px; margin:0; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-order-inline { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-order-inline--date { justify-content:flex-start; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-order-inline--preset { margin-top:10px; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-order-inline--radio { gap:18px; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-date-input { width:105px !important; min-width:105px; text-align:center; }
#itsadmin2-order-page .itsadmin2-order-search-table .itsue_shop_btn_pack { margin:0; }
#itsadmin2-order-page .itsadmin2-order-audio-wrap { display:flex; justify-content:flex-end; margin:0 0 18px; }
#itsadmin2-order-page .itsadmin2-order-audio-box { display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid #cfd6dd; background:#ffffff; }
#itsadmin2-order-page .itsadmin2-order-audio-note { margin:0; }
#itsadmin2-order-page .itsadmin2-order-summary-wrap { margin-bottom:18px; border:1px solid #cfd6dd; background:#ffffff; padding:16px 18px; }
#itsadmin2-order-page .itsue_summary-grid { grid-template-columns:repeat(7, minmax(0,1fr)); }
#itsadmin2-order-page .itsadmin2-order-list-table { table-layout:fixed; }
#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(7) { width:420px; }
#itsadmin2-order-page .itsadmin2-cell-order-products li { list-style:none; }
#itsadmin2-order-page .itsadmin2-cell-order-products .shop_state_pack { margin-left:6px; }


/* 2026-04-13 _order.list.php 검색버튼영역 교체 */
#itsadmin2-order-page .itsadmin2-order-search-actions {
    padding: 16px 18px;
    border-top: 1px solid #e1e6eb;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-search-actions__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 108px;
    height: 38px;
    padding: 0 18px;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #23303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-btn--md {
    min-width: 108px;
    height: 38px;
    padding: 0 18px;
}

#itsadmin2-order-page .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-order-page .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

/* 2026-04-13 _order.list.php 리스트기본 영역 itsadmin2 전환 */
#itsadmin2-order-page .itsadmin2-order-list-wrap {
    width: 100%;
    /*overflow-x: auto;*/
}


#itsadmin2-order-page .itsadmin2-order-list-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-list-table th,
#itsadmin2-order-page .itsadmin2-order-list-table td {
    border: 1px solid #e1e6eb;
}

#itsadmin2-order-page .itsadmin2-order-list-table thead th {
    padding: 12px 8px;
    background: #f8fafc;
    color: #2c3945;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-order-cell {
    padding: 12px 10px;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    line-height: 1.7;
    vertical-align: top;
    word-break: keep-all;
}

#itsadmin2-order-page .itsadmin2-order-cell--center {
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-order-cell--product {
    text-align: left;
}

#itsadmin2-order-page .itsadmin2-col-check { width: 46px; }
#itsadmin2-order-page .itsadmin2-col-no { width: 56px; }
#itsadmin2-order-page .itsadmin2-col-type { width: 96px; }
#itsadmin2-order-page .itsadmin2-col-date { width: 110px; }
#itsadmin2-order-page .itsadmin2-col-partner { width: 110px; }
#itsadmin2-order-page .itsadmin2-col-buyer { width: 130px; }
#itsadmin2-order-page .itsadmin2-col-product { width: 320px; }
#itsadmin2-order-page .itsadmin2-col-contact { width: 110px; }
#itsadmin2-order-page .itsadmin2-col-pay { width: 135px; }
#itsadmin2-order-page .itsadmin2-col-status { width: 100px; }
#itsadmin2-order-page .itsadmin2-col-manage { width: 110px; }
#itsadmin2-order-page .itsadmin2-col-domain { width: 120px; }
#itsadmin2-order-page .itsadmin2-col-auth { width: 100px; }



#itsadmin2-order-page .itsadmin2-order-empty {
    padding: 40px 20px;
    text-align: center;
    color: #6b7580;
    font-size: 13px;
}

#itsadmin2-order-page .itsadmin2-order-type-stack,
#itsadmin2-order-page .itsadmin2-order-status-stack,
#itsadmin2-order-page .itsadmin2-order-product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-product-badges {
    justify-content: flex-end;
    margin-bottom: 8px;
}

#itsadmin2-order-page .itsadmin2-order-products {
    text-align: left;
}

#itsadmin2-order-page .itsadmin2-order-products a {
    color: #24303b;
    text-decoration: none;
}

#itsadmin2-order-page .itsadmin2-order-products a:hover {
    text-decoration: underline;
}

#itsadmin2-order-page .itsadmin2-order-product-name {
    margin: 0 0 4px;
    padding: 0;
    list-style: none;
}

#itsadmin2-order-page .itsadmin2-order-product-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    border-top: 1px dashed #edf1f4;
}

#itsadmin2-order-page .itsadmin2-order-product-item:first-child {
    border-top: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-state {
    flex: 0 0 auto;
}

#itsadmin2-order-page .itsadmin2-order-wallet-box {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e8edf2;
    color: #4e5a66;
}

#itsadmin2-order-page .itsadmin2-order-pay-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
}

#itsadmin2-order-page .itsadmin2-order-pay-box__main {
    font-size: 14px;
    font-weight: 700;
    color: #1f2933;
}

#itsadmin2-order-page .itsadmin2-order-manage-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
}

#itsadmin2-order-page .itsadmin2-order-manage-row,
#itsadmin2-order-page .itsadmin2-order-step-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #23303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-order-btn--xs {
    min-width: 64px;
    height: 28px;
    padding: 0 10px;
    font-size: 11px;
}

#itsadmin2-order-page .itsadmin2-order-btn--sm {
    min-width: 86px;
    height: 32px;
}

#itsadmin2-order-page .itsadmin2-order-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #23303b;
}

#itsadmin2-order-page .itsadmin2-order-step-select {
    height: 32px;
    padding: 0 10px;
    border: 1px solid #bcc6d0;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
}

#itsadmin2-order-page .itsadmin2-order-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 4px;
    /*border: 1px solid #d6dde4;*/
    background: #ffffff;
    color: #44515d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
}

#itsadmin2-order-page .itsadmin2-order-chip--red { color: #8f3030; }
#itsadmin2-order-page .itsadmin2-order-chip--orange { color: #9a5a15; }
#itsadmin2-order-page .itsadmin2-order-chip--green { color: #2e6a43; }
#itsadmin2-order-page .itsadmin2-order-chip--blue { color: #35516d; }
#itsadmin2-order-page .itsadmin2-order-chip--gray { color: #6b7580; }
#itsadmin2-order-page .itsadmin2-order-chip--light { color: #8d97a1; }
#itsadmin2-order-page .itsadmin2-order-chip--purple { color: #7b3f92; }

#itsadmin2-order-page .itsadmin2-order-chip--click {
    cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-order-guest {
    color: #8f3030;
    font-weight: 700;
}

#itsadmin2-order-page .itsadmin2-order-domain {
    display: inline-block;
    font-size: 12px;
    color: #66717d;
    line-height: 1.5;
    word-break: break-all;
}


/* 2026-04-13 _order.list.php 리스트 제어버튼영역 */
#itsadmin2-order-page .itsadmin2-order-list-actions {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e6eb;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-list-actions__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 96px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #23303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-btn--sm {
    min-width: 96px;
    height: 34px;
    padding: 0 14px;
}

#itsadmin2-order-page .itsadmin2-btn--red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-order-page .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-order-page .itsadmin2-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #23303b;
}

#itsadmin2-order-page .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}






/* 2026-04-13 주문리스트 스위치 버튼 itsadmin2 전환 */
#itsadmin2-order-page .itsadmin2-switch-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
}








/*네모스위치*/
#itsadmin2-order-page .itsadmin2-switch-nemo-toggle__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 30px;
	padding: 0 10px 0 8px;
	border: 0;
	background: #ffffff;
	color: #4f5b67;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle__track {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 18px;
	border: 1px solid #b8c2cc;
	background: #e7ecf1;
	vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle__thumb {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 14px;
	background: #ffffff;
	border: 1px solid #aab4be;
	transition: left 0.18s ease;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle__label {
	display: inline-block;
	min-width: 24px;
	text-align: center;
	letter-spacing: 0.2px;
}


#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-on .itsadmin2-switch-nemo-toggle__button {
	border-color: #35516d;
	background: #f7f9fc;
	color: #35516d;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-on .itsadmin2-switch-nemo-toggle__track {
	border-color: #35516d;
	background: #35516d;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-on .itsadmin2-switch-nemo-toggle__thumb {
	left: 17px;
	border-color: #ffffff;
	background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-off .itsadmin2-switch-nemo-toggle__button {
	border-color: #c3ccd5;
	background: #ffffff;
	color: #6b7580;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-off .itsadmin2-switch-nemo-toggle__track {
	border-color: #b8c2cc;
	background: #e7ecf1;
}

#itsadmin2-order-page .itsadmin2-switch-nemo-toggle.is-off .itsadmin2-switch-nemo-toggle__thumb {
	left: 1px;
	background: #ffffff;
}











/*둥근스위치*/
/* 바깥 박스선 제거 */
#itsadmin2-order-page .itsadmin2-switch-toggle__button {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    gap: 6px;
}

/* 안쪽 스위치 트랙만 사용 */
#itsadmin2-order-page .itsadmin2-switch-toggle__track {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    border: 0;
    background: #35516d;
    border-radius: 999px;
    vertical-align: middle;
}

/* OFF 상태 */
#itsadmin2-order-page .itsadmin2-switch-toggle.is-off .itsadmin2-switch-toggle__track {
    background: #cfd6dd;
}

/* 스위치 동그라미 */
#itsadmin2-order-page .itsadmin2-switch-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    transition: left 0.18s ease;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-on .itsadmin2-switch-toggle__thumb {
    left: 18px;
}

/* ON/OFF 글자 */
#itsadmin2-order-page .itsadmin2-switch-toggle__label {
    display: inline-block;
    min-width: 24px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #35516d;
    white-space: nowrap;
    vertical-align: middle;
}

/* 메뉴주문 배지 글자 줄바꿈 방지 */
#itsadmin2-order-page .itsadmin2-order-type-stack,
#itsadmin2-order-page .itsadmin2-order-chip,
#itsadmin2-order-page .itsadmin2-order-chip * {
    white-space: nowrap;
    word-break: keep-all;
    line-height: 1.2;
}

/* 메뉴주문 배지 자체 높이 정리 */
#itsadmin2-order-page .itsadmin2-order-chip {
    min-height: 24px;
    padding: 0 8px;
    align-items: center;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-on .itsadmin2-switch-toggle__button {
	border-color: #35516d;
	background: #f7f9fc;
	color: #35516d;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-on .itsadmin2-switch-toggle__track {
	border-color: #35516d;
	background: #35516d;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-on .itsadmin2-switch-toggle__thumb {
	left: 17px;
	border-color: #ffffff;
	background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-off .itsadmin2-switch-toggle__button {
	border-color: #c3ccd5;
	background: #ffffff;
	color: #6b7580;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-off .itsadmin2-switch-toggle__track {
	border-color: #b8c2cc;
	background: #e7ecf1;
}

#itsadmin2-order-page .itsadmin2-switch-toggle.is-off .itsadmin2-switch-toggle__thumb {
	left: 1px;
	background: #ffffff;
}



/* 2026-04-13 _order2.list.php 매칭 보정 추가분 */

#itsadmin2-order-page .form_box_area > .itsadmin2-order-note {
    padding: 0 18px 16px;
    color: #5f6974;
    font-size: 12px;
    line-height: 1.7;
}

#itsadmin2-order-page .itsadmin2-order-list-table {
    min-width: 1380px;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(6),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(6) {
    width: 560px;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(10),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(10) {
    width: 170px;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(11),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(11) {
    width: 150px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 210px 120px;
    gap: 10px;
    align-items: start;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__info {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__title {
    line-height: 1.7;
    word-break: break-word;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__qty {
    text-align: center;
    white-space: nowrap;
    line-height: 1.8;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__form {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select {
    margin-bottom: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select select,
#itsadmin2-order-page .itsadmin2-order-product-grid__input input {
    width: 100%;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__side {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__status {
    display: flex;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__action .itsadmin2-btn-pack,
#itsadmin2-order-page .itsadmin2-order-product-grid__action .shop_btn_pack {
    width: 100%;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-search-table .itsadmin2-order-inline--date {
    gap: 8px;
}

#itsadmin2-order-page .itsadmin2-order-search-table td.conts[colspan="100"] {
    padding-top: 12px;
    padding-bottom: 12px;
}

#itsadmin2-order-page .itsue_summary-grid > a {
    text-decoration: none;
}

#itsadmin2-order-page .itsue_summary-grid > a .itsue_summary-label,
#itsadmin2-order-page .itsue_summary-grid > a .itsue_summary-value,
#itsadmin2-order-page .itsue_summary-grid > a .itsue_summary-meta {
    text-decoration: none;
}


/* 2026-04-13 _order2.list.php 리스트 우측 넘침 방지 */
#itsadmin2-order-page {
    min-width: 0 !important;
    width: 100%;
    max-width: 100%;
}

#itsadmin2-order-page .content_section_inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#itsadmin2-order-page .itsadmin2-order-list-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

#itsadmin2-order-page .itsadmin2-order-list-table {
    width: 100%;
    min-width: 1420px;
    table-layout: fixed;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(6),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(6) {
    width: 460px;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(10),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(10) {
    width: 170px;
}

#itsadmin2-order-page .itsadmin2-order-list-table td:nth-child(11),
#itsadmin2-order-page .itsadmin2-order-list-table th:nth-child(11) {
    width: 150px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 210px 120px;
    gap: 10px;
    align-items: start;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__info {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__title {
    line-height: 1.7;
    word-break: break-word;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__qty {
    text-align: center;
    white-space: nowrap;
    line-height: 1.8;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__form {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select {
    margin-bottom: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select select,
#itsadmin2-order-page .itsadmin2-order-product-grid__input input {
    width: 100%;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__side {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__status {
    display: flex;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__action .itsadmin2-btn-pack {
    width: 100%;
    justify-content: center;
}



/* 2026-04-13 cancel/return/order2 family additions */
#itsadmin2-order-page .itsadmin2-section-box {
    margin-bottom: 18px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-section-box--search .itsadmin2-order-note {
    padding: 0 18px 16px;
    color: #5f6974;
    font-size: 12px;
    line-height: 1.7;
}

#itsadmin2-order-page .itsadmin2-order-search-table--cancel,
#itsadmin2-order-page .itsadmin2-order-search-table--return,
#itsadmin2-order-page .itsadmin2-order-list-table--cancel,
#itsadmin2-order-page .itsadmin2-order-list-table--return {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

#itsadmin2-order-page .itsadmin2-order-search-table--cancel td.article,
#itsadmin2-order-page .itsadmin2-order-search-table--return td.article {
    width: 110px !important;
    min-width: 110px;
}

#itsadmin2-order-page .itsadmin2-order-search-table--cancel .conts,
#itsadmin2-order-page .itsadmin2-order-search-table--return .conts {
    vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-order-search-table--cancel .input_text,
#itsadmin2-order-page .itsadmin2-order-search-table--return .input_text,
#itsadmin2-order-page .itsadmin2-order-search-table--cancel select,
#itsadmin2-order-page .itsadmin2-order-search-table--return select {
    width: 100%;
}

#itsadmin2-order-page .itsadmin2-order-search-table--cancel .itsadmin2-date-input,
#itsadmin2-order-page .itsadmin2-order-search-table--return .itsadmin2-date-input {
    width: 105px !important;
    min-width: 105px;
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-order-list-actions {
    padding: 16px 18px;
    border-bottom: 1px solid #e1e6eb;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-order-list-actions__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-order-list-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel,
#itsadmin2-order-page .itsadmin2-order-list-table--return {
    width: 100%;
    min-width: 1380px;
    table-layout: fixed;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel th,
#itsadmin2-order-page .itsadmin2-order-list-table--cancel td,
#itsadmin2-order-page .itsadmin2-order-list-table--return th,
#itsadmin2-order-page .itsadmin2-order-list-table--return td {
    border: 1px solid #e1e6eb;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel thead th,
#itsadmin2-order-page .itsadmin2-order-list-table--return thead th {
    padding: 12px 8px;
    background: #f8fafc;
    color: #2c3945;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel tbody td,
#itsadmin2-order-page .itsadmin2-order-list-table--return tbody td {
    padding: 12px 10px;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    line-height: 1.7;
    vertical-align: top;
    word-break: keep-all;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel td:nth-child(7),
#itsadmin2-order-page .itsadmin2-order-list-table--cancel th:nth-child(7) {
    width: 360px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--cancel td:nth-child(8),
#itsadmin2-order-page .itsadmin2-order-list-table--cancel th:nth-child(8) {
    width: 180px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--return td:nth-child(9),
#itsadmin2-order-page .itsadmin2-order-list-table--return th:nth-child(9) {
    width: 320px;
}

#itsadmin2-order-page .itsadmin2-text-left {
    text-align: left !important;
}

#itsadmin2-order-page .itsadmin2-text-danger {
    color: #8f3030;
    font-weight: 700;
}

#itsadmin2-order-page .itsadmin2-chip-block {
    display: block !important;
}

#itsadmin2-order-page .itsadmin2-clickable {
    cursor: pointer;
}

#itsadmin2-order-page .itsadmin2-cancel-price {
    color: #ff6600;
    font-weight: 700;
}

#itsadmin2-order-page .itsadmin2-cancel-product-line,
#itsadmin2-order-page .itsadmin2-cancel-product-state,
#itsadmin2-order-page .itsadmin2-cancel-status-line {
    display: block;
    padding-top: 3px;
    clear: both;
}

#itsadmin2-order-page .itsadmin2-cancel-product-line--name {
    font-weight: 700;
}

#itsadmin2-order-page .itsadmin2-cancel-product-state {
    text-align: right;
}

#itsadmin2-order-page .itsadmin2-cancel-domain-cell {
    width: 80px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 210px 120px;
    gap: 10px;
    align-items: start;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__info {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__title {
    line-height: 1.7;
    word-break: break-word;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__qty {
    text-align: center;
    white-space: nowrap;
    line-height: 1.8;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__form {
    min-width: 0;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select {
    margin-bottom: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__select select,
#itsadmin2-order-page .itsadmin2-order-product-grid__input input {
    width: 100%;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__side {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__status {
    display: flex;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-product-grid__action .itsadmin2-btn-pack,
#itsadmin2-order-page .itsadmin2-order-product-grid__action .shop_btn_pack {
    width: 100%;
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-list-table--return .btn_line_up_center {
    justify-content: center;
}

#itsadmin2-order-page .itsadmin2-order-list-table--return td:nth-child(10),
#itsadmin2-order-page .itsadmin2-order-list-table--return th:nth-child(10) {
    width: 160px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--return td:nth-child(11),
#itsadmin2-order-page .itsadmin2-order-list-table--return th:nth-child(11) {
    width: 130px;
}


/* 2026-04-13 cancel history list additional css */
#itsadmin2-order-page .itsadmin2-cancellist-search-wrap,
#itsadmin2-order-page .itsadmin2-cancellist-list-section {
    margin-bottom: 18px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-cancellist-search-table col.itsadmin2-cancellist-search-col-article {
    width: 100px;
}

#itsadmin2-order-page .itsadmin2-cancellist-search-table col.itsadmin2-cancellist-search-col-conts {
    width: 200px;
}

#itsadmin2-order-page .itsadmin2-cancellist-search-table col.itsadmin2-cancellist-search-col-flex {
    width: auto;
}

#itsadmin2-order-page .itsadmin2-cancellist-search-table td.conts {
    vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-cancellist-table {
    width: 100%;
    table-layout: fixed;
}

#itsadmin2-order-page .itsadmin2-cancellist-col-check { width: 44px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-no { width: 64px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-partner { width: 110px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-ordernum { width: 150px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-orderer { width: 110px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-recname { width: 110px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-paymethod { width: 100px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-payprice { width: 140px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-canceldate { width: 150px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-orderdate { width: 100px; }
#itsadmin2-order-page .itsadmin2-cancellist-col-manage { width: 120px; }

#itsadmin2-order-page .itsadmin2-cancellist-manage-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-order-list-actions--bottom {
    border-top: 1px solid #e1e6eb;
    border-bottom: 0;
}




/* 2026-04-13 settle/ordercalc family additions */
#itsadmin2-order-page.itsadmin2-page {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

#itsadmin2-order-page .itsadmin2-section-box {
    margin-bottom: 18px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#itsadmin2-order-page .itsadmin2-data-table--form td,
#itsadmin2-order-page .itsadmin2-data-table--form th,
#itsadmin2-order-page .itsadmin2-data-table--list td,
#itsadmin2-order-page .itsadmin2-data-table--list th {
    border: 1px solid #e1e6eb;
}

#itsadmin2-order-page .itsadmin2-data-table--form td.article,
#itsadmin2-order-page .itsadmin2-data-table--form th.article {
    width: 120px;
    padding: 12px 14px;
    background: #f8fafc;
    color: #2c3945;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}

#itsadmin2-order-page .itsadmin2-data-table--form td.conts,
#itsadmin2-order-page .itsadmin2-data-table--form th.conts {
    padding: 12px 14px;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    line-height: 1.8;
}

#itsadmin2-order-page .itsadmin2-data-table--list thead th {
    padding: 12px 8px;
    background: #f8fafc;
    color: #2c3945;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-data-table--list tbody td,
#itsadmin2-order-page .itsadmin2-data-table--list tfoot td,
#itsadmin2-order-page .itsadmin2-data-table--list tfoot th {
    padding: 12px 10px;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    line-height: 1.7;
    vertical-align: top;
}

#itsadmin2-order-page .itsadmin2-action-bar {
    padding: 16px 18px;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-section-box--form > .itsadmin2-action-bar,
#itsadmin2-order-page .itsadmin2-action-bar:first-child {
    border-top: 1px solid #e1e6eb;
}

#itsadmin2-order-page .itsadmin2-action-bar__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-section-box--list > .itsadmin2-action-bar .itsadmin2-action-bar__inner,
#itsadmin2-order-page .itsadmin2-section-box--list > .itsadmin2-action-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

#itsadmin2-order-page .itsadmin2-btn-pack--inline {
    margin-left: 6px;
}

#itsadmin2-order-page .itsadmin2-spacer {
    display: inline-block;
    width: 6px;
    height: 1px;
}

#itsadmin2-order-page .itsadmin2-btn,
#itsadmin2-order-page .itsadmin2-btn-input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #23303b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

#itsadmin2-order-page .itsadmin2-btn-input--sm,
#itsadmin2-order-page .itsadmin2-btn--sm { min-width: 84px; height: 30px; padding: 0 12px; }
#itsadmin2-order-page .itsadmin2-btn-input--md,
#itsadmin2-order-page .itsadmin2-btn--md { min-width: 108px; height: 36px; padding: 0 16px; }
#itsadmin2-order-page .itsadmin2-btn-input--lg,
#itsadmin2-order-page .itsadmin2-btn--lg { min-width: 116px; height: 38px; padding: 0 18px; }

#itsadmin2-order-page .itsadmin2-btn-input--blue,
#itsadmin2-order-page .itsadmin2-btn--blue { border-color:#35516d; background:#35516d; color:#fff; }
#itsadmin2-order-page .itsadmin2-btn-input--red,
#itsadmin2-order-page .itsadmin2-btn--red { border-color:#7f3434; background:#7f3434; color:#fff; }
#itsadmin2-order-page .itsadmin2-btn-input--gray,
#itsadmin2-order-page .itsadmin2-btn--gray { border-color:#6f7a86; background:#6f7a86; color:#fff; }
#itsadmin2-order-page .itsadmin2-btn-input--white,
#itsadmin2-order-page .itsadmin2-btn--white { border-color:#c3ccd5; background:#fff; color:#23303b; }
#itsadmin2-order-page .itsadmin2-btn-input--dark { border-color:#3f4d5a; background:#3f4d5a; color:#fff; }

#itsadmin2-order-page .itsadmin2-order-list-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

#itsadmin2-order-page .itsadmin2-order-list-table--settle {
    min-width: 1080px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--calc {
    min-width: 760px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--view {
    min-width: 1120px;
}

#itsadmin2-order-page .itsadmin2-order-list-table--view td:nth-child(2) {
    text-align: left;
}

#itsadmin2-order-page .itsadmin2-tabbar {
    display: flex;
    margin-bottom: 18px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-order-page .itsadmin2-tabbar__link {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border-left: 1px solid #e1e6eb;
    background: #fff;
    color: #2c3945;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

#itsadmin2-order-page .itsadmin2-tabbar__link:first-child { border-left: 0; }
#itsadmin2-order-page .itsadmin2-tabbar__link.btn_hit,
#itsadmin2-order-page .itsadmin2-tabbar__link.is-active { background:#35516d; color:#fff; }

#itsadmin2-order-page .itsadmin2-date-input {
    width: 105px !important;
    min-width: 105px;
    text-align: center;
}

#itsadmin2-order-page .itsadmin2-text-right { text-align: right !important; }
#itsadmin2-order-page .itsadmin2-text-left { text-align: left !important; }
#itsadmin2-order-page .itsadmin2-text-center { text-align: center !important; }

#itsadmin2-order-page .itsadmin2-view-heading {
    margin: 0 0 -15px 20px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
}
#itsadmin2-order-page .itsadmin2-view-heading--first { margin-top: 20px; }

#itsadmin2-order-page .itsadmin2-thumb-100 {
    width: 100px;
    height: auto;
    display: block;
}

#itsadmin2-order-page .itsadmin2-product-info-cell {
    text-align: left !important;
    padding: 10px !important;
}

#itsadmin2-order-page .itsadmin2-display-block { display: block; }
#itsadmin2-order-page .itsadmin2-pt-3 { padding-top: 3px; }
#itsadmin2-order-page .itsadmin2-chip-pad { padding: 0 7px !important; }
#itsadmin2-order-page .itsadmin2-state-line,
#itsadmin2-order-page .itsadmin2-display-line {
    clear: both;
    display: inline;
    float: left;
    padding-top: 3px;
}
#itsadmin2-order-page .itsadmin2-display-line--right {
    float: right;
    padding-right: 3px;
}

#itsadmin2-order-page .itsadmin2-state-pack {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

#itsadmin2-order-page .itsadmin2-option-box {
    margin-top: 6px;
    padding: 8px 10px;
    border: 1px solid #e1e6eb;
    background: #fbfcfd;
}

#itsadmin2-order-page .itsadmin2-pro-option {
    font-size: 12px;
    line-height: 1.7;
    color: #4f5b67;
}

#itsadmin2-order-page .itsadmin2-coupon-num {
    display: inline-block;
    color: #24303b;
}

#itsadmin2-order-page .itsadmin2-bottom-action-bar {
    margin-top: 18px;
    padding: 16px 18px 0;
    background: transparent;
}

#itsadmin2-order-page .itsadmin2-summary-cell {
    background: #f8fafc !important;
}

#itsadmin2-order-page .itsadmin2-summary-box ul {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

#itsadmin2-order-page .itsadmin2-summary-box li {
    margin: 0;
    padding: 0;
}

#itsadmin2-order-page .itsadmin2-summary-box .txt {
    font-weight: 700;
    color: #24303b;
}

#itsadmin2-order-page .itsadmin2-summary-box .sum {
    display: inline-block;
    margin-right: 6px;
    color: #5f6974;
}

#itsadmin2-order-page .itsadmin2-summary-box .value {
    font-weight: 700;
    color: #24303b;
}

#itsadmin2-order-page .itsadmin2-order-note-block {
    padding: 14px 18px;
    color: #5f6974;
    font-size: 12px;
    line-height: 1.8;
}

#itsadmin2-order-page .itsadmin2-data-table--list .itsadmin2-head-cell,
#itsadmin2-order-page .itsadmin2-data-table--list thead .itsadmin2-head-cell {
    background: #f8fafc;
}


/* 2026-04-13 _order3_shop.list.php additions */
#itsadmin2-order3-shop-page {
    padding: 0;
}

#itsadmin2-order3-shop-page .itsadmin2-section-box {
    margin-bottom: 18px;
    border: 1px solid #d7dee5;
    background: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-section-box--search,
#itsadmin2-order3-shop-page .itsadmin2-section-box--notice,
#itsadmin2-order3-shop-page .itsadmin2-section-box--list {
    overflow: hidden;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table th,
#itsadmin2-order3-shop-page .itsadmin2-data-table td {
    border: 1px solid #e1e6eb;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--form .itsadmin2-table-label {
    padding: 12px 14px;
    background: #f7f9fb;
    color: #2d3a45;
    font-size: 12px;
    font-weight: 700;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--form .itsadmin2-table-value {
    padding: 12px 14px;
    background: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-inline-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order3-shop-page .itsadmin2-date-input--sm {
    width: 88px;
    min-width: 88px;
    text-align: center;
}

#itsadmin2-order3-shop-page .itsadmin2-action-bar {
    padding: 16px 18px;
    border-top: 1px solid #e1e6eb;
    background: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-action-bar--list {
    border-top: 0;
    border-bottom: 1px solid #e1e6eb;
}

#itsadmin2-order3-shop-page .itsadmin2-action-bar__group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-order3-shop-page .itsadmin2-action-bar__group--center {
    justify-content: center;
}

#itsadmin2-order3-shop-page .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
}

#itsadmin2-order3-shop-page .itsadmin2-btn,
#itsadmin2-order3-shop-page .itsadmin2-btn-input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 108px;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #8b97a3;
    background: #ffffff;
    color: #23303b;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

#itsadmin2-order3-shop-page .itsadmin2-btn-input--primary {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-btn--neutral {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-btn--danger {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-order3-shop-page .itsadmin2-notice-title {
    padding: 16px 18px 0;
    color: #2d3a45;
    font-size: 14px;
    font-weight: 700;
}

#itsadmin2-order3-shop-page .itsadmin2-notice-list {
    padding: 8px 18px 0;
    color: #5c6772;
    font-size: 12px;
    line-height: 1.8;
}

#itsadmin2-order3-shop-page .itsadmin2-notice-list--accent {
    padding-bottom: 16px;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--matrix {
    margin: 14px 18px 0;
    width: calc(100% - 36px);
    table-layout: fixed;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--matrix th {
    padding: 10px 8px;
    background: #f7f9fb;
    color: #2d3a45;
    font-size: 12px;
    font-weight: 700;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--matrix td {
    padding: 10px 8px;
    text-align: center;
    background: #ffffff;
    font-size: 12px;
}

#itsadmin2-order3-shop-page .itsadmin2-order-list-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--list {
    min-width: 1280px;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--list th {
    padding: 12px 8px;
    background: #f7f9fb;
    color: #2d3a45;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--list td {
    padding: 12px 10px;
    background: #ffffff;
    color: #24303b;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
    vertical-align: middle;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--list td.itsadmin2-cell-left {
    text-align: left;
}

#itsadmin2-order3-shop-page .itsadmin2-data-table--list .itsadmin2-th-no { width: 66px; }
#itsadmin2-order3-shop-page .itsadmin2-data-table--list .itsadmin2-th-check { width: 58px; }
#itsadmin2-order3-shop-page .itsadmin2-data-table--list .itsadmin2-th-em {
    background: #eef3f6;
}

#itsadmin2-order3-shop-page .itsadmin2-cell-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

#itsadmin2-order3-shop-page .itsadmin2-empty-cell {
    padding: 50px 20px !important;
    text-align: center;
    color: #b05a00;
    font-size: 13px;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-foot-cell {
    padding: 0 !important;
    background: #fcfdfd !important;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-box {
    padding: 18px 20px;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-box ul {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-box__title {
    color: #2d3a45;
    font-size: 13px;
    font-weight: 700;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-box__label {
    display: inline-block;
    margin-right: 6px;
    color: #5c6772;
}

#itsadmin2-order3-shop-page .itsadmin2-summary-box__value {
    color: #1f2933;
    font-weight: 700;
}



/* 2026-04-13 _product_main.list.php embedded full skin */
#itsadmin2-product-list-page,
#itsadmin2-product-list-content,
.itsadmin2-upload-form,
.itsadmin2-product-list-search-form,
.itsadmin2-product-list-form {
    font-family: "Malgun Gothic", "맑은 고딕", AppleSDGothicNeo, sans-serif;
    color: #23303b;
}

#itsadmin2-product-list-page *,
#itsadmin2-product-list-content *,
.itsadmin2-upload-form *,
.itsadmin2-product-list-search-form *,
.itsadmin2-product-list-form * {
    box-sizing: border-box;
}

#itsadmin2-product-list-page,
#itsadmin2-product-list-content {
    padding: 0;
}

.itsadmin2-upload-form {
    margin: 0 0 18px 0;
}

#itsadmin2-product-list-page .itsadmin2-page-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

#itsadmin2-product-list-page .itsadmin2-page-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.3;
    color: #1f2933;
    font-weight: 700;
}

#itsadmin2-product-list-page .itsadmin2-page-desc {
    margin: 6px 0 0 0;
    font-size: 12px;
    line-height: 1.7;
    color: #5d6772;
}

#itsadmin2-product-list-page .itsadmin2-page-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #d6dde4;
    background: #ffffff;
}

#itsadmin2-product-list-page .itsadmin2-page-summary__label {
    font-size: 12px;
    color: #66717d;
}

#itsadmin2-product-list-page .itsadmin2-page-summary__count {
    font-size: 18px;
    font-weight: 700;
    color: #23303b;
}

#itsadmin2-product-list-page .itsadmin2-panel,
#itsadmin2-product-list-content .itsadmin2-panel,
.itsadmin2-upload-form .itsadmin2-panel {
    margin-bottom: 18px;
    /*border: 1px solid #cfd6dd;*/

    background: #ffffff;
}

#itsadmin2-product-list-page .itsadmin2-panel__head,
#itsadmin2-product-list-content .itsadmin2-panel__head,
.itsadmin2-upload-form .itsadmin2-panel__head {
    padding: 14px 18px;
    border-bottom: 1px solid #e4e8ec;
    background: #f8fafc;
}

#itsadmin2-product-list-page .itsadmin2-panel__title,
#itsadmin2-product-list-content .itsadmin2-panel__title,
.itsadmin2-upload-form .itsadmin2-panel__title {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #24303b;
    font-weight: 700;
}

#itsadmin2-product-list-page .itsadmin2-panel__body,
#itsadmin2-product-list-content .itsadmin2-panel__body,
.itsadmin2-upload-form .itsadmin2-panel__body {
    padding: 18px;
}

#itsadmin2-product-list-page .itsadmin2-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 16px;
}

#itsadmin2-product-list-page .itsadmin2-filter-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#itsadmin2-product-list-page .itsadmin2-filter-item--date {
    grid-column: span 2;
    align-items: center;
    text-align: center;
}

#itsadmin2-product-list-page .itsadmin2-date-range {
    /*justify-content: center;*/
}
#itsadmin2-product-list-page .itsadmin2-filter-label,
.itsadmin2-upload-form .itsadmin2-filter-label {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: #44515d;
    font-weight: 700;
}

#itsadmin2-product-list-page .itsadmin2-input,
#itsadmin2-product-list-page .itsadmin2-select,
#itsadmin2-product-list-content .itsadmin2-input,
#itsadmin2-product-list-content .itsadmin2-select,
.itsadmin2-upload-form .itsadmin2-input,
.itsadmin2-upload-form .itsadmin2-select {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #bcc6d0;
    background: #ffffff;
    font-size: 13px;
    color: #1f2933;
    vertical-align: middle;
}

#itsadmin2-product-list-page textarea.itsadmin2-input,
#itsadmin2-product-list-content textarea.itsadmin2-input,
.itsadmin2-upload-form textarea.itsadmin2-input {
    min-height: 88px;
    padding: 10px 12px;
}

#itsadmin2-product-list-page .itsadmin2-input--date {
    max-width: 140px;
}

#itsadmin2-product-list-page .itsadmin2-date-range {
    display: flex;
    align-items: center;
    gap: 8px;
}

#itsadmin2-product-list-page .itsadmin2-date-range__sep {
    font-size: 13px;
    color: #54606c;
}

#itsadmin2-product-list-page .itsadmin2-filter-block {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e4e8ec;
}

#itsadmin2-product-list-page .itsadmin2-filter-block__title {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #44515d;
    font-weight: 700;
}

#itsadmin2-product-list-page .itsadmin2-category-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

#itsadmin2-product-list-page .itsadmin2-category-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 180px;
}

#itsadmin2-product-list-page .itsadmin2-category-field__label {
    font-size: 12px;
    line-height: 1.4;
    color: #44515d;
    font-weight: 700;
}

#itsadmin2-product-list-page .itsadmin2-filter-actions,
.itsadmin2-upload-form .itsadmin2-filter-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e4e8ec;
	justify-content: center;
}

.itsadmin2-upload-form .itsadmin2-upload-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.itsadmin2-upload-form .itsadmin2-upload-row .itsadmin2-input {
    max-width: 420px;
}

.itsadmin2-upload-form .itsadmin2-guide-box,
#itsadmin2-product-list-page .itsadmin2-guide-box {
    padding: 14px 16px;
    border: 1px solid #dce3ea;
    background: #fafbfd;
}

.itsadmin2-upload-form .guide_text,
#itsadmin2-product-list-page .guide_text,
#itsadmin2-product-list-content .guide_text {
    margin: 4px 0;
    font-size: 12px;
    line-height: 1.7;
    color: #5c6772;
}

.itsadmin2-upload-form .guide_text .orange,
#itsadmin2-product-list-page .guide_text .orange,
#itsadmin2-product-list-content .guide_text .orange {
    color: #9b5c11;
}

.itsadmin2-upload-form .guide_text .blue,
#itsadmin2-product-list-page .guide_text .blue,
#itsadmin2-product-list-content .guide_text .blue {
    color: #35516d;
}

#itsadmin2-product-list-content .itsadmin2-bulk-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px 16px;
    border: 1px solid #cfd6dd;
    background: #ffffff;
}

#itsadmin2-product-list-content .itsadmin2-bulk-toolbar__left,
#itsadmin2-product-list-content .itsadmin2-bulk-toolbar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#itsadmin2-product-list-page .itsadmin2-btn-pack,
#itsadmin2-product-list-content .itsadmin2-btn-pack,
.itsadmin2-upload-form .itsadmin2-btn-pack {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

#itsadmin2-product-list-page .itsadmin2-btn,
#itsadmin2-product-list-content .itsadmin2-btn,
.itsadmin2-upload-form .itsadmin2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #8f99a3;
    background: #ffffff;
    color: #23303b;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
}

#itsadmin2-product-list-page .itsadmin2-btn--md,
#itsadmin2-product-list-content .itsadmin2-btn--md,
.itsadmin2-upload-form .itsadmin2-btn--md {
    min-width: 104px;
    height: 36px;
    padding: 0 16px;
    font-size: 12px;
}

#itsadmin2-product-list-page .itsadmin2-btn--sm,
#itsadmin2-product-list-content .itsadmin2-btn--sm,
.itsadmin2-upload-form .itsadmin2-btn--sm {
    min-width: 86px;
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
}

#itsadmin2-product-list-page .itsadmin2-btn--xs,
#itsadmin2-product-list-content .itsadmin2-btn--xs,
.itsadmin2-upload-form .itsadmin2-btn--xs {
    min-width: 72px;
    height: 28px;
    padding: 0 10px;
    font-size: 11px;
}

#itsadmin2-product-list-page .itsadmin2-btn--blue,
#itsadmin2-product-list-content .itsadmin2-btn--blue,
.itsadmin2-upload-form .itsadmin2-btn--blue {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

#itsadmin2-product-list-page .itsadmin2-btn--red,
#itsadmin2-product-list-content .itsadmin2-btn--red,
.itsadmin2-upload-form .itsadmin2-btn--red {
    border-color: #7f3434;
    background: #7f3434;
    color: #ffffff;
}

#itsadmin2-product-list-page .itsadmin2-btn--gray,
#itsadmin2-product-list-content .itsadmin2-btn--gray,
.itsadmin2-upload-form .itsadmin2-btn--gray {
    border-color: #6f7a86;
    background: #6f7a86;
    color: #ffffff;
}

#itsadmin2-product-list-page .itsadmin2-btn--white,
#itsadmin2-product-list-content .itsadmin2-btn--white,
.itsadmin2-upload-form .itsadmin2-btn--white {
    border-color: #c3ccd5;
    background: #ffffff;
    color: #23303b;
}

#itsadmin2-product-list-content .itsadmin2-list-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#itsadmin2-product-list-content .itsadmin2-list-table thead th {
    padding: 12px 10px;
    border: 1px solid #d8dee5;
    background: #f8fafc;
    font-size: 12px;
    line-height: 1.4;
    color: #2d3944;
    font-weight: 700;
    text-align: center;
}

#itsadmin2-product-list-content .itsadmin2-list-table tbody td {
    padding: 12px 10px;
    border: 1px solid #e1e6eb;
    vertical-align: top;
    background: #ffffff;
    font-size: 12px;
    line-height: 1.7;
    color: #23303b;
}

#itsadmin2-product-list-content .itsadmin2-col-check { width: 42px; }
#itsadmin2-product-list-content .itsadmin2-col-rank { width: 86px; }
#itsadmin2-product-list-content .itsadmin2-col-no { width: 56px; }
#itsadmin2-product-list-content .itsadmin2-col-image { width: 118px; }
#itsadmin2-product-list-content .itsadmin2-col-price { width: 120px; }
#itsadmin2-product-list-content .itsadmin2-col-period { width: 100px; }
#itsadmin2-product-list-content .itsadmin2-col-manage { width: 198px; }

#itsadmin2-product-list-content .itsadmin2-list-cell--check,
#itsadmin2-product-list-content .itsadmin2-list-cell--rank,
#itsadmin2-product-list-content .itsadmin2-list-cell--no,
#itsadmin2-product-list-content .itsadmin2-list-cell--image,
#itsadmin2-product-list-content .itsadmin2-list-cell--price,
#itsadmin2-product-list-content .itsadmin2-list-cell--period {
    text-align: center;
}

#itsadmin2-product-list-content .itsadmin2-empty-cell {
    height: 120px;
    text-align: center;
    color: #6b7580;
}

#itsadmin2-product-list-content .itsadmin2-rank-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

#itsadmin2-product-list-content .itsadmin2-rank-box__view {
    min-width: 44px;
    padding: 2px 6px;
    border: 1px solid #d6dde4;
    background: #ffffff;
    font-size: 11px;
    line-height: 1.4;
    color: #4d5965;
}

#itsadmin2-product-list-content .itsadmin2-thumb-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

#itsadmin2-product-list-content .itsadmin2-thumb-image {
    display: block;
    width: 96px;
    max-width: 96px;
    height: auto;
    border: 1px solid #dce3ea;
    background: #ffffff;
}

#itsadmin2-product-list-content .itsadmin2-product-card {
    text-align: left;
}

#itsadmin2-product-list-content .itsadmin2-product-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

#itsadmin2-product-list-content .itsadmin2-status-row {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#itsadmin2-product-list-content .itsadmin2-product-card__title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2933;
}

#itsadmin2-product-list-content .itsadmin2-product-card__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#itsadmin2-product-list-content .itsadmin2-meta-label {
    display: inline-block;
    min-width: 72px;
    color: #5d6772;
    font-weight: 700;
}

#itsadmin2-product-list-content .itsadmin2-meta-value {
    color: #23303b;
}

#itsadmin2-product-list-content .itsadmin2-type-badge,
#itsadmin2-product-list-content .itsadmin2-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #d6dde4;
    background: #ffffff;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    white-space: nowrap;
}

#itsadmin2-product-list-content .itsadmin2-type-badge--default { color: #4b5560; }
#itsadmin2-product-list-content .itsadmin2-type-badge--ticket { color: #7a2f62; }
#itsadmin2-product-list-content .itsadmin2-type-badge--hotel { color: #2d5b86; }
#itsadmin2-product-list-content .itsadmin2-type-badge--rental { color: #5b4b86; }
#itsadmin2-product-list-content .itsadmin2-type-badge--promo { color: #7b5130; }

#itsadmin2-product-list-content .itsadmin2-status-badge--on { color: #2d6a3d; }
#itsadmin2-product-list-content .itsadmin2-status-badge--off { color: #8a4040; }
#itsadmin2-product-list-content .itsadmin2-status-badge--best { color: #b06916; }
#itsadmin2-product-list-content .itsadmin2-status-badge--always { color: #35516d; }
#itsadmin2-product-list-content .itsadmin2-status-badge--lang { color: #6a4e98; }

#itsadmin2-product-list-content .itsadmin2-price-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

#itsadmin2-product-list-content .itsadmin2-price-box__org {
    color: #7a838d;
}

#itsadmin2-product-list-content .itsadmin2-price-box__sale {
    font-size: 15px;
    font-weight: 700;
    color: #1f2933;
}

#itsadmin2-product-list-content .itsadmin2-price-box__pv {
    color: #5d6772;
}

#itsadmin2-product-list-content .itsadmin2-period-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

#itsadmin2-product-list-content .itsadmin2-period-box__reg {
    color: #69737d;
}

#itsadmin2-product-list-content .itsadmin2-manage-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#itsadmin2-product-list-content .itsadmin2-manage-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

#itsadmin2-product-list-page .itsadmin2-ta-center,
#itsadmin2-product-list-content .itsadmin2-ta-center,
.itsadmin2-upload-form .itsadmin2-ta-center {
    text-align: center !important;
}

#itsadmin2-product-list-page .itsadmin2-input--xs,
#itsadmin2-product-list-content .itsadmin2-input--xs,
.itsadmin2-upload-form .itsadmin2-input--xs {
    width: 56px;
    min-width: 56px;
    height: 30px;
    padding: 0 8px;
}

#itsadmin2-product-list-page .itsadmin2-inline-note-dim,
#itsadmin2-product-list-content .itsadmin2-inline-note-dim,
.itsadmin2-upload-form .itsadmin2-inline-note-dim {
    color: #69737d;
}

#itsadmin2-product-list-page .itsadmin2-is-hidden,
#itsadmin2-product-list-content .itsadmin2-is-hidden,
.itsadmin2-upload-form .itsadmin2-is-hidden,
.excel_upload_field.itsadmin2-is-hidden,
.excel_upload_field2.itsadmin2-is-hidden {
    display: none;
}

.itsadmin2_list_paginate {
    margin: 18px 0 0 0;
    padding: 14px 0 6px;
    text-align: center;
}

.itsadmin2_list_paginate a,
.itsadmin2_list_paginate strong,
.itsadmin2_list_paginate span {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    margin: 0 2px;
    border: 1px solid #d6dde4;
    background: #ffffff;
    line-height: 28px;
    font-size: 12px;
    color: #43505c;
    text-decoration: none;
    vertical-align: middle;
}

.itsadmin2_list_paginate strong {
    border-color: #35516d;
    background: #35516d;
    color: #ffffff;
}

.itsadmin2_class_ordernum,
input[name=allchk] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}



/* 입금 출금 신청페이지 new */


/* itsadmin- 고유 CSS 하드코딩 (PC 기준 모던 레이아웃) */
.itsadmin-wrap { padding: 25px; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif; font-size: 13px; color: #333; /*background-color: #f4f6f9;*/ background-color: #ffffff; min-height: 100vh; }
.itsadmin-card { background: #ffffff; border-radius: 6px; margin-bottom: 25px; padding: 25px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.itsadmin-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #edf1f5; }
.itsadmin-card-title { font-size: 17px; font-weight: 700; color: #2c3e50; }

.itsadmin-table-form { width: 100%; border-top: 2px solid #2c3e50; border-collapse: collapse; }
.itsadmin-table-form th { background: #f8f9fa; text-align: left; padding: 12px 15px; border-bottom: 1px solid #e9ecef; border-right: 1px solid #e9ecef; width: 140px; font-weight: 600; color: #495057; }
.itsadmin-table-form td { padding: 12px 15px; border-bottom: 1px solid #e9ecef; }

.itsadmin-input-text { border: 1px solid #ced4da; padding: 6px 12px; height: 34px; border-radius: 4px; font-size: 13px; color: #495057; box-sizing: border-box; transition: border-color 0.15s ease-in-out; }
.itsadmin-input-text:focus { border-color: #80bdff; outline: 0; }
.itsadmin-input-text:disabled { background-color: #e9ecef; cursor: not-allowed; }

.itsadmin-btn { display: inline-flex; align-items: center; justify-content: center; padding: 6px 16px; font-size: 13px; font-weight: 500; border-radius: 4px; cursor: pointer; text-decoration: none; border: 1px solid transparent; box-sizing: border-box; height: 34px; transition: all 0.2s; }
.itsadmin-btn-dark { background-color: #343a40; color: #ffffff; border-color: #343a40; }
.itsadmin-btn-dark:hover { background-color: #23272b; color: #ffffff; }
.itsadmin-btn-primary { background-color: #007bff; color: #ffffff; border-color: #007bff; }
.itsadmin-btn-primary:hover { background-color: #0056b3; color: #ffffff; }
.itsadmin-btn-danger { background-color: #e74c3c; color: #ffffff; border-color: #e74c3c; height: 40px; font-size: 14px; }
.itsadmin-btn-danger:hover { background-color: #c0392b; color: #ffffff; }
.itsadmin-btn-outline { background-color: #ffffff; color: #495057; border-color: #ced4da; }
.itsadmin-btn-outline:hover { background-color: #f8f9fa; color: #212529; }
.itsadmin-btn-outline-primary { background-color: #ffffff; color: #007bff; border-color: #007bff; }
.itsadmin-btn-outline-primary:hover { background-color: #007bff; color: #ffffff; }
.itsadmin-btn-sm { padding: 4px 10px; font-size: 12px; height: 28px; }

.itsadmin-flex-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.itsadmin-flex-center { justify-content: center; }

.itsadmin-table-list { width: 100%; border-collapse: collapse; text-align: center; }
.itsadmin-table-list th { background: #343a40; color: #ffffff; padding: 12px 10px; font-weight: 500; border-right: 1px solid #4b545c; }
.itsadmin-table-list th:last-child { border-right: none; }
.itsadmin-table-list td { padding: 12px 10px; border-bottom: 1px solid #e9ecef; vertical-align: middle; color: #495057; }
.itsadmin-table-list tbody tr:hover { background-color: #f8f9fa; }
.itsadmin-table-list .text-left { text-align: left; }
.itsadmin-table-list .text-right { text-align: right; }

.itsadmin-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; }
.itsadmin-badge-yellow { background-color: #ffc107; color: #212529; }
.itsadmin-badge-green { background-color: #28a745; color: #ffffff; }
.itsadmin-text-blue { color: #007bff; font-weight: bold; }
.itsadmin-text-red { color: #e74c3c; font-weight: bold; }

.itsadmin-empty-state { padding: 50px 20px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 4px; border: 1px dashed #ced4da; }
.itsadmin-pagination-wrap { margin-top: 25px; text-align: center; }
.itsadmin-footer-actions { text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #edf1f5; }



/* ==========================================
   [1] 기존 요소 디자인 수정 (덮어쓰기) 
   ========================================== */

/* 폼 테이블 여백을 폼 입력에 맞게 살짝 넓게 조정 */
.itsadmin-table-form th { padding: 14px 15px; }
.itsadmin-table-form td { padding: 14px 15px; }

/* 텍스트 입력창 및 버튼 높이 통일 (34px -> 36px) */
.itsadmin-input-text { height: 36px; }
.itsadmin-btn { height: 36px; }

/* 카드 타이틀 앞에 파란색 포인트 바(Bar) 디자인 추가 */
.itsadmin-card-title { display: flex; align-items: center; }
.itsadmin-card-title::before { content: ''; display: inline-block; width: 4px; height: 18px; background-color: #007bff; margin-right: 10px; border-radius: 2px; }


/* ==========================================
   [2] 신규 추가된 요소 (새로 추가) 
   ========================================== */

/* Select 박스 및 에러 상태 (쿠폰 선택용) */
.itsadmin-select { border: 1px solid #ced4da; padding: 6px 12px; height: 36px; border-radius: 4px; font-size: 13px; color: #495057; box-sizing: border-box; transition: border-color 0.15s ease-in-out; }
.itsadmin-select:focus { border-color: #80bdff; outline: 0; }
.itsadmin-select:disabled { background-color: #e9ecef; cursor: not-allowed; }
.itsadmin-select.select_error { border-color: #e74c3c; color: #e74c3c; }
.option_error { color: #e74c3c; }

/* 너비 조절용 유틸리티 클래스 */
.itsadmin-w-sm { width: 80px !important; }
.itsadmin-w-md { width: 120px !important; }
.itsadmin-w-lg { width: 400px !important; }

/* 텍스트 및 서식 유틸리티 (단위, 하이픈, 설명문구) */
.itsadmin-suffix { color: #6c757d; }
.itsadmin-dash { color: #adb5bd; }
.itsadmin-desc { display: block; margin-top: 6px; font-size: 12px; color: #868e96; }
.itsadmin-desc em { color: #e74c3c; font-style: normal; font-weight: bold; }

/* 팁(Tip) 안내 박스 UI */
.itsadmin-tip-box { background-color: #e8f4fd; border-left: 4px solid #3498db; padding: 15px 20px; border-radius: 4px; margin-bottom: 25px; }
.itsadmin-tip-box .itsadmin-desc { color: #2c3e50; margin-top: 4px; font-size: 13px; }

/* 보상지급(혜택) 추가 항목 리스트 UI (카드형 Row) */
.itsadmin-reward-row { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; margin-bottom: 10px; }
.itsadmin-reward-item { display: flex; flex-direction: column; gap: 8px; }
.itsadmin-label-title { font-weight: 600; color: #495057; font-size: 12px; }
.itsadmin-reward-action { margin-left: 20px; }
.itsadmin-divider { height: 1px; background: dashed 1px #dee2e6; margin: 10px 0; display: none; }


/* ==========================================
   [3] 출석체크 참여내역(Log) 전용 신규 CSS
   ========================================== */

/* 상단 요약 통계 박스 컨테이너 */
.itsadmin-stats-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; }

/* 개별 통계 박스 (카드) */
.itsadmin-stat-card { flex: 1; min-width: 220px; background: #ffffff; border: 1px solid #dbe0e4; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); display: flex; flex-direction: column; justify-content: flex-start; }
.itsadmin-stat-title { font-size: 14px; font-weight: 600; color: #495057; margin-bottom: 15px; border-bottom: 1px solid #edf1f5; padding-bottom: 10px; }
.itsadmin-stat-value { font-size: 22px; font-weight: 700; line-height: 1.2; }

/* 통계 리스트 텍스트 UI */
.itsadmin-stat-list { list-style: none; padding: 0; margin: 0; font-size: 13px; line-height: 1.6; color: #2c3e50; }
.itsadmin-stat-list li { margin-bottom: 4px; }
.itsadmin-stat-list li:last-child { margin-bottom: 0; }

/* 리스트 상단 컨트롤러 (선택삭제, 엑셀다운 등) */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }

/* 모바일 팁 (PC 버전에서 우측 정렬용 텍스트) */
.itsadmin-mobile-tip { font-size: 12px; color: #868e96; display: inline-block; }



.itsadmin-card,
.itsadmin-table-responsive,
.itsadmin-table-list {
	overflow: visible !important;
}

.itsadmin-table-responsive {
	position: relative;
	overflow-x: visible !important;
	overflow-y: visible !important;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.itsadmin-table-responsive::-webkit-scrollbar {
	display: none;
}

.itsadmin-rech-detail-row {
	visibility: hidden;
}

.itsadmin-rech-detail-row.is-ready {
	visibility: visible;
}

.itsadmin-rech-detail-row td {
	position: relative;
	padding: 0 !important;
	border-top: none !important;
	background: #fbfcfe;
	overflow: visible !important;
}

.itsadmin-rech-detail-line {
	position: relative;
	overflow: visible !important;
	font-size: 11px;
	line-height: 1.2;
	color: #475569;
	padding: 3px 30px 3px 10px;
	min-height: 22px;
	box-sizing: border-box;
	white-space: nowrap;
	transition: none;
}


.itsadmin-rech-detail-label,
.itsadmin-rech-detail-text,
.itsadmin-rech-detail-text a {
	font-size: 11px;
	line-height: 1.2;
}

.itsadmin-rech-detail-label {
	display: inline;
	margin-right: 6px;
	font-weight: 700;
	color: #0f172a;
}

.itsadmin-rech-detail-text {
	display: inline-block;
	max-width: calc(100% - 56px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	padding: 2px 8px;
	border: 1px solid #cfe0ff;
	border-radius: 7px;
	background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
	color: #174ea6;
	font-weight: 600;
	letter-spacing: 0.1px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.itsadmin-rech-detail-text {
	padding: 0 9px 4px 9px;
	line-height: 1.1;
}

.itsadmin-rech-detail-text a {
	color: #0b57d0 !important;
	font-weight: 700;
	text-decoration: none;
}

.itsadmin-rech-detail-text a:hover {
	text-decoration: underline;
}



.itsadmin-rech-detail-text {
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 14.5px;
}



.itsadmin-rech-detail-row.is-open td {
	background: #fbfcfe;
}

.itsadmin-rech-detail-row.is-open .itsadmin-rech-detail-line {
	height: auto;
	min-height: 22px;
	max-height: none;
	padding: 3px 30px 3px 10px;
	background: transparent;
}


/* 위아래 여백때문에 주석처리

.itsadmin-rech-detail-row.is-open .itsadmin-rech-detail-label,
.itsadmin-rech-detail-row.is-open .itsadmin-rech-detail-text {
	display: inline;
	opacity: 1;
	visibility: visible;
}
*/


.itsadmin-rech-detail-row.is-collapsed td {
	background: transparent;
}

.itsadmin-rech-detail-row.is-collapsed .itsadmin-rech-detail-line {
	height: 1px !important;
	min-height: 1px !important;
	max-height: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #e5e7eb;
	font-size: 0 !important;
	line-height: 0 !important;
}

.itsadmin-rech-detail-row.is-collapsed .itsadmin-rech-detail-label,
.itsadmin-rech-detail-row.is-collapsed .itsadmin-rech-detail-text {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.itsadmin-rech-row-toggle {
	position: absolute;
	right: 7px;
	width: 18px;
	height: 18px;
	border: 1px solid #dbe4ee;
	border-radius: 999px;
	background: #ffffff;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
	transition: all .2s ease;
	padding: 0;
	z-index: 30;
}

.itsadmin-rech-detail-row.is-open .itsadmin-rech-row-toggle {
	top: 50%;
	transform: translateY(-50%);
}

.itsadmin-rech-detail-row.is-collapsed .itsadmin-rech-row-toggle {
	top: -9px;
	transform: none;
}

.itsadmin-rech-row-toggle:hover {
	background: #f8fbff;
	box-shadow: 0 7px 16px rgba(15, 23, 42, 0.12);
}

.itsadmin-rech-row-toggle:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 5px;
	height: 5px;
	border-right: 2px solid #64748b;
	border-bottom: 2px solid #64748b;
	transition: transform .2s ease, border-color .2s ease;
}

.itsadmin-rech-row-toggle[aria-expanded="true"]:before {
	transform: translate(-50%, -25%) rotate(-135deg);
	border-color: #2563eb;
}

.itsadmin-rech-row-toggle[aria-expanded="false"]:before {
	transform: translate(-50%, -60%) rotate(45deg);
	border-color: #64748b;
}

@media (max-width: 1024px) {
	.itsadmin-rech-detail-text {
		max-width: calc(100% - 50px);
	}
	.itsadmin-rech-row-toggle {
		right: 5px;
	}
}


/*펼침숨김버튼 애니메이션 제거*/

.itsadmin-rech-row-toggle {
	transition: none !important;
}

.itsadmin-rech-row-toggle:before {
	transition: none !important;
}



/*펼침숨김버튼 위치조정*/

.itsadmin-rech-row-toggle {
	right: 0px;   /* 좌우 위치 */
}
.itsadmin-rech-detail-row.is-open .itsadmin-rech-row-toggle {
	top: 50%;                 /* 펼침 상태 위아래 */
	transform: translateY(-50%);
}
.itsadmin-rech-detail-row.is-collapsed .itsadmin-rech-row-toggle {
	top: -9px;                /* 숨김 상태 위아래 */
	transform: none;
}


.itsadmin-rech-detail-row.is-collapsed td {
	border-top: none !important;
	border-bottom: none !important;
}

.itsadmin-rech-parent-row.is-detail-collapsed > td {
	border-bottom: none !important;
}


.itsadmin-form-action-wrap {
	display: grid;
	grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
	align-items: center;
	gap: 12px;
	margin-top: 24px;
	padding: 22px 0 4px;
	border-top: 1px solid #edf1f5;
}

.itsadmin-form-action-center {
	grid-column: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.itsadmin-form-action-right {
	grid-column: 3;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right:20px;
}

.itsadmin-btn-xl {
	min-width: 140px;
	height: 46px;
	padding: 0 26px;
	font-size: 15px;
	font-weight: 700;
	line-height: 44px;
	border-radius: 10px;
}

.itsadmin-btn-force-delete {
	min-width: 100px;
	height: 38px;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 8px;
}



/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하
   ========================================== */
@media screen and (max-width: 768px) {
    
    /* 1. 전체 여백 및 카드 패딩 축소 */
    .itsadmin-wrap { padding: 10px; }
    .itsadmin-card { padding: 15px; margin-bottom: 15px; }
    .itsadmin-card-title { font-size: 16px; margin-bottom: 10px; }
    
    /* 2. 상단 통계 박스 세로로 1줄 배치 */
    .itsadmin-stats-grid { flex-direction: column; gap: 12px; }
    .itsadmin-stat-card { width: 100%; box-sizing: border-box; }

    /* 3. 검색 및 설정 폼 테이블 (th, td를 블록으로 변경하여 위아래로 분리) */
    .itsadmin-table-form,
    .itsadmin-table-form tbody,
    .itsadmin-table-form tr,
    .itsadmin-table-form th,
    .itsadmin-table-form td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    .itsadmin-table-form th {
        border-right: none;
        border-bottom: none;
        padding: 12px 10px 4px 10px;
        background: transparent;
        font-size: 12px;
        color: #007bff; /* 모바일에서는 제목을 포인트 컬러로 강조 */
    }
    
    .itsadmin-table-form td {
        padding: 0 10px 15px 10px;
        border-bottom: 1px solid #e9ecef;
    }

    /* 4. 입력창 및 버튼 모바일 최적화 (가로폭 100%) */
    .itsadmin-w-sm, .itsadmin-w-md, .itsadmin-w-lg { width: 100% !important; }
    .itsadmin-input-text, .itsadmin-select { width: 100%; margin-bottom: 4px; }
    
    /* 날짜 검색 묶음(달력)은 반반씩 차지하도록 예외 처리 */
    .itsadmin-flex-row { flex-wrap: wrap; }
    .js_pic_day { width: calc(50% - 15px) !important; display: inline-block; }
    
    /* 5. 버튼 꽉 차게 만들기 */
    .itsadmin-footer-actions { display: flex; flex-direction: column; gap: 8px; }
    .itsadmin-footer-actions .itsadmin-btn { width: 100% !important; margin: 0; }
    
    /* 6. 데이터 리스트 테이블 (표가 깨지지 않게 가로 스크롤 허용) */
    /* 관리자 페이지의 표는 열(Column)이 많아서 억지로 줄이면 글씨가 안 보입니다. */
    .itsadmin-card form { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 10px; }
    .itsadmin-table-list { min-width: 800px; /* 표의 최소 너비 보장 */ }
    
    /* 7. 리스트 컨트롤 버튼 영역 (세로 배치) */
    .itsadmin-list-ctrl { flex-direction: column; align-items: stretch; gap: 10px; }
    .itsadmin-list-ctrl .left-box,
    .itsadmin-list-ctrl .right-box { display: flex; flex-direction: column; width: 100%; }
    .itsadmin-list-ctrl .itsadmin-btn { width: 100%; text-align: center; }
}

/* 입금 출금 신청페이지 new */


/* ==========================================
   [4] 브랜드 관리 전용 추가 CSS
   ========================================== */

/* 필터 및 상단 컨트롤 */
.itsadmin-brand-page .itsadmin-filter-group { display: flex; align-items: center; gap: 8px; margin: 10px 0 25px 0; background: #ffffff; padding: 15px 20px; border-radius: 6px; border: 1px solid #dbe0e4; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
.itsadmin-filter-label { font-weight: 700; color: #495057; margin-right: 10px; font-size: 14px; }
.itsadmin-action-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.itsadmin-action-right { display: flex; gap: 6px; }

/* 브랜드 항목 추가 카드 (상단) */
.itsadmin-add-card { background-color: #f8f9fa; border: 1px solid #ced4da; margin-bottom: 30px; box-shadow: none; }
.itsadmin-add-header { margin-bottom: 15px; font-size: 15px; color: #e67e22; }
.itsadmin-form-row { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-bottom: 10px; }
.itsadmin-form-row:last-child { margin-bottom: 0; }
.itsadmin-form-group { display: flex; align-items: center; gap: 8px; }
.itsadmin-label { font-weight: 600; color: #6c757d; font-size: 13px; }
.itsadmin-ml-auto { margin-left: auto; }

/* 입력 폼 헬퍼 클래스 */
.itsadmin-input-file { font-size: 13px; color: #495057; }
.itsadmin-radio-label, .itsadmin-check-label { display: inline-flex; align-items: center; cursor: pointer; font-size: 13px; color: #495057; gap: 4px; }
.itsadmin-flex-1 { flex: 1; }

/* 브랜드 목록 2단 그리드 테이블 (PHP 루프 호환) */
.itsadmin-grid-table { width: 100%; border-collapse: separate; border-spacing: 15px; margin: -15px; }
.itsadmin-grid-td { vertical-align: top; padding: 0; }

/* 개별 브랜드 카드 UI */
.itsadmin-brand-card { display: flex; background: #ffffff; border: 1px solid #dbe0e4; border-radius: 6px; overflow: hidden; transition: box-shadow 0.2s; height: 100%; box-sizing: border-box; }
.itsadmin-brand-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06); border-color: #ced4da; }

/* 브랜드 카드 - 좌측 이미지/상태 영역 */
.itsadmin-bc-image { width: 140px; background: #f8f9fa; border-right: 1px solid #edf1f5; display: flex; flex-direction: column; align-items: center; padding: 15px; box-sizing: border-box; flex-shrink: 0; }
.itsadmin-img-wrap { width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; background: #fff; border: 1px solid #e9ecef; border-radius: 4px; padding: 4px; box-sizing: border-box; }
.itsadmin-img-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; }
.itsadmin-no-img { width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; background: #e9ecef; color: #adb5bd; font-size: 11px; margin-bottom: 10px; border-radius: 4px; }
.itsadmin-bc-status { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.itsadmin-bc-status .itsadmin-badge { width: 100%; box-sizing: border-box; padding: 5px 0; }

/* 브랜드 카드 - 우측 정보/컨트롤 영역 */
.itsadmin-bc-info { padding: 15px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.itsadmin-bc-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; padding-top: 10px; border-top: 1px dashed #e9ecef; }
.itsadmin-right-ctrl { display: flex; gap: 10px; }
.itsadmin-bc-actions { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px; }

/* 뱃지 확장 (상태 표시용) */
.itsadmin-badge-primary { background-color: #007bff; color: #ffffff; }
.itsadmin-badge-secondary { background-color: #6c757d; color: #ffffff; }
.itsadmin-badge-outline { background-color: transparent; border: 1px solid #ced4da; color: #495057; }
.itsadmin-btn-outline-danger { background-color: #ffffff; color: #e74c3c; border-color: #e74c3c; }
.itsadmin-btn-outline-danger:hover { background-color: #e74c3c; color: #ffffff; }




/* ==========================================
   [5] 검색 내역 폼 및 통계 (회원/조직 리스트)
   ========================================== */

/* 버튼 그룹 연속 배치 (날짜/구간 선택용) */
.itsadmin-btn-group { display: flex; flex-wrap: wrap; gap: 4px; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 엑셀 업로드 등 토글되는 컴포넌트 */
.itsadmin-excel-upload-field { background-color: #f8f9fa; border: 1px solid #ced4da; margin-bottom: 20px; box-shadow: none; }

/* 상단 요약/통계 그리드 (수당/리스트 갯수 등) */
.itsadmin-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-bottom: 25px; }
.itsadmin-summary-card { background: #ffffff; padding: 20px; border-radius: 8px; border: 1px solid #dbe0e4; box-shadow: 0 2px 4px rgba(0,0,0,0.02); display: flex; flex-direction: column; }
.itsadmin-summary-label { font-size: 13px; font-weight: 600; color: #495057; margin-bottom: 8px; }
.itsadmin-summary-value { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; }

/* 팝업 전용 하단 요약 (매출총계) */
.itsadmin-popup-summary { background: #343a40; color: #ffffff; padding: 15px 20px; border-radius: 8px; margin-top: 20px; text-align: center; }
.itsadmin-popup-summary ul { display: flex; justify-content: center; gap: 40px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.itsadmin-popup-summary li { display: flex; flex-direction: column; gap: 4px; }
.itsadmin-popup-summary .itsadmin-label { font-size: 13px; color: #adb5bd; }
.itsadmin-popup-summary .itsadmin-val { font-size: 18px; font-weight: 700; color: #f8f9fa; }

/* 텍스트/버튼 컨텐츠 제어 유틸 */
.itsadmin-d-none { display: none !important; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.itsadmin-table-list th, .itsadmin-table-list td { white-space: nowrap; /* 회원 목록 표 데이터 밀림 방지 */ }
.itsadmin-table-list td img { vertical-align: middle; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색폼 블록화 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 12px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 인풋 100% 채우기 */
    .itsadmin-w-sm, .itsadmin-w-md, .itsadmin-w-lg { width: 100% !important; }
    
    /* 리스트 상단 제어버튼 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
    
    /* 팝업 총계 세로 정렬 */
    .itsadmin-popup-summary ul { flex-direction: column; gap: 15px; }
}


/* ==========================================
   [6] 회원 조회, 리스트 및 요약 전용 추가 CSS
   ========================================== */

/* 폼 내부 연속 버튼/입력창 정렬 헬퍼 */
.itsadmin-btn-group { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-flex-center { justify-content: center; }

/* 엑셀 등 토글 컨트롤 숨김 폼 디자인 */
.excel_upload_field { background-color: #f8f9fa; border: 1px solid #ced4da; box-shadow: none; }

/* 상단 통계(그리드) 요약 카드 */
.itsadmin-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 25px; }
.itsadmin-summary-card { background: #ffffff; padding: 20px; border-radius: 8px; border: 1px solid #dbe0e4; box-shadow: 0 2px 4px rgba(0,0,0,0.02); display: flex; flex-direction: column; }
.itsadmin-summary-label { font-size: 13px; font-weight: 600; color: #495057; margin-bottom: 8px; }
.itsadmin-summary-value { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; }

/* 데이터 목록 스크롤 래퍼 및 테이블 헤더 정리 (밑줄 스타일 통일) */
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.itsadmin-table-list th, .itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; } /* 기존 u태그 밑줄 삭제 */
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td img { vertical-align: middle; }

/* 팝업 모드 하단 요약(Total Sum) 전용 UI */
.itsadmin-popup-summary { background: #343a40; color: #ffffff; padding: 15px 20px; border-radius: 8px; margin-top: 20px; text-align: center; }
.itsadmin-popup-summary ul { display: flex; justify-content: center; gap: 40px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.itsadmin-popup-summary li { display: flex; flex-direction: column; gap: 4px; }
.itsadmin-popup-summary .itsadmin-label { font-size: 13px; color: #adb5bd; }
.itsadmin-popup-summary .itsadmin-val { font-size: 18px; font-weight: 700; color: #f8f9fa; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색폼 블록화 및 라벨 색상 강조 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 입력창 모바일에 맞게 100% 확장 */
    .itsadmin-w-sm, .itsadmin-w-md, .itsadmin-w-lg { width: 100% !important; }
    
    /* 리스트 상단 컨트롤러 (선택삭제, 엑셀다운 등) 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
    
    /* 팝업 총계 세로 정렬 */
    .itsadmin-popup-summary ul { flex-direction: column; gap: 15px; }
}



/* ==========================================
   [7] 회원 상세정보 폼(Form) 전용 추가 CSS
   ========================================== */

/* 필수 입력 마크 (*) 디자인 */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 폼 요소들을 세로로 쌓을 때 사용하는 스택 컨테이너 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 10px; }

/* 폼 내부 제목 라벨 헬퍼 */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 라디오 / 체크박스 인라인 정렬용 추가 클래스 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 읽기전용 (Readonly) 인풋 박스 시각적 차별화 */
.itsadmin-readonly { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed; border-color: #e9ecef; }

/* 강조 텍스트 (Bold) */
.itsadmin-text-bold { font-weight: 700; color: #343a40; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 라디오 및 버튼 그룹 모바일 랩핑 (공간 부족시 줄바꿈) */
    .itsadmin-flex-row { flex-wrap: wrap; gap: 8px; }
    
    /* 특정 버튼 100% 길이 확장 */
    .itsadmin-flex-row > button { width: 100%; margin-top: 4px; }
    
    /* 주소 입력 그룹 (기본주소, 상세주소) 텍스트 분리 */
    .itsadmin-form-group-stack .itsadmin-label-title { width: 100% !important; margin-bottom: 4px; }
    .itsadmin-form-group-stack .itsadmin-input-text { width: 100% !important; }
}



/* ==========================================
   [8] 매출/포인트 내역 리스트 전용 추가 CSS
   ========================================== */

/* 텍스트 색상 및 사이즈 유틸리티 */
.itsadmin-text-orange { color: #f39c12 !important; }
.itsadmin-text-gray { color: #868e96 !important; }
.itsadmin-fs-10 { font-size: 10px !important; line-height: 1.2; }
.itsadmin-fs-14 { font-size: 14px !important; }

/* 상태 뱃지(Badge) 확장 */
.itsadmin-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border: 1px solid transparent; }
.itsadmin-badge-info { background-color: #17a2b8; color: #ffffff; }
.itsadmin-badge-warning { background-color: #ffc107; color: #212529; }
.itsadmin-badge-danger { background-color: #e74c3c; color: #ffffff; }
.itsadmin-badge-secondary { background-color: #6c757d; color: #ffffff; }
.itsadmin-badge-primary { background-color: #007bff; color: #ffffff; }

/* 폼 그룹 및 체크박스 정렬 강화 */
.itsadmin-radio-label { display: inline-flex; align-items: center; cursor: pointer; font-size: 13px; color: #495057; gap: 4px; margin-right: 12px; }
.itsadmin-radio-label input[type="radio"],
.itsadmin-check-label input[type="checkbox"] { margin: 0; padding: 0; }

/* 리스트 상단 컨트롤러 보완 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }

/* 테이블 반응형 스크롤 래퍼 및 셀 정렬 */
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.itsadmin-table-list th, .itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }
.itsadmin-table-list .itsadmin-text-center { text-align: center !important; }
.itsadmin-table-list .itsadmin-text-right { text-align: right !important; }

/* 빈 데이터(No Data) 알림창 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색폼 블록화 및 라벨 색상 강조 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 리스트 상단 컨트롤러 (선택삭제, 엑셀다운 등) 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

}




/* ==========================================
   [9] 매출 등록/수정 폼(Form) 전용 추가 CSS
   ========================================== */

/* 필수 입력 마크 (*) 디자인 (이전 중복 확인용) */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 폼 요소들을 세로로 쌓을 때 사용하는 스택 컨테이너 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 10px; }

/* 폼 내부 라벨 헬퍼 */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 라디오 / 체크박스 인라인 정렬용 추가 클래스 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 읽기전용 (Readonly) 인풋 박스 시각적 차별화 */
.itsadmin-readonly { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed; border-color: #e9ecef; }
.itsadmin-text-bold { font-weight: 700; color: #343a40; }

/* 레이아웃 여백 유틸 */
.itsadmin-ml-auto { margin-left: auto; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 라디오/체크박스 및 버튼 그룹 모바일 랩핑 (공간 부족시 줄바꿈) */
    .itsadmin-flex-row { flex-wrap: wrap; gap: 8px; }
    
    /* 특정 버튼 100% 길이 확장 (연결상품 자동계산 등) */
    .itsadmin-flex-row > button { margin-top: 4px; }
    
    /* 관련상품 지정 인풋박스 너비 확장 */
    .itsadmin-form-group-stack .itsadmin-label-title { width: 100% !important; margin-bottom: 4px; }
    .itsadmin-form-group-stack .itsadmin-input-text { width: 100% !important; }

    /* 하단 저장/목록 버튼 세로 정렬 및 위치 조정 */
    .itsadmin-footer-actions { flex-direction: column !important; position: static !important; }
    .itsadmin-footer-actions > button { width: 100% !important; }
    .itsadmin-footer-actions > div { position: static !important; margin-top: 10px; width: 100%; }
    .itsadmin-footer-actions > div > button { width: 100%; }
}



/* ==========================================
   [10] 회원 팝업/조회 추가 유틸리티 CSS
   ========================================== */

/* 작은 텍스트(주소 괄호 설명 등)를 위한 폰트 사이즈 */
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }

/* 3단 폼 테이블(검색)에서 열(td)이 너무 좁아지는 현상 방지 */
.itsadmin-table-form td .itsadmin-w-lg { min-width: 180px; max-width: 100%; }
.itsadmin-table-form td .itsadmin-w-md { min-width: 120px; max-width: 100%; }


/* ==========================================
   [모바일 반응형 최적화] 다단(3단 이상) 테이블 모바일 붕괴 방지
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 3단 가로 배열 폼을 모바일에서 모두 1단(세로)으로 강제 변환 */
    .itsadmin-table-form, 
    .itsadmin-table-form tbody, 
    .itsadmin-table-form tr, 
    .itsadmin-table-form th, 
    .itsadmin-table-form td { 
        display: block !important; 
        width: 100% !important; 
        box-sizing: border-box; 
    }
    
    .itsadmin-table-form th { 
        border-right: none; 
        border-bottom: none; 
        padding: 15px 10px 5px 10px; 
        font-size: 13px; 
        color: #007bff; 
    }
    
    .itsadmin-table-form td { 
        padding: 0 10px 15px 10px; 
        border-bottom: 1px solid #e9ecef; 
    }
    
    /* 검색 버튼을 화면에 꽉 차게 확장 */
    .itsadmin-footer-actions { flex-direction: column; gap: 8px; }
    .itsadmin-footer-actions .itsadmin-btn { width: 100% !important; margin: 0; }
}




/* ==========================================
   [11] 단일 라인 매출 요약 폼 추가 유틸리티
   ========================================== */

/* 중앙 정렬 목표 매출/요약 박스 UI */
.itsadmin-goal-summary { background-color: #ffffff; border: 1px solid #dbe0e4; border-radius: 8px; margin-bottom: 25px; padding: 25px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
.itsadmin-goal-inner { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }
.itsadmin-goal-label { font-size: 15px; color: #495057; font-weight: 500; }
.itsadmin-goal-value { font-size: 22px; font-weight: 700; color: #007bff; }
.itsadmin-goal-value small { font-size: 14px; font-weight: normal; color: #868e96; margin-left: 4px; }
.itsadmin-goal-divider { color: #dee2e6; margin: 0 15px; font-size: 20px; }

/* 텍스트/표 정렬 확장 */
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }


/* ==========================================
   [모바일 반응형 최적화] 다단(3단 이상) 테이블 모바일 붕괴 방지
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색폼 블록화 및 라벨 색상 강조 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }

    /* 리스트 상단 컨트롤러 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 중앙 목표 매출 요약 박스 모바일 정렬 */
    .itsadmin-goal-inner { flex-direction: column; gap: 8px; }
    .itsadmin-goal-divider { display: none; }
}



/* ==========================================
   [13] 포인트 적립/변경 상세 폼 전용 추가 CSS
   ========================================== */

/* 필수입력 마킹 (*) */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 라디오/체크박스 인라인 정렬 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 강조 텍스트 */
.itsadmin-text-bold { font-weight: 700; color: #343a40; }

/* 폼 요소 세로 정렬 헬퍼 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; }

/* 내부 라벨 (스페셜 보너스 박스 내 사용) */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 600; display: inline-block; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 복잡한 한 줄짜리 계산 폼을 세로로 떨어뜨림 (스페셜 보너스 박스) */
    .manual_bonus_box .itsadmin-flex-row { flex-direction: column; align-items: stretch !important; gap: 8px; }
    .manual_bonus_box .itsadmin-label-title { width: 100% !important; margin: 0 !important; text-align: left !important; }
    .manual_bonus_box .itsadmin-input-text { width: 100% !important; }
    .manual_bonus_box .itsadmin-btn { margin: 10px 0 0 0 !important; width: 100%; }

    /* 인풋 100% 채우기 */
    .itsadmin-w-sm, .itsadmin-w-md, .itsadmin-w-lg { width: 100% !important; }
    
    /* 하단 _submitBTN 등 포함 영역 스택 처리 */
    .itsadmin-footer-actions { flex-direction: column !important; }
    .itsadmin-footer-actions > * { width: 100% !important; text-align: center; }
}



/* ==========================================
   [14] 포인트 변동/적립/가맹점 전용 추가 CSS
   ========================================== */

/* 상단 탭 메뉴 UI (미니샵 전용) */
.itsadmin-top-tabs { display: flex; background: #ffffff; border-bottom: 1px solid #dee2e6; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
.itsadmin-tab-btn { flex: 1; text-align: center; padding: 14px 10px; font-size: 14px; font-weight: 600; color: #6c757d; text-decoration: none; border-bottom: 3px solid transparent; transition: all 0.2s; }
.itsadmin-tab-btn:hover { color: #495057; background: #f8f9fa; }
.itsadmin-tab-btn.active { color: #007bff; border-bottom-color: #007bff; }

/* 텍스트/표 유틸리티 확장 */
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-fs-14 { font-size: 14px !important; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 폼 요소 세로 정렬 헬퍼 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 8px; }
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 연속된 주문건을 시각적으로 묶기 위한 표 배경색 (기존 인라인 #f0f0f0 대체) */
.itsadmin-bg-light { background-color: #f4f6f9 !important; }
.itsadmin-table-list tbody tr.itsadmin-bg-light:hover { background-color: #e9ecef !important; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 상단 탭 모바일 최적화 (2줄 스택) */
    .itsadmin-top-tabs { flex-wrap: wrap; }
    .itsadmin-tab-btn { width: 50% !important; flex: none; padding: 10px; font-size: 13px; }
    
    /* 폼 테이블 블록화 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }

    /* 리스트 상단 컨트롤러 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 모바일 버튼 100% 채우기 */
    .itsadmin-btn-group, .itsadmin-flex-row { flex-wrap: wrap; }
    .itsadmin-btn-group button { margin-top: 4px; }
}



/* ==========================================
   [15] Spoint 리스트(수당/가맹점) 전용 추가 CSS
   ========================================== */

/* 텍스트/표 유틸리티 확장 */
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 개발자용 요약 상단 알림바 (dev=Y) */
.itsadmin-dev-summary { background: #f8f9fa; border: 1px solid #dee2e6; padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-size: 13px; color: #495057; display: flex; align-items: center; gap: 15px; }
.itsadmin-dev-summary b { color: #e16007; font-size: 14px; }
.itsadmin-dev-summary .divider { color: #adb5bd; }

/* 연속된 주문건을 시각적으로 묶기 위한 표 배경색 (기존 인라인 #f0f0f0 대체) */
.itsadmin-bg-light { background-color: #f4f6f9 !important; }
.itsadmin-table-list tbody tr.itsadmin-bg-light:hover { background-color: #e9ecef !important; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 폼 테이블 블록화 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }

    /* 리스트 상단 컨트롤러 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 모바일 버튼 100% 채우기 */
    .itsadmin-btn-group, .itsadmin-flex-row { flex-wrap: wrap; }
    .itsadmin-btn-group button { margin-top: 4px; }
}



/* ==========================================
   [16] 조직 변경 로그 목록 리스트 전용 CSS
   ========================================== */

/* 텍스트/표 유틸리티 확장 */
.itsadmin-fs-10 { font-size: 10px !important; line-height: 1.2; letter-spacing: -0.5px; color: #868e96; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }
.itsadmin-dash { color: #adb5bd; margin: 0 4px; font-size: 11px; }

/* 데이터 없음 안내창 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 테이블 헤더의 기존 <a>, <u> 태그 초기화 */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td img { vertical-align: middle; }

/* 리스트 상단 컨트롤 박스 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }

/* 테이블 반응형 스크롤 래퍼 */
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 리스트 컨트롤 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, 
    .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 버튼 모바일 최적화 */
    .itsadmin-btn-group, .itsadmin-flex-row { flex-wrap: wrap; }
    .itsadmin-btn-group button { margin-top: 4px; }
}


/* ==========================================
   [17] 내역 조회 및 자산 등록 (지갑/TXID) 추가 CSS
   ========================================== */

/* 작은 텍스트 및 테이블 정렬 유틸 */
.itsadmin-fs-10 { font-size: 10px !important; line-height: 1.2; letter-spacing: -0.5px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-text-orange { color: #f39c12 !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }

/* 뱃지(Badge) - 상태 표시용 */
.itsadmin-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border: 1px solid transparent; }
.itsadmin-badge-warning { background-color: #ffc107; color: #212529; }
.itsadmin-badge-secondary { background-color: #6c757d; color: #ffffff; }

/* 데이터 없음 안내 UI */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 기존 th 내부 a 링크, u 태그 초기화 */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }

/* 리스트 상단 컨트롤 및 가로 스크롤 설정 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색 폼 테이블 1열 배치 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 리스트 컨트롤 모바일 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 모바일 버튼 확장 */
    .itsadmin-btn-group, .itsadmin-flex-row { flex-wrap: wrap; }
    .itsadmin-btn-group button { margin-top: 4px; }
}


/* ==========================================
   [18] 출금/환급(정산) 내역 목록 추가 CSS
   ========================================== */

/* 텍스트/표 유틸리티 확장 */
.itsadmin-fs-11 { font-size: 11px !important; letter-spacing: -0.3px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }

/* 텍스트 컬러 지정 */
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-orange { color: #e67e22 !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 데이터 없음 안내창 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 상태 뱃지 확장 (승인/취소/완료 등) */
.itsadmin-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border: 1px solid transparent; }
.itsadmin-badge-warning { background-color: #ffc107; color: #212529; }
.itsadmin-badge-danger { background-color: #e74c3c; color: #ffffff; }
.itsadmin-badge-secondary { background-color: #6c757d; color: #ffffff; }

/* 테이블 헤더의 기존 <a>, <u> 태그 초기화 */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td img { vertical-align: middle; }

/* 테이블 내 버튼 정렬 */
.itsadmin-table-list .itsadmin-flex-center { justify-content: center; }

/* 리스트 상단 컨트롤 박스 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }

/* 테이블 반응형 스크롤 래퍼 */
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 개발자용 요약 상단 알림바 (dev=Y) */
.itsadmin-dev-summary { background: #f8f9fa; border: 1px solid #dee2e6; padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-size: 13px; color: #495057; display: flex; align-items: center; gap: 15px; }
.itsadmin-dev-summary b { color: #e16007; font-size: 14px; }
.itsadmin-dev-summary .divider { color: #adb5bd; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색 폼 테이블 1열 배치 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 리스트 컨트롤 모바일 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, 
    .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }

    /* 모바일 버튼 확장 */
    .itsadmin-btn-group, .itsadmin-flex-row { flex-wrap: wrap; }
    .itsadmin-btn-group button { margin-top: 4px; }
}



/* ==========================================
   [19] 회원상세(수정/등록) 폼 2 전용 추가 CSS
   ========================================== */

/* 필수입력 마킹 (*) */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 라디오/체크박스 인라인 정렬 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 강조 텍스트 */
.itsadmin-text-bold { font-weight: 700; color: #343a40; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-orange { color: #e67e22 !important; }

/* 폼 요소 세로 정렬 헬퍼 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 8px; }

/* 내부 라벨 (주소 등 복합 입력창 사용) */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 읽기전용 (Readonly) 인풋 박스 시각적 차별화 */
.itsadmin-readonly { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed; border-color: #e9ecef; }

/* 레이아웃 여백 유틸 */
.itsadmin-ml-auto { margin-left: auto; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 라디오 및 버튼 그룹 모바일 랩핑 (공간 부족시 줄바꿈) */
    .itsadmin-flex-row { flex-wrap: wrap; gap: 8px; }
    
    /* 특정 버튼 모바일 100% 확장 */
    .itsadmin-flex-row > button { width: 100%; margin-top: 4px; }
    .itsadmin-ml-auto { width: 100%; margin-left: 0; margin-top: 10px; }
    
    /* 주소 등 복합 입력 그룹 텍스트와 폼 분리 */
    .itsadmin-form-group-stack .itsadmin-label-title { width: 100% !important; margin-bottom: 4px; text-align: left; }
    .itsadmin-form-group-stack .itsadmin-input-text { width: 100% !important; }
}


/* ==========================================
   [20] 업체/회원 정보 상세(수정) 폼 전용 추가 CSS
   ========================================== */

/* 상단 탭 버튼 확장 (모바일페이지 꾸미기 등) */
.itsadmin-wrap .itsadmin-card-title { font-size: 16px; color: #2c3e50; font-weight: 700; }

/* 필수입력 마킹 (*) */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 라디오/체크박스 인라인 정렬 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 강조 및 상태 텍스트 색상 */
.itsadmin-text-bold { font-weight: 700; color: #343a40; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-orange { color: #e67e22 !important; }
.itsadmin-text-gray { color: #6c757d !important; }
.itsadmin-dash { color: #adb5bd; margin: 0 6px; font-size: 11px; }

/* 폼 요소 세로 정렬 헬퍼 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 8px; }

/* 복합 입력창용 내부 라벨 */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 읽기전용 (Readonly) 인풋 박스 */
.itsadmin-readonly { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed; border-color: #e9ecef; }

/* 레이아웃 우측 여백/정렬 유틸 */
.itsadmin-ml-auto { margin-left: auto; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 라디오 및 버튼 그룹 모바일 랩핑 */
    .itsadmin-flex-row { flex-wrap: wrap; gap: 8px; }
    
    /* 특정 버튼/우측 요소 모바일 100% 폭 확장 */
    .itsadmin-flex-row > button { width: 100%; margin-top: 4px; }
    .itsadmin-ml-auto { width: 100%; margin-left: 0; margin-top: 10px; }
    
    /* 주소/정보 등 복합 입력 그룹 텍스트와 인풋 분리 (세로배치) */
    .itsadmin-form-group-stack .itsadmin-label-title { width: 100% !important; margin-bottom: 4px; text-align: left; }
    .itsadmin-form-group-stack .itsadmin-input-text { width: 100% !important; }
    
    /* 하단 저장/목록 버튼 세로 정렬 */
    .itsadmin-footer-actions { flex-direction: column; }
    .itsadmin-footer-actions button { width: 100% !important; }
}



/* ==========================================
   [21] 배당자격 / 조직별 매출 리스트 추가 CSS
   ========================================== */

/* 텍스트 정렬 및 스타일 유틸리티 */
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }

/* 데이터 없음 안내창 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 테이블 헤더의 기존 <a>, <u> 태그 초기화 */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }

/* 리스트 상단 컨트롤 및 가로 스크롤 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-list-ctrl .right-box { display: flex; gap: 6px; align-items: center; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 하단 페이지네이션 래퍼 플렉스 해제 */
    .itsadmin-footer-actions { flex-direction: column !important; }
    .itsadmin-footer-actions > div { width: 100% !important; text-align: center !important; }
    
    /* 리스트 상단 컨트롤러 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box, 
    .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
}


/* ==========================================
   [23] 하위 조직(매출) 목록 뷰 (Summary List 2) CSS
   ========================================== */

/* 작은 단위 텍스트 폰트 설정 */
.itsadmin-fs-11 { font-size: 11px !important; letter-spacing: -0.5px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }

/* 데이터 정렬 및 색상 유틸리티 */
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 데이터 없음 안내 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 리스트 상단 컨트롤 및 가로 스크롤 허용 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 헤더/데이터 링크 초기화 (기존 a, u 태그 걷어내기) */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }
.itsadmin-table-list td img { vertical-align: middle; }

/* 하단 페이지네이션 및 액션 묶음 (가로 3분할 밸런스 배치) */
.itsadmin-footer-actions { display: flex; justify-content: space-between; align-items: center; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 하단 액션 3분할 영역을 세로형 스택으로 전환 */
    .itsadmin-footer-actions { flex-direction: column !important; gap: 15px; }
    .itsadmin-footer-actions > div { width: 100% !important; text-align: center !important; }
    
    /* 리스트 내 이미지, 버튼들 묶음 간격 조정 */
    .itsadmin-flex-row.itsadmin-flex-center { flex-wrap: wrap; gap: 6px; }
}



/* ==========================================
   [22] 회원 배당/매출 목록 뷰 (Summary List) CSS
   ========================================== */

/* 작은 단위 텍스트 폰트 설정 */
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }

/* 데이터 정렬 및 색상 유틸리티 */
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 데이터 없음 안내 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 리스트 상단 컨트롤 및 가로 스크롤 허용 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 헤더/데이터 링크 초기화 (기존 a, u 태그 걷어내기) */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }

/* 하단 페이지네이션 및 액션 묶음 (가로 3분할 밸런스 배치) */
.itsadmin-footer-actions { display: flex; justify-content: space-between; align-items: center; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 하단 액션 3분할 영역을 세로형 스택으로 전환 */
    .itsadmin-footer-actions { flex-direction: column !important; gap: 15px; }
    .itsadmin-footer-actions > div { width: 100% !important; text-align: center !important; }
    
    /* 리스트 내 버튼들 간격 조정 */
    .itsadmin-flex-row.itsadmin-flex-center { flex-wrap: wrap; gap: 6px; }
}



/* ==========================================
   [24] 회원 배당/매출 목록 뷰 (Summary List 3) CSS
   ========================================== */

/* 작은 단위 텍스트 폰트 설정 및 테이블 데이터 정렬 */
.itsadmin-fs-11 { font-size: 11px !important; letter-spacing: -0.5px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }

/* 데이터 정렬 색상 유틸리티 */
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 데이터 없음 안내 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 리스트 상단 컨트롤 및 가로 스크롤 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 헤더/데이터 링크 초기화 (기존 a, u 태그 걷어내기) */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }

/* 하단 페이지네이션 및 액션 묶음 (가로 3분할 밸런스 배치) */
.itsadmin-footer-actions { display: flex; justify-content: space-between; align-items: center; }

/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 하단 액션 3분할 영역을 세로형 스택으로 전환 */
    .itsadmin-footer-actions { flex-direction: column !important; gap: 15px; }
    .itsadmin-footer-actions > div { width: 100% !important; text-align: center !important; }
    
    /* 리스트 내 버튼들 간격 조정 */
    .itsadmin-flex-row.itsadmin-flex-center { flex-wrap: wrap; gap: 6px; }
}





/* ==========================================
   [26] 입점업체정보 (Center) 상세 폼 전용 CSS
   ========================================== */

/* 필수입력 마킹 (*) */
.itsadmin-require-mark { color: #e74c3c; font-weight: bold; margin-left: 4px; }

/* 라디오/체크박스 인라인 정렬 */
.itsadmin-radio-inline { margin-right: 4px; vertical-align: middle; }
label.itsadmin-radio-label input[type="radio"], 
label.itsadmin-check-label input[type="checkbox"] { margin: 0 6px 0 0; vertical-align: middle; }

/* 강조 텍스트 */
.itsadmin-text-bold { font-weight: 700; color: #343a40; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-orange { color: #e67e22 !important; }
.itsadmin-text-gray { color: #6c757d !important; }
.itsadmin-dash { color: #adb5bd; margin: 0 6px; font-size: 11px; }

/* 폼 요소 세로 정렬 헬퍼 */
.itsadmin-form-group-stack { display: flex; flex-direction: column; gap: 8px; }

/* 복합 입력창용 내부 라벨 */
.itsadmin-label-title { font-size: 13px; color: #495057; font-weight: 500; display: inline-block; }

/* 읽기전용 (Readonly) 인풋 박스 */
.itsadmin-readonly { background-color: #f8f9fa !important; color: #6c757d !important; cursor: not-allowed; border-color: #e9ecef; }

/* 레이아웃 우측 여백/정렬 유틸 */
.itsadmin-ml-auto { margin-left: auto; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 768px 이하 (상세 폼 전용)
   ========================================== */
@media screen and (max-width: 768px) {
    /* 라디오 및 버튼 그룹 모바일 랩핑 */
    .itsadmin-flex-row { flex-wrap: wrap; gap: 8px; }
    
    /* 특정 버튼/우측 요소 모바일 100% 폭 확장 */
    .itsadmin-flex-row > button { width: 100%; margin-top: 4px; }
    .itsadmin-flex-row > .itsadmin-ml-auto { width: 100%; margin-left: 0; margin-top: 10px; display: flex; gap: 6px; }
    .itsadmin-flex-row > .itsadmin-ml-auto > button { flex: 1; margin: 0; }
    
    /* 인풋 박스 모바일 꽉 채우기 */
    .itsadmin-w-sm, .itsadmin-w-md, .itsadmin-w-lg { width: 100% !important; }
    
    /* 하단 저장/목록 버튼 세로 정렬 */
    .itsadmin-footer-actions { flex-direction: column; }
    .itsadmin-footer-actions button { width: 100% !important; }
}



/* ==========================================
   [27] 센터 연동 / 가맹점 목록 전용 추가 CSS
   ========================================== */

/* 작은 단위 텍스트 폰트 및 컬러 설정 */
.itsadmin-fs-11 { font-size: 11px !important; letter-spacing: -0.5px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }

/* 텍스트 컬러 (상태, 포인트 등) */
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 텍스트 구분선 */
.itsadmin-dash { color: #adb5bd; margin: 0 4px; font-size: 11px; }

/* 데이터 없음 안내창 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 리스트 상단 컨트롤 및 가로 스크롤 허용 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 헤더/데이터 링크 초기화 (기존 a, u 태그 걷어내기) */
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list td { white-space: nowrap; vertical-align: middle; }

/* 버튼 그룹 연속 배치 (날짜 선택용) */
.itsadmin-btn-group { display: flex; flex-wrap: wrap; gap: 4px; }


/* ==========================================
   [모바일 반응형 최적화] 해상도 1024px 이하
   ========================================== */
@media screen and (max-width: 1024px) {
    /* 복잡한 검색 폼 테이블 1열 배치 */
    .itsadmin-table-form, .itsadmin-table-form tbody, .itsadmin-table-form tr, .itsadmin-table-form th, .itsadmin-table-form td { display: block; width: 100% !important; box-sizing: border-box; }
    .itsadmin-table-form th { border-right: none; border-bottom: none; padding: 15px 10px 5px 10px; font-size: 13px; color: #007bff; }
    .itsadmin-table-form td { padding: 0 10px 15px 10px; border-bottom: 1px solid #e9ecef; }
    
    /* 리스트 상단 컨트롤러/안내문 모바일 스택 배치 */
    .itsadmin-list-ctrl { flex-direction: column; gap: 10px; align-items: flex-start; }
    .itsadmin-list-ctrl .right-box { align-items: flex-start !important; }
    .itsadmin-list-ctrl .right-box, 
    .itsadmin-list-ctrl .left-box { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
}











/* ==========================================
   [25] 공통 회원 목록 뷰 전용 추가 CSS
   ========================================== */

/* 작은 단위 텍스트 폰트 설정 */
.itsadmin-fs-11 { font-size: 11px !important; letter-spacing: -0.5px; }
.itsadmin-fs-12 { font-size: 12px !important; letter-spacing: -0.3px; }

/* 데이터 정렬 및 색상 유틸리티 */
.itsadmin-text-left { text-align: left !important; }
.itsadmin-text-center { text-align: center !important; }
.itsadmin-text-right { text-align: right !important; }
.itsadmin-text-blue { color: #007bff !important; }
.itsadmin-text-red { color: #e74c3c !important; }
.itsadmin-text-gray { color: #868e96 !important; }

/* 데이터 없음 안내 */
.itsadmin-empty-state { padding: 40px; text-align: center; color: #6c757d; font-size: 14px; background: #f8f9fa; border-radius: 6px; border: 1px dashed #ced4da; }

/* 리스트 상단 컨트롤 및 가로 스크롤 허용 래퍼 */
.itsadmin-list-ctrl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.itsadmin-list-ctrl .left-box { display: flex; gap: 6px; }
.itsadmin-table-responsive { width: 100%; overflow-x: visible !important; }


/* 하단 페이지네이션 및 액션 묶음 (가로 3분할 밸런스 배치) */
.itsadmin-footer-actions { display: flex; justify-content: space-between; align-items: center; }

/* 리스트 내 이미지, 버튼들 정렬 */
.itsadmin-flex-row.itsadmin-flex-center { display: flex; justify-content: center; align-items: center; gap: 4px; flex-wrap: wrap; }



/* ==========================================
   [수정] 테이블 가로 스크롤 제거 및 화면 맞춤 강제 적용
   ========================================== */

/* 스크롤 영역 해제 */
.itsadmin-table-responsive { 
    overflow-x: visible !important; 
}


/* 텍스트 한 줄 유지(nowrap) 속성을 무력화하고 자동 줄바꿈 허용 */
.itsadmin-table-list th, 
.itsadmin-table-list td { 
    white-space: normal !important; 
    word-wrap: break-word; /* 긴 숫자나 영어 등 화면을 뚫고 나가는 텍스트 강제 줄바꿈 */
    padding: 10px 5px !important; /* 좁은 공간을 위해 좌우 여백 축소 */
    font-size: 12px; /* 데이터가 많으므로 폰트 크기 살짝 축소 */
}

/* 관리 버튼 등 가로로 나열된 요소들도 공간이 좁으면 밑으로 떨어지게 처리 */
.itsadmin-table-list .itsadmin-flex-center {
    flex-wrap: wrap;
    gap: 4px;
}


/* ==========================================
   특정 테이블 칸(내용) 너비 및 비율 조정
   ========================================== */

/* 내용 칸의 너비를 강제로 넓혀줍니다 */
.itsadmin-table-list th.itsadmin-col-content {
    min-width: 300px; /* 최소 너비 (화면이 줄어도 이 이하로는 안 줄어듦) */
    width: 35%;       /* 전체 테이블 너비에서 차지할 비율 (원하는 만큼 숫자 조절) */
}

/* 내용 칸 안에 텍스트가 엄청 길어질 경우, 한 줄로 길게 뻗어나가는 것을 방지하고 줄바꿈 처리 */
.itsadmin-table-list td.itsadmin-text-left {
    white-space: normal !important;
    word-break: keep-all; /* 단어 단위로 깔끔하게 줄바꿈 */
    line-height: 1.5;
}


/* 표 너비를 화면에 100% 맞추고, 비율을 강제로 나눔 */
.itsadmin-table-list { 
    width: 100% !important; 
    /*table-layout: fixed;*/
    word-break: keep-all; 
}

/* table-layout: fixed;  있으면 좌측으로 쏠리고 깨지는데 주석처리해줌*/

/* 헤더/데이터 링크 초기화 (기존 a, u 태그 걷어내기) */
.itsadmin-table-list { width: 100% !important; word-break: keep-all; }
.itsadmin-table-list th u { text-decoration: none; color: #ffffff; }
.itsadmin-table-list th a { color: #ffffff; text-decoration: none; }
.itsadmin-table-list th a:hover { text-decoration: underline; }
.itsadmin-table-list th, 
.itsadmin-table-list td { white-space: normal !important; word-wrap: break-word; padding: 10px 5px !important; font-size: 12px; vertical-align: middle; }
.itsadmin-table-list td img { vertical-align: middle; }






.itsadmin-menu-page{padding:18px 18px 28px;}
.itsadmin-menu-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px;border:1px solid #dbe7f7;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 12px 32px rgba(15,23,42,.06);margin-bottom:18px;}
.itsadmin-menu-hero__title{font-size:26px;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:8px;}
.itsadmin-menu-hero__desc{font-size:13px;line-height:1.7;color:#475569;max-width:980px;}
.itsadmin-menu-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 18px;border:1px solid #dbe7f7;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:18px;}
.itsadmin-menu-toolbar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.itsadmin-menu-toolbar__label{font-size:12px;font-weight:800;color:#334155;letter-spacing:.02em;}
.itsadmin-menu-select,.itsadmin-menu-input{height:42px;border:1px solid #d7e1ef;border-radius:12px;padding:0 14px;background:#fff;color:#0f172a;font-size:13px;outline:none;min-width:180px;}
.itsadmin-menu-input{min-width:260px;}
.itsadmin-menu-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border:1px solid #d7e1ef;border-radius:12px;background:#fff;color:#0f172a;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s ease;}
.itsadmin-menu-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10);}
.itsadmin-menu-btn--primary{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border-color:transparent;color:#fff;}
.itsadmin-menu-btn--dark{background:#0f172a;border-color:#0f172a;color:#fff;}

.itsadmin-menu-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.itsadmin-menu-summary__item{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbe7f7;font-size:12px;font-weight:700;color:#334155;}
.itsadmin-menu-summary__item strong{font-size:14px;color:#0f172a;}

.itsadmin-menu-sort-placeholder{border:2px dashed #93c5fd;border-radius:16px;background:#eff6ff;min-height:54px;visibility:visible!important;}
.ui-sortable-helper{transform:rotate(.2deg);box-shadow:0 18px 40px rgba(15,23,42,.16);}
.itsadmin-menu-empty{padding:36px 18px;border:1px dashed #cbd5e1;border-radius:20px;background:#fff;color:#64748b;font-size:14px;text-align:center;}
.itsadmin-menu-scope-current{font-size:12px;color:#475569;font-weight:700;}
.itsadmin-menu-modal{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1200;background:rgba(15,23,42,.58);padding:28px;overflow:auto;}
.itsadmin-menu-modal__dialog{max-width:920px;margin:0 auto;border-radius:26px;background:#fff;box-shadow:0 30px 70px rgba(15,23,42,.26);overflow:hidden;}
.itsadmin-menu-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);color:#fff;}
.itsadmin-menu-modal__title{font-size:22px;font-weight:800;line-height:1.2;}
.itsadmin-menu-modal__sub{font-size:12px;color:rgba(255,255,255,.78);margin-top:4px;}
.itsadmin-menu-modal__close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer;}
.itsadmin-menu-modal__body{padding:24px;display:flex;flex-direction:column;gap:20px;}
.itsadmin-menu-panel{border:1px solid #dbe7f7;border-radius:20px;background:#fff;overflow:hidden;}
.itsadmin-menu-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f8fbff;border-bottom:1px solid #e6eef8;}
.itsadmin-menu-panel__title{font-size:15px;font-weight:800;color:#0f172a;}
.itsadmin-menu-panel__body{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
.itsadmin-menu-form-row{display:flex;flex-direction:column;gap:7px;}
.itsadmin-menu-form-row--full{grid-column:1 / -1;}
.itsadmin-menu-form-label{font-size:12px;font-weight:800;color:#334155;}
.itsadmin-menu-form-help{font-size:11px;color:#64748b;line-height:1.5;}
.itsadmin-menu-form-input,.itsadmin-menu-form-select{height:44px;border:1px solid #d7e1ef;border-radius:14px;padding:0 14px;background:#fff;color:#0f172a;font-size:13px;outline:none;}
.itsadmin-menu-form-code{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #d7e1ef;border-radius:14px;background:#f8fafc;color:#334155;font-size:13px;font-weight:700;}
.itsadmin-menu-modal__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid #e2e8f0;background:#fff;}
.itsadmin-menu-modal__foot-left,.itsadmin-menu-modal__foot-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.itsadmin-menu-btn--danger{background:#fff1f2;border-color:#fecdd3;color:#be123c;}
.itsadmin-menu-btn--soft{background:#f8fafc;border-color:#e2e8f0;color:#334155;}
.itsadmin-menu-hidden-by-search{display:none!important;}
.itsadmin-menu-toast{display:none;position:fixed;right:24px;bottom:24px;z-index:1300;padding:14px 18px;border-radius:14px;background:#0f172a;color:#fff;font-size:13px;font-weight:700;box-shadow:0 18px 40px rgba(15,23,42,.24);}
@media all and (max-width:1180px){
  .itsadmin-menu-page{padding:14px;}
  .itsadmin-menu-hero{padding:16px;align-items:flex-start;flex-direction:column;}
  .itsadmin-menu-toolbar{padding:14px;}
  .itsadmin-menu-panel__body{grid-template-columns:1fr;}
  .itsadmin-menu-modal{padding:14px;}
}


/* ===== 사이트맵형 레이아웃 ===== */
#itsMenuRootList{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:stretch;
    gap:0;
    border:1px solid #d9dee7;
    background:#fff;
    overflow-x:auto;
    overflow-y:visible;
}

.itsadmin-menu-root-item{
    list-style:none;
    flex:1 1 0;
    min-width:140px;
    border-right:1px solid #d9dee7;
    background:#fff;
}

.itsadmin-menu-root-item:last-child{
    border-right:0;
}

.itsadmin-menu-root-col{
    height:100%;
    display:flex;
    flex-direction:column;
}

.itsadmin-menu-root-head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:14px 10px;
    border-bottom:1px solid #d9dee7;
    background:#efefef;
    text-align:center;
}



.itsadmin-menu-open-modal--root{
    display:block;
    width:100%;
    border:0;
    background:none;
    padding:0 22px;
    font-size:16px;
    font-weight:700;
    color:#111827;
    line-height:1.3;
    text-align:center;
    cursor:pointer;
    white-space:normal;
    word-break:keep-all;
}

.itsadmin-menu-second-list{
    margin:0;
    padding:14px 10px 18px;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.itsadmin-menu-second-item,
.itsadmin-menu-third-item{
    list-style:none;
}

.itsadmin-menu-second-box{
    display:block;
}

.itsadmin-menu-second-row{
    display:flex;
    align-items:flex-start;
    gap:6px;
}

.itsadmin-menu-open-modal--mid{
    display:block;
    flex:1 1 auto;
    border:0;
    background:none;
    padding:0;
    font-size:13px;
    font-weight:500;
    color:#475569;
    line-height:1.6;
    text-align:left;
    cursor:pointer;
    white-space:normal;
    word-break:keep-all;
}

.itsadmin-menu-third-list{
    margin:6px 0 0 20px;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.itsadmin-menu-third-row{
    display:flex;
    align-items:flex-start;
    gap:6px;
}

.itsadmin-menu-open-modal--sub{
    display:block;
    flex:1 1 auto;
    border:0;
    background:none;
    padding:0;
    font-size:12px;
    font-weight:400;
    color:#64748b;
    line-height:1.55;
    text-align:left;
    cursor:pointer;
    white-space:normal;
    word-break:keep-all;
}

.itsadmin-menu-drag-handle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 16px;
    width:16px;
    height:16px;
    margin-top:2px;
    border-radius:4px;
    background:transparent;
    color:#94a3b8;
    font-size:10px;
    line-height:1;
    cursor:move;
    user-select:none;
}

.itsadmin-menu-drag-handle--root{
    position:absolute;
    left:8px;
    top:16px;
    margin-top:0;
}

.itsadmin-menu-mini-add{
    position:absolute;
    right:8px;
    top:13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border:1px solid #cbd5e1;
    border-radius:999px;
    background:#fff;
    color:#475569;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}

.itsadmin-menu-second-row .itsadmin-menu-mini-add{
    position:static;
    flex:0 0 20px;
    margin-top:1px;
}

.itsadmin-menu-mini-add:hover{
    background:#eff6ff;
    border-color:#93c5fd;
    color:#1d4ed8;
}

.itsadmin-menu-root-card,
.itsadmin-menu-second-card,
.itsadmin-menu-third-card,
.itsadmin-menu-head-actions,
.itsadmin-menu-badges-wrap,
.itsadmin-menu-code,
.itsadmin-menu-count{
    display:none !important;
}

.itsadmin-menu-root-item:hover,
.itsadmin-menu-second-item:hover,
.itsadmin-menu-third-item:hover{
    background:rgba(37,99,235,0.02);
}

.itsadmin-menu-open-modal--root:hover,
.itsadmin-menu-open-modal--mid:hover,
.itsadmin-menu-open-modal--sub:hover{
    color:#2563eb;
}

.itsadmin-menu-root-placeholder{
    min-width:140px;
    border-right:1px dashed #93c5fd;
    background:#eff6ff;
}

.itsadmin-menu-row-placeholder{
    height:26px;
    border:1px dashed #93c5fd;
    background:#eff6ff;
    border-radius:6px;
}

.itsadmin-menu-hidden-by-search{
    display:none !important;
}

@media all and (max-width:1280px){
    .itsadmin-menu-root-item{min-width:160px;}
}

@media all and (max-width:980px){
    #itsMenuRootList{
        flex-direction:column;
    }
    .itsadmin-menu-root-item{
        min-width:0;
        border-right:0;
        border-bottom:1px solid #d9dee7;
    }
    .itsadmin-menu-root-item:last-child{
        border-bottom:0;
    }
}


/* ===== 공통/대상별 모드 표시 제어 ===== */
.itsadmin-menu-mode-hidden{
    display:none !important;
}

/* ===== 메뉴 상태 색상 ===== */
.itsadmin-menu-state-dot{
    display:inline-block;
    flex:0 0 10px;
    width:10px;
    height:10px;
    border-radius:999px;
    margin-top:6px;
    background:#cbd5e1;
}

.itsadmin-menu-root-head.itsadmin-menu-state--on{
    background:#ecfdf5;
    border-bottom-color:#bbf7d0;
}
.itsadmin-menu-root-head.itsadmin-menu-state--off{
    background:#fff7ed;
    border-bottom-color:#fed7aa;
}
.itsadmin-menu-root-head.itsadmin-menu-state--stop{
    background:#fef2f2;
    border-bottom-color:#fecaca;
}
.itsadmin-menu-root-head.itsadmin-menu-state--inherit{
    background:#f8fafc;
    border-bottom-color:#e2e8f0;
}

.itsadmin-menu-second-row,
.itsadmin-menu-third-row{
    border:1px solid transparent;
    border-radius:10px;
    padding:4px 6px;
}

.itsadmin-menu-second-row.itsadmin-menu-state--on,
.itsadmin-menu-third-row.itsadmin-menu-state--on{
    background:#f0fdf4;
    border-color:#bbf7d0;
}
.itsadmin-menu-second-row.itsadmin-menu-state--off,
.itsadmin-menu-third-row.itsadmin-menu-state--off{
    background:#fff7ed;
    border-color:#fed7aa;
}
.itsadmin-menu-second-row.itsadmin-menu-state--stop,
.itsadmin-menu-third-row.itsadmin-menu-state--stop{
    background:#fef2f2;
    border-color:#fecaca;
}
.itsadmin-menu-second-row.itsadmin-menu-state--inherit,
.itsadmin-menu-third-row.itsadmin-menu-state--inherit{
    background:#f8fafc;
    border-color:#e2e8f0;
}

.itsadmin-menu-state-dot.itsadmin-menu-state--on{ background:#22c55e; }
.itsadmin-menu-state-dot.itsadmin-menu-state--off{ background:#f59e0b; }
.itsadmin-menu-state-dot.itsadmin-menu-state--stop{ background:#ef4444; }
.itsadmin-menu-state-dot.itsadmin-menu-state--inherit{ background:#94a3b8; }


/* ===== 2차/3차 좌측 정렬 보정 ===== */
.itsadmin-menu-second-row,
.itsadmin-menu-third-row{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:0;
    padding:4px 6px 4px 20px; /* 좌측 아이콘 겹침 허용하고 최대한 왼쪽으로 */
}

.itsadmin-menu-third-list{
    margin:6px 0 0 0;   /* 기존 20px 제거 */
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.itsadmin-menu-drag-handle--mid,
.itsadmin-menu-drag-handle--sub{
    position:absolute;
    left:2px;
    top:7px;
    margin:0;
    z-index:2;
}

.itsadmin-menu-second-row .itsadmin-menu-state-dot,
.itsadmin-menu-third-row .itsadmin-menu-state-dot{
    position:absolute;
    left:8px;   /* 드래그 점과 일부 겹쳐도 되게 */
    top:9px;
    margin:0;
    z-index:1;
}

.itsadmin-menu-open-modal--mid,
.itsadmin-menu-open-modal--sub{
    margin-left:0;
    padding-left:0;
}

/* ===== 상태 필터 버튼 ===== */
.itsadmin-menu-state-filter{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-right:8px;
}

.itsadmin-menu-state-filter__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 12px;
    border:1px solid #d7e1ef;
    border-radius:999px;
    background:#fff;
    color:#334155;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:all .18s ease;
}

.itsadmin-menu-state-filter__btn:hover{
    background:#f8fbff;
    border-color:#93c5fd;
    color:#1d4ed8;
}

.itsadmin-menu-state-filter__btn.is-active{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}

/* 상태 필터로 숨김 */
.itsadmin-menu-hidden-by-state{
    display:none !important;
}


/* ===== 3차 빠른 노출/숨김 스위치 ===== */
.itsadmin-menu-third-row{
    position:relative;
    display:flex;
    align-items:center;
    gap:0;
    padding:4px 6px 4px 20px;
}

.itsadmin-menu-open-modal--sub{
    flex:1 1 auto;
    min-width:0;
}



.itsadmin-menu-quick-toggle{
    position:relative;
    flex:0 0 24px;
    width:24px;
    height:14px;
    margin-left:auto;
    border:0;
    border-radius:999px;
    padding:0;
    background:#cbd5e1;
    cursor:pointer;
    transition:all .15s ease;
}

.itsadmin-menu-quick-toggle__knob{
    position:absolute;
    left:2px;
    top:2px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 1px 3px rgba(0,0,0,.18);
    transition:all .15s ease;
}
.itsadmin-menu-quick-toggle.is-on .itsadmin-menu-quick-toggle__knob{
    left:12px;
}


.itsadmin-menu-quick-toggle.is-on{
    background:#22c55e;
}



.itsadmin-menu-quick-toggle.is-off .itsadmin-menu-quick-toggle__knob{
    left:2px;
}

.itsadmin-menu-quick-toggle.is-off{
    background:#f87171;
}



/* 스위치 좀더 작게 css 추가 */
/*
.itsadmin-menu-quick-toggle{
    flex:0 0 20px;
    width:20px;
    height:12px;
}

.itsadmin-menu-quick-toggle__knob{
    left:2px;
    top:2px;
    width:8px;
    height:8px;
}

.itsadmin-menu-quick-toggle.is-on .itsadmin-menu-quick-toggle__knob{
    left:10px;
}
*/

.itsadmin-menu-quick-toggle{
    flex:0 0 18px;
    width:18px;
    height:10px;
}

.itsadmin-menu-quick-toggle__knob{
    left:1px;
    top:1px;
    width:8px;
    height:8px;
}

.itsadmin-menu-quick-toggle.is-on .itsadmin-menu-quick-toggle__knob{
    left:9px;
}


.itsadmin-menu-root-head::before,
.itsadmin-menu-second-row::before,
.itsadmin-menu-root-head .itsadmin-menu-state-dot,
.itsadmin-menu-second-row .itsadmin-menu-state-dot{
    content:none !important;
    display:none !important;
}



