/* Execution select - keep default styling */

/* Sidebar */
.stt-sidebar {
    max-width: 480px;
    width: 100%;
    background-color: var(--Cobalt07);
    padding: var(--Spacing-M) var(--Spacing-L);
    overflow-y: auto;
    min-height: 100%;
}

.stt-sidebar-header-title {
    height: 43px;
}

.stt-sidebar-header-title h2 {
    color: black;
    font-size: var(--size-sm);
    font-weight: 700;
    word-wrap: break-word;
}

.stt-sidebar-section-custom {
    background: var(--BlueGray08);
    border-radius: var(--Radius-M);
    height: 43px;
    color: var(--Cobalt02);
    font-size: var(--size-sm);
    font-weight: bold;
}

.stt-sidebar-section {
    background-color: var(--BlueGray08);
    overflow: hidden;
}

.stt-sidebar-section-header {
    background: var(--BlueGray06);
    height: 43px;
    font-size: var(--size-sm);
    font-weight: bold;
}

.stt-sidebar-section-header:hover {
    background: var(--Cobalt08) !important;
    cursor: pointer;
}

.company-li:last-child,
.company-li:first-child {
    display: list-item;
    align-items: center;
}
.company-li:last-child>span.priority-badge,
.company-li:first-child>span.priority-badge {
    float: right;
}

.priority-badge {
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
}

.company-li--with-border {
    border-top: 1px solid #DDD;
    margin-top: 12px;
    padding-top: var(--Spacing-S);
}

.stt-sidebar-section-header-controls {
    color: var(--Cobalt02);
    padding: var(--Spacing-XS) var(--Spacing-S);
    border-radius: var(--Spacing-S);
}

.stt-sidebar-section-header-controls a {
    text-decoration: none;
    color: var(--Cobalt02);
    font-size: var(--size-sm);
    font-weight: bold;
}

.stt-sidebar-section-header-controls:hover {
    cursor: pointer;
    background-color: var(--Cobalt07);
}

/* === Added CSS classes for inline style replacement === */

/* Typography utility classes - specific for translation interface */
.stt-language-icon-arrow-compact-left {
    height: 52px;
    width: 20px;
    background-color: #C9E6FF;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

/* Typography utility classes - specific for translation interface */
.text-label {
    color: #313131;
    font-size: var(--size-sm);
    font-weight: 400;
    word-wrap: break-word;
}


/* === End of added CSS classes === */

/* === Start of Css Dialog === */

/* Overlay */
.ui-widget-overlay {
    opacity: 0.5 !important;
    background: var(--bw-black, #000) !important;
}

/* Dialog Container */
.custom-dialog {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 0;
}

.custom-setting-kyukyoku-category {
    border-radius: 16px !important;
}

/* Button Panel */
.custom-dialog .ui-dialog-buttonpane {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83px;
    box-shadow: 0px -4px 16px #0000001F;
    border-radius: 0 0 8px 8px;
}

.custom-dialog .ui-dialog-buttonset {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-L, 24px);
}

/* Buttons */
.custom-dialog .ui-button {
    margin: 0 !important;
    height: 33px !important;
    font-size: 14px;
    font-weight: 600 !important;
    padding: var(--Spacing-XS, 4px) var(--Spacing-S, 8px) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

/* Primary Button (Cancel) */
.custom-dialog .ui-button:first-child {
    background-color: #FFF;
    color: var(--t-4-oo-cobalt-t-4-oo-cobalt-021763-a-2, #1763A2);
}

.custom-dialog .ui-button:first-child:hover {
    background-color: var(--GC-Cobalt08);
    color: var(--GC-Cobalt02);
}

/* Secondary Button (Confirm) */
.custom-dialog .ui-button:last-child {
    background: var(--t-4-oo-cobalt-t-4-oo-cobalt-021763-a-2, #1763A2);
    color: #FFF;
    border-radius: var(--Radius-S, 4px);
}

.custom-dialog .ui-button:last-child:hover {
    background-color: var(--GC-Cobalt03);
    color: var(--White);
}

/* Title Bar */
.ui-dialog-titlebar {
    background: transparent !important;
    border: none !important;
    height: 50px !important;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-radius: 24px;
}

/* Close Button */
.ui-dialog .ui-dialog-titlebar-close {
    width: auto !important;
    height: auto !important;
    position: relative;
    right: 0;
    top: 0;
}

.ui-dialog-titlebar button.custom-close-button {
    background: transparent !important;
    border: none !important;
    display: block !important;
    padding: 0 !important;
}

/* Dialog Content */
.dialog-bunya-common {
    padding: 0 !important;
}

.hide-titlebar .ui-dialog-titlebar {
    display: none !important;
}

/* === End of Css Dialog === */

/* === Start of Css Dialog kyukyoku Category Select === */
.search-input {
    height: 36px;
    padding: 10px;
    border: 1px solid var(--Black-Black04, #717172);
}

.search-input::placeholder {
    color: var(--BlueGray02);
    font-size: var(--size-sm);
    font-weight: normal;
}

.search-input:focus {
    background-color: var(--Cobalt08, #EEF7FF);
}

.search-input:focus:not(:placeholder-shown) {
    border: 2px solid #C9E6FF;
    background-color: white;
}

.category-tree {
    display: flex;
    flex-direction: column;
    gap: var(--Spacing-S, 8px);
    padding: var(--Spacing-S, 8px);
    overflow-y: auto;
    height: 300px;
    border-radius: var(--Radius-S, 4px);
}

#orgTree img,
.titem img {
    width: 20px;
    height: 20px;
}

#orgTree a,
.titem a {
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    color: var(--Cobalt02, #1763A2);
}

#orgTree img,
.titem img,
.titem a {
    vertical-align: middle;
    margin-right: 4px
}

#orgTree .highlight {
    font-size: var(--size-sm);
    font-weight: 700;
    color: #D22B3A !important;
}
.error-input {
    border: 1px solid #D22B3A !important;
}
/* === End of Css Dialog kyukyoku Category Select === */

/* === Start of Css Dialog Glossary === */
/* .priority-badge {
    background: #f5f5f5;
    color: #666;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 500;
} */

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--BlueGray02, #C0C5D0);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--Cobalt02, #1763A2);
}

.custom-scrollbar-kyukyoku::-webkit-scrollbar-track,
.custom-scrollbar-category::-webkit-scrollbar-track,
.custom-scrollbar-style::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar-glossary-left::-webkit-scrollbar-track {
    background: #F5F7F7;
}

.custom-scrollbar-glossary-right::-webkit-scrollbar-track {
    background: var(--Cobalt08);
}

.sortable-list::after {
    content: '';
    display: block;
    height: 8px;
}
/* === Start of Css Dialog Glossary === */

.bunya-item-disabled {
    color: #C0C5D0 !important;
}

.bunya-item-disabled:not(:has(img)) {
    pointer-events: none !important;
}

.bunya-history-disable {
    color: #C0C5D0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    pointer-events: none;
}

/*== T4VPM-434 2026/05/25 ADD VNJ START ==*/
/* Custom Bunya Accordion */
.bunya-accordion-header-custom,
.bunya-accordion-header-standard {
    user-select: none;
}

.custom-bunya-item {
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.custom-bunya-item:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.bunya-item-history-custom {
    color: #DE5121 !important;
}
/*== T4VPM-434 2026/05/27 ADD VNJ START ==*/
.bunya-item-history-custom.bunya-history-disable {
    color: #C0C5D0 !important;
}
/*== T4VPM-434 2026/05/27 ADD VNJ END ==*/
/*== T4VPM-434 2026/05/27 ADD VNJ START ==*/
.bunya-accordion-wrapper {
    flex: 0 0 auto;
    height: 380px;
}
.bunya-accordion-wrapper.is-expanded {
    flex: 1 1 auto;
}
/*== T4VPM-434 2026/05/27 ADD VNJ END ==*/
/*== T4VPM-434 2026/05/25 ADD VNJ END ==*/

/* Header */
.stt-d-header {
    gap: var(--Spacing-S, 8px);
    /* padding: 0 var(--Spacing-M, 16px); */
    box-sizing: border-box;
}

.stt-d-title-section {
    gap: var(--Spacing-M, 16px);
    min-height: 1px;
    min-width: 1px;
    padding: 0 0 var(--Spacing-L, 4px) 0;
    box-sizing: border-box;
}

.stt-d-title {
    color: var(--black-black-01-text-primary);
    white-space: nowrap;
    line-height: 1;
}

/* Tabs */
.stt-d-tabs {
    min-height: 1px;
    min-width: 1px;
}

.stt-d-tab {
    background-color: var(--White);
    height: 48px;
    border-radius: 4px 4px 0 0;
    border: 1px solid var(--BlueGray02);
    border-bottom: none;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: 100%;
}

.stt-d-tab:hover {
    background-color: var(--Cobalt08);
}

.stt-d-tab.active {
    background-color: var(--Cobalt08);
    border-color: var(--Cobalt02);
    display: flex;

}

.stt-d-tab-content {
    gap: var(--Spacing-S, 8px);
    min-height: 1px;
    min-width: 1px;
    padding: var(--Spacing-S, 8px) var(--Spacing-S, 8px) var(--Spacing-S, 8px) 0;
    width: 148px;
    box-sizing: border-box;
    color: var(--Cobalt02);
    white-space: nowrap;
    line-height: 1;
}

.stt-d-tab.active .stt-d-tab-content {
    font-weight: 700;
}

.stt-d-tab-bar {
    background-color: var(--Cobalt02);
    height: 1px;
    width: 100%;
}

/* Tabs Category */
.category-item-draggable {
    border: 1px solid #CCCCCC;
    max-height: 341px;
}

/* === Custom Checkbox Styling === */
.tw-flex.tw-items-center.tw-gap-s.tw-mb-s {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.btn-cancel-d-setting-orther {
    border: 1px solid #B3B9C6 !important;
    color: #B3B9C6 !important;
    outline: none !important;
    box-shadow: none !important;
}
.btn-cancel-d-setting-orther:focus {
    outline: none !important;
    box-shadow: none !important;
}

.tab-content .active {
    display: block;
}

/* YMD Select2 Container & Selection */
.ymd_select_2 .select2-container,
.ymd_select_2 .select2-container .selection,
.ymd_select_2 .select2-container .selection .select2-selection,
.ymd_select_2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
}

/* YMD Text Styling */
#select2-ymd-container {
    line-height: 30px !important;
    color: #000 !important;
    font-size: var(--size-sm) !important;
}

/* YMD Dropdown Options */
.custom-options-dropdown .select2-results ul {
    padding: var(--Spacing-XS, 4px) !important;
}

.custom-options-dropdown .select2-results ul li {
    color: #000 !important;
    border-radius: var(--Radius-S, 4px) !important;
    height: 30px !important;
    padding: var(--Spacing-XS, 4px) var(--Spacing-S, 8px) !important;
    line-height: 22px !important;
    font-size: var(--size-sm) !important;
}

.custom-options-dropdown .select2-results ul li:first-child {
    background-color: #C9E6FF !important;
}

/* YMD Hover Effects */
.custom-options-dropdown .select2-results ul li:hover {
    background-color: #E3F2FD !important;
}

/* YMD Selected Option */
.custom-options-dropdown .select2-results__option--selected {
    background-color: #EEF7FF !important;
    outline: 2px solid #A4D6FF !important;
    outline-offset: -2px;
}

/* YMD Selected Option when hovering other items - keep selected style */
.custom-options-dropdown .select2-results__option--selected:not(.select2-results__option--highlighted) {
    background-color: #EEF7FF !important;
}

/* Disabled State */
.stt-sidebar-header-title.disabled h2 {
    color: var(--BlueGray01) !important;
    pointer-events: none;
}

.stt-sidebar-section-header-controls.disabled {
    pointer-events: none;
}
.stt-sidebar-section-header-controls.disabled a {
    color: var(--BlueGray01) !important;
    pointer-events: none;
}

.stt-sidebar-bunya-container {
    background-color: var(--BlueGray08) !important;
}
/* Custom Checkbox */
.check-icon {
    opacity: 0;
    transform: scale(0.3);
    transition: all 0.15s ease;
}

.checkbox-wrapper {
    width: 20px;
    height: 20px;
    border-radius: var(--Radius-S);
    border: 1px solid var(--Grey-Grey02);
    transition: all 0.15s ease;
}

.custom-checkbox-input:checked + .checkbox-wrapper {
    background: var(--Cobalt02);
    border-color: var(--Cobalt02);
}

.custom-checkbox-input:checked + .checkbox-wrapper .check-icon {
    opacity: 1;
    transform: scale(1);
}

.stt-sidebar-section-content {
    line-height: 19px;
}

/* Custom Checkbox Disabled State */
.disabled-checkbox .checkbox-wrapper {
    background: var(--BlueGray06);
    border: 1px solid var(--Grey-Grey03);
    pointer-events: none;

}

.stt-sidebar-section-content .no-data-config a {
    text-decoration: none;
    color: var(--Cobalt02);
    font-size: var(--size-s);
    font-weight: bold;
}

.stc-config-no-data{
    gap: 2px;
}

.stc-open-config.disabled {
    pointer-events: none;
}
.stc-open-config.disabled a {
    color: var(--BlueGray01) !important;
    pointer-events: none;
}

#select2-used_gpt_bunya_id-results .select2-results__option--highlighted {
    background-color: var(--GC-Cobalt08, #EEF7FF) !important;
}

/* Disabled Select2 styles for #used_gpt_bunya_id START*/
#used_gpt_bunya_id + .select2-container--disabled .select2-selection {
    background-color: #fff !important;
}

#used_gpt_bunya_id + .select2-container--disabled .select2-selection__arrow {
    display: none;
}

#used_gpt_bunya_id + .select2-container--disabled .select2-selection--single {
    padding-right: 8px;
}
/* Disabled Select2 styles for #used_gpt_bunya_id END*/
.stf-ribbon {
    position: absolute;
    top: -6px;
    right: -2px;
    width: 32px;
    height: 12px;
    background: var(--Red02, #D22B3A);
    border-radius: 999px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    outline-offset: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 8px;
    font-weight: 600;
    line-height: 13px;
    z-index: 1;
    letter-spacing: 0;
}

.is-macos .stf-ribbon {
    line-height: 12px;
}