.ai-trans-source-choice {
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 6px 0;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.ai-trans-source-choice input {
    flex-shrink: 0;
}

.ai-trans-source-group {
    min-width: 0;
    margin: 4px 0;
    padding: 8px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.nh-btn {}

.nh-btn1 {
	border: none;
	height: 35px;
}

.nh-btn1.active {
	background-color: #b4c7e7;
	font-weight: bold;
}

.nh-btn.btn-red {
	background-color: #c02c2c;
	color: #fff;
	border: none;
}

.nh-btn.btn-secondary {
	background-color: #0aaabe;
	color: #fff;
	border: none;
}

.nh-btn.btn-outline-blue {
	border: 1px solid #4b7bff;
	color: #4b7bff;
	background-color: #fff;
}

.nl-popup {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(34, 34, 34, 0.42);
	z-index: 210;
	display: none;
}

.nl-popup.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nl-popup .nl-layer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(34, 34, 34, 0.42);
	z-index: 211;
	cursor: pointer;
}

.nl-popup .nl-head {
	position: relative;
}

.nl-popup .nh-popup-board {
	position: relative;
	z-index: 212;
}

.nl-popup .nl-body {
	padding: 14px 14px 0 14px;
	background-color: #fff;
	/* height: 435px;
	max-height: 435px; */
	max-height: calc(100vh - 100px);
	border-radius: 7px;
	overflow-y: auto;
}

.nl-popup .nl-body-ask-pw {
	padding: 14px 14px 0 14px;
	background-color: #fff;
	height: 115px !important;
	max-height: 435px !important;
	border-radius: 7px;
	overflow-y: auto;
}

.mb-22 {
	margin-bottom: 22px;
}

.nl-popup .nl-body .nl-btn {
	border-radius: 3px;
	padding: 4px 10px;
	margin-left: 10px;
}

.nl-popup .nl-body .gap-form-control>.nl-btn {
	margin-left: 0;
}

.nl-popup .nl-body .nl-btn.btn-upload {
	background-color: #319994;
	color: #fff;
	border: 0;
}

.nl-btn-x {
	position: absolute;
	right: 16px;
	width: 20px;
	height: 20px;
	background-image: url('../img/icon_x.svg');
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	background-color: transparent;
}

.nl-ctn-popup .nl-bottom {
	padding: 0 12px 20px 12px;
}

.nh-footer {
	padding: 28px 39px;
	background: #fff;
	text-align: left;
	font-weight: normal;
	padding-top: 0;
	font-size: 16px;
}

.nh-popup-board {
	width: 444px;
	background-color: #fff;
	box-shadow: 0px 4px 10px #0000002E;
	border-radius: 7px;
	opacity: 1;
	border: 1px solid #CDCDCD;
	color: #222222;
}

.nh-border-title {
	padding-top: 25px;
	width: 100%;
	text-align: left;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #fff;
	border-radius: 7px;
}

.nl-head .h-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 17px;
	margin-top: 10px;
}

.nh-border-title .nl-btn-close {
	position: absolute;
	right: 16px;
	border: 0;
	background-color: #fff;
	top: 11px;
	font-weight: 600;
	font-size: 15px;

}

.nh-text-end {
	text-align: end !important;
}

/*.nh-table-popup {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.nq-table-popup th,
.nq-table-popup td {
    vertical-align: middle;
    border: 1px solid #CDCDCD;
    font-size: 16px;
    padding: 8px 14px;
    height: 40px;
	text-align: left ;
	font-weight: 400px !important;
}
.nq-table-popup th {
    background-color: #F8F8F8;
    width: 228px;
	color: #4a4a4a;
}*/
.nh-board-yellow {
	background: #ffd87e;
	border: 1px solid gray;
	border-radius: 5px;
	padding: 10px 0;
}

.nh-board-black {
	background: #202020;
	border: 1px solid gray;
	border-radius: 5px;
	padding: 0px 15px;
	color: #fff;
}

.nh-board-gray {
	background: gainsboro;
	border: 1px solid #202020;
	border-radius: 5px;
	padding: 10px 0;
}

.nh-list-gray {
	background: gainsboro;
	border: 1px solid #202020;
	padding: 10px;
	font-size: 15px;
}

.nh-list-gray p {
	margin-bottom: 5px;
}

.py-12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.nh-lbl-popup {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}

.cs-option-menu .cs-option-link.active {
	opacity: 1;
	background-color: #1a73e9;
	color: #ffffff;
	font-weight: bold;
	border: 0;
}

.cs-option-menu .cs-option-link {
	flex: 1;
	height: 44px;
	font-size: 15px;
	text-align: center;
	background: #cbcbcb;
	border: 0;
	cursor: pointer;
}

.cs-mt-18 {
	margin-top: 18px !important;
}

.nh-custom-table {
	width: 100%;
	border-collapse: collapse;
}

.nh-custom-table th,
.nh-custom-table td {
	border: 1px solid gainsboro;
}

.nh-custom-table th {
	width: 100px;
	height: 35px;
	background-color: #f2f2f2;
	text-align: center;
	font-weight: normal;
}

.nh-custom-table td {
	width: 200px;
	height: 35px;
	background-color: #fff;
	text-align: center;
}

.nh-custom-table td.nh-bg-yellow {
	background-color: #fff9cc;
}

.nh-custom-table td.nh-bg-blue {
	background-color: #f9f9fd;
}

.nh-custom-table1 {
	border-collapse: collapse;
}

.nh-custom-table1 tr th {
	background-color: #808080;
	color: #fff;
	font-weight: bold;
	height: 35px;

}

.nh-custom-table1 th,
.nh-custom-table1 td {
	border: 1px solid gainsboro;
	border-radius: 0;
}

.nh-custom-table1 tr td {
	background-color: #fff;
	height: 35px;
}

.nh-div-gray-rounded {
	background-color: #f2f2f2;
	border-radius: 30px;
	height: 180px;
}

.nh-no-image {
	background: url('../img/no_image_icon.svg') no-repeat center;
	background-size: 315px;
}

.nh-hidden {
	display: none !important;
}






























































/* New DESIGN  */
.nh-left-menu {
	/* height: calc(100% - 40px); */
	height: calc(100vh - 80px);
	/* width: 200px; */
	width: 220px;
	background-color: #1f2937;
	position: fixed;
	margin-top: 20px;
	margin-left: 15px;
	border-radius: 15px;
}

.nh-left-menu .nh-logo-menu {
	display: flex;
	align-items: center;
	background-color: #111827;
	border-radius: 15px 15px 0 0;
	/* height: 80px; */
	height: 80px;
}

.nh-left-menu .nh-logo-menu .logo-header-bar {
	display: block;
	width: 43%;
	margin-left: 20px;
}

.nh-list-menu {
	font-size: 15px;
	margin-top: 20px;
	/* margin-left: 20px; */
	color: #959cad;
}

.nh-list-menu .nh-menu-text {
	margin: 25px 0;
	font-size: 14px;
	margin-left: 20px;
}

.nh-left-menu1 {
	font-size: 15px;
	margin-left: 18px;
	padding: 12px 12px 20px 0;
	font-weight: bold;
	margin-right: auto;
	text-decoration: none;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.nh-left-menu .nh-left-menu1 .nh-menu {
	width: 30px;
	height: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin-left: 4px
}

.nh-left-menu .nh-left-menu1.active {
	color: #fff;
	font-weight: bold;
}

.nh-left-menu .nh-left-menu1.active .icon-menu1 {
	background-image: url(../img/new_staff_icon_active.svg);
}

.nh-left-menu .nh-left-menu1 .icon-menu1 {
	background-image: url(../img/new_staff_icon.svg);
}

.nh-left-menu .nh-left-menu1.active .icon-menu2 {
	background-image: url(../img/new_terms_icon_active.svg);
}

.nh-left-menu .nh-left-menu1 .icon-menu2 {
	background-image: url(../img/new_terms_icon.svg);
}

.nh-left-menu .nh-left-menu1.active .icon-menu3 {
	background-image: url(../img/new_notice_icon_active.svg);
}

.nh-left-menu .nh-left-menu1 .icon-menu3 {
	background-image: url(../img/new_notice_icon.svg);
}

.nh-left-menu .nh-left-menu1.active .icon-menu4 {
	background-image: url(../img/new_payment_icon_active.svg);
}

.nh-left-menu .nh-left-menu1 .icon-menu4 {
	background-image: url(../img/new_payment_icon.svg);
}

.nh-left-menu .nh-left-menu1.child-menu.active.show .nh-dot {
	background-color: #fff;
}

.nh-left-menu .nh-left-menu1.child-menu .nh-dot {
	background-color: #959cad;
}

.nh-dot {
	width: 5px !important;
	height: 5px !important;
	border-radius: 50%;
	margin-right: 9px;
	margin-left: 19px !important;
}

.nh-dot.dark-blue {
	background-color: #959cad;
}

.nh-dot.active {
	background-color: #fff;
}

.nh-left-menu1 .icon-arrow {
	position: absolute;
	right: 18px;
	height: 6px;
	width: 6px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-135deg);
	transition: 0.4s;
	opacity: 0.5;
}

.nh-left-menu1.active .icon-arrow {
	opacity: 1;
	transform: rotate(-45deg);
	margin-top: -2px;
}

.nh-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
	/* padding-left: 245px; */
	padding-left: 265px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nh-wrapper .nh-card {
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12)
}

.nh-div-admin {
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;

}

.nh-card .nh-title {
	font-size: 22px;
}

.nh-div-admin.custom-select::after {
	right: 0;
}

.nh-table {
	border-spacing: 0;
	font-size: 14px;
}

.nh-table thead tr th {
	height: 47px;
	color: #fff;
	background-color: #202938;
	text-align: center;
}

.nh-table tbody tr td {
	text-align: center;
	height: 47px;
}

.nh-pagination {
	line-height: 16px;
	/* color: #5f55d2; */
	margin-top: 24px;
	border: 0;
	/* position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0; */

}

.nh-pagination .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nh-pagination .num-pagination {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 0 !important;
	border-radius: 0;
}

.nh-pagination .num-pagination.icon-arrow:first-child {
	display: none;
}

.nh-pagination .num-pagination.icon-arrow:nth-child(2) {
	width: 44px;
	height: 45px;
}

/* .nh-pagination .num-pagination.icon-arrow:nth-child(2){
	text-indent: -9999px;
    height: 8px;
    width: 8px;
    border-left: 1px solid #202020 !important;
    border-bottom: 1px solid #202020 !important;
    transform: rotate(45deg);
} */
.nh-pagination .num-pagination .icon-arrow-prev {
	height: 7px;
	width: 7px;
	border-left: 1px solid #202020 !important;
	border-bottom: 1px solid #202020 !important;
	transform: rotate(45deg);
}

/* .nh-pagination .num-pagination.icon-arrow:nth-last-child(2){
	text-indent: -9999px;
    height: 8px;
    width: 8px;
    border-left: 1px solid #202020 !important;
    border-bottom: 1px solid #202020 !important;
    transform: rotate(225deg);
} */
.nh-pagination .num-pagination.icon-arrow:nth-last-child(2) {
	width: 45px;
	height: 45px;
}

.nh-pagination .num-pagination .icon-arrow-next {
	height: 7px;
	width: 7px;
	border-left: 1px solid #202020 !important;
	border-bottom: 1px solid #202020 !important;
	transform: rotate(225deg);
}

.nh-pagination .num-pagination.icon-arrow:last-child {
	display: none;
}

.nh-pagination .num-pagination.active {
	color: #fff;
	font-weight: bold;
	background: #4b7bff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 50%;
}

.nh-label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-align: center;
	border: 0;
	width: 70px;
	height: 25px;
	border-radius: 11px;
	line-height: 14px;
}

.nh-label.label-secondary {
	background: #666666;
	color: #fff;
}

.nh-label.label-warning {
	background: #fcca4e;
	color: #fff;
}

.nh-label.label-green {
	background: #34bfa3;
	color: #fff;
}

.nh-label.label-greenbold {
	background: #5eb75f;
	color: #fff;
}

.nh-label.label-orange {
	background: #ffa251;
	color: #fff;
}

.nh-label.label-purple {
	background: #5e70b7;
	color: #fff;
}

.nh-label.label-red {
	background: #D72946;
	color: #fff;
}

.nh-label.label-primary {
	width: 70px;
	height: 30px;
	background: #39a0fa;
	border-radius: 2px;
	color: #fff;
	line-height: 16px;
}

/* .nh-label.label-danger-popup{
	width: 56px;
	height: 27px;
	background: #E3503E;
	border-radius: 3px;
	color: #fff;
}
.nh-label.label-green-popup{
	width: 56px;
	height: 27px;
	background: #5CB875;
	border-radius: 3px;
	color: #fff;
} */

.nh-label.label-outline-violet {
	width: 70px;
	height: 30px;
	border: 1px solid #663b8a;
	border-radius: 2px;
	color: #663b8a;
	line-height: 16px;
}

.nh-table-full-screen {
	min-height: calc(100vh - 188px);
}

.nh-bottom-copyright {
	display: flex;
	text-align: center;
	height: 40px;
	font-size: 14px;
	justify-content: center;
	align-items: flex-end;
}

.nh-relative {
	position: relative;
}

.nh-notice-count {
	background-color: #d6416b;
	border-radius: 50%;
	color: #fff;
	width: 20px;
	height: 20px;
	display: flex;
	font-size: 13px;
	justify-content: center;
	align-items: center;
	font-weight: normal;
}

.nh-receipt-info {
	background-color: #3454bf;
	border-radius: 20px;
	color: #fff;
	width: 35px;
	height: 25px;
	display: flex;
	font-size: 13px;
	justify-content: center;
	align-items: center;
	font-weight: normal;
}

.nh-notice-info {
	position: absolute;
	top: -4px;
	right: 10px;
	background-color: #6896f3;
	border-radius: 50%;
	color: #fff;
	width: 15px;
	height: 15px;
	display: flex;
	font-size: 10px;
	justify-content: center;
	align-items: center;
	font-weight: normal;
}

.nh-header-bar {
	position: absolute;
	left: 265px;
	right: 20px;
}

.nh-header-bar .nh-card {
	padding: 0 22px;
}

.nh-container {
	padding-top: 108px;
}

.nh-account {
	position: relative;
	transition: 0.3s;
	display: flex;
	height: 73px;
	align-items: center;
}

.nh-account .nh-profile-list {
	position: absolute;
	top: 73px;
	right: -22px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #ECEFF1;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 3px;
	min-width: 94px;
	width: 100%;
	max-width: 125px;
	visibility: hidden;
	opacity: 0;

}

.nh-account:hover .nh-profile-list {
	color: #202020;
	visibility: visible;
	opacity: 1;
	transition: 0.3s;
	border: none;
}

.nh-account .nh-profile-list .nh-profile-option {
	/* border-radius: 3px 3px 0 0; */
	height: 51px;
	display: flex;
	padding: 0 15px;
	/* justify-content:center; */
	align-items: center;
}

.nh-account .nh-profile-list .nh-profile-option:first-child {
	/* border-radius: 3px 3px 0 0; */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.nh-account .nh-profile-list .nh-profile-option:last-child {
	/* border-radius: 0 0 3px 3px; */
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nh-account .nh-profile-list .nh-profile-option:hover {
	background-color: #008CEA;
	color: #fff;
	border: none;
	transition: 0.3s;
}

.nh-actions {
	padding-bottom: 0px;
}

.file-input-wrapper {
	display: flex;
	align-items: center;
}

.file-input-wrapper input[type="file"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.file-input-label {
	display: inline-block;
	padding: 8px 12px;
	background-color: #007bff;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	margin-right: 10px;
}

#file-name-display {
	font-style: italic;
}

.nh-textarea {
	border: 1px solid #E4E6EB;
	border-radius: 3px;
	height: 32px;
	padding: 0 10px;
	font-size: 13px;
}

.contract-requested {
	color: #FF684A;
}

.contract-inreview {
	color: #1E91CF;
}

.contract-rejected {
	color: #F53131;
}

.contract-canceled {
	color: #7D7D7D;
}

.contract-ended {
	color: #222222;
}

.contract-active {
	color: #13BD7E;
}

.nh-div-input-readonly {
	border: 1px solid #E4E6EB;
	background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
	border-radius: 3px;
	height: 32px;
	padding: 0 10px;
	font-size: 13px;
	margin-bottom: 0;
	max-width: 250px;
	color: #35363D;
}

.nh-mark {
	display: inline-block;
	border: 1px solid transparent;
	background-color: transparent;
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px;
	min-width: 80px;
	text-align: center
}

.nh-mark.active {
	border-color: #13BD7E;
	background-color: #13BD7E;
}

.nh-mark.published {
	border-color: #13BD7E;
	background-color: #13BD7E;
}

.nh-mark.app.rejected {
	border-color: #9D9D9D;
	background-color: #9D9D9D;
}

.nh-mark.inactive {
	border-color: #FF5454;
	background-color: #FF5454;
}

.nh-mark.requested {
	border-color: #FF684A;
	background-color: #FF684A;
}

.nh-mark.inreview {
	border-color: #1E91CF;
	background-color: #1E91CF;
}

.nh-mark.rejected {
	border-color: #F53131;
	background-color: #F53131;
}

.nh-mark.canceled {
	border-color: #7D7D7D;
	background-color: #7D7D7D;
}

.nh-mark.ended {
	border-color: #585858;
	background-color: #585858;
}

.min-width-60 {
	min-width: 60px !important;
}

.min-width-62 {
	min-width: 62px !important;
}

.min-width-80 {
	min-width: 80px !important;
}

.nh-app-requested {
	color: #FF684A;
}

.nh-app-inreview {
	color: #1E91CF;
}

.nh-app-published {
	color: #13BD7E;
}

.nh-app-rejected {
	color: #9D9D9D;
}

.nh-active {
	color: #13BD7E;
}

.nh-inactive {
	color: #FF5454;
}

.nh-unactive {
	color: #FF5454;
}

.nh-guide-text {
	margin-top: 5px;
	color: #0068ff;
}

/* Fix dropdown overflow on order_list */
.nl-area-dropdown-item {
	right: 180px !important;
	width: fit-content !important;
}

/* order list table view fixes */
.nh-table-view {
	height: 100%;
}

.nh-table-view .nh-view-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 208px;
	overflow: hidden;
}

.nh-table-view .nh-body-content {
	flex: 1 1 auto;
	align-items: flex-start !important;
	align-content: flex-start !important;
	overflow-y: auto;
	max-height: none;
}

.nh-table-view .nh-body-footer {
	flex: 0 0 auto;
	overflow: visible;
	max-height: none;
}

.nh-table-view .h-footer-table {
	min-width: 0;
	flex-wrap: nowrap !important;
}

.nh-table-view .h-footer-table .button-container {
	flex-wrap: nowrap !important;
	gap: 6px !important;
	min-width: 0;
}

.nh-table-view .h-footer-table .nl-btn-create-order {
	min-width: 0;
	height: 28px;
	white-space: nowrap;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.nh-table-view .h-footer-table .button-container .nl-btn-create-order:only-child {
	flex: 0 1 auto !important;
	max-width: none !important;
	width: auto !important;
}

.nh-order-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
}

.nh-order-status.h-order-color {
	background-color: #FF644526;
	color: #FF6445;
}

.nh-order-status.h-approve-color {
	background-color: #D1EDFD;
	color: #0086CE;
}

.nh-order-status.h-prepare-color {
	background-color: #7488DE26;
	color: #6178DB;
}

.nh-order-status.h-delivery-color {
	background-color: #0AADB926;
	color: #0AADB9;
}

.nh-order-status.h-cancel-color {
	background-color: #6C6C6C26;
	color: #6C6C6C;
}

.nh-admin-order-row {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 3px 0;
	font-size: 14px;
	line-height: 20px;
}

.nh-admin-order-no {
	flex: 0 0 auto;
	min-width: 42px;
	font-weight: 600;
	color: #111;
}

.nh-admin-order-row .nh-order-status {
	flex: 0 0 auto;
}

.nh-admin-order-price {
	flex: 0 0 auto;
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
	color: #111;
}

#full-items-popup .nh-popup-board {
	width: 410px !important;
	max-width: 90% !important;
	overflow: hidden;
	border-radius: 7px;
}

#full-items-popup .nh-border-title {
	padding: 16px 14px 0 14px;
}

#full-items-popup .nl-head .h-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin: 0 0 12px 0;
}

#full-items-popup .nl-btn-close {
	top: 13px;
	right: 14px;
	background: transparent;
	font-size: 26px;
	line-height: 20px;
	color: #111;
}

#full-items-popup .nh-full-items-body {
	padding: 10px 14px 14px 14px;
	border-radius: 0;
	background: #fff;
	max-height: 60vh;
	overflow-y: auto;
}

#full-items-popup #full-items-list {
	display: block;
	font-size: 14px;
}

#full-items-popup .nl-bottom {
	display: none;
}

.nh-full-order-card {
	display: grid;
	grid-template-columns: auto auto auto 1fr;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 9px 0;
	font-size: 14px;
	line-height: 20px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #eeeeee;
	border-radius: 0;
	cursor: pointer;
	box-sizing: border-box;
}

.nh-full-order-card:last-child {
	border-bottom: 0;
}

.nh-full-order-bno {
	min-width: 42px;
	font-size: 14px;
	font-weight: 600;
	color: #111;
	white-space: nowrap;
}

.nh-full-order-items {
	font-size: 12px;
	font-weight: 600;
	color: #8a8f99;
	white-space: nowrap;
}

.nh-full-order-total {
	justify-self: end;
	margin-left: auto;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	color: #111;
	white-space: nowrap;
}

.nh-more-orders-btn {
	display: block;
	border: 0;
	background: transparent;
	color: #438FFE;
	font-size: 13px;
	text-align: center;
}

.nh-more-orders-btn:focus {
	outline: none;
}

.nh-booking-status-combo {
	position: absolute;
	right: 28px;
	top: -12px;
	z-index: 5;
	display: flex;
	gap: 4px;
	pointer-events: none;
}

.nh-booking-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.nh-booking-status-ordered {
	background: #F36B3B;
}

.nh-booking-status-confirmed {
	background: #438FFE;
}

.nh-booking-status-cooking {
	background: #FF7A00;
}

.nh-booking-status-serving {
	background: #13BD7E;
}

/* Table Footer Styles */
.nh-footer-total-row {
	font-size: 14px;
	width: 100%;
}

.nh-footer-total-label {
	color: #666;
	font-weight: 600;
	margin-right: 5px;
}

.nh-footer-total-orders {
	color: #333;
	font-weight: 600;
}

.nh-footer-total-price {
	font-weight: 700;
	font-size: 15px;
	color: #333;
}

.nh-footer-btn-container {
	gap: 8px;
	flex: 1 1 auto;
	justify-content: space-between;
	width: 100%;
}

.nh-btn-full {
	flex: 1 1 0 !important;
	max-width: none !important;
}

.nh-btn-outline {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #ddd !important;
	padding: 0 12px !important;
}



/* Table Header Timer Styles */
.table-live-timer {
	text-transform: capitalize;
	font-size: 12px;
	margin-left: 8px;
	font-weight: 600;
	white-space: nowrap;
}

.nh-text-open {
	color: #4CAF50 !important;
}

.nh-text-closed {
	color: #333 !important;
}


/* Text Transformation Utilities */
.text-uppercase {
	text-transform: uppercase !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

/* Customer Language Popup Styles */
#customerLangPopup .cl-btn-make {
	display: none;
}
.cl-display-text {
	font-size: 14px;
	color: #333;
}

.cl-desc-box {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 15px;
	margin-top: 20px;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

.cl-desc-title {
	font-weight: 700;
	margin-bottom: 5px;
	color: #333;
}

.cl-popup-footer {
	margin-top: 30px;
	display: flex;
	padding-bottom: 10px;
	position: static;
}

.cl-popup-footer .h-btn {
	width: 180px !important;
	height: 38px !important;
	font-size: 15px !important;
	flex: 1;
}

#customerLangList {
	max-height: 360px;
	overflow-y: auto;
	padding-right: 5px;
	scrollbar-gutter: stable;
}

.cl-lang-item {
	padding: 12px 15px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
}

.cl-lang-label {
	margin-bottom: 0;
	flex: 1;
}

.cl-cursor-pointer {
	cursor: pointer;
}

.cl-cursor-not-allowed {
	cursor: not-allowed;
}

.cl-lang-name {
	font-weight: bold;
	font-size: 15px;
	color: #111;
	line-height: 1.2;
}

.cl-lang-sub {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
}

.cl-btn-wrap {
	white-space: nowrap;
	margin-left: 10px;
}

.cl-btn-default,
.cl-btn-make {
	border-radius: 20px;
	font-weight: bold;
	min-width: 115px;
	text-align: center;
	padding: 4px 15px !important;
}

.cl-btn-default {
	cursor: default;
}

.cl-btn-make {
	cursor: pointer;
}

.cl-popup-box {
	width: 500px;
	max-width: 90%;
	padding: 25px;
}

.cl-popup-header {
	margin-bottom: 20px;
}

.cl-popup-title {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #111;
}

.cl-popup-close {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #333;
}

.cl-popup-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
}

/* Global Image Viewer */
.global-image-viewer {
	z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.global-image-viewer-actions {
	position: absolute;
	top: 20px;
	right: 25px;
	display: flex;
	gap: 15px;
}

.global-image-viewer-close {
	background: transparent;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	padding: 0;
}

.global-image-viewer-content {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* Global Hover Image Tooltip */
.global-hover-tooltip {
	position: fixed;
	z-index: 9998;
	pointer-events: none;
	background: #fff;
	color: #111;
	white-space: nowrap;
}

.nh-full-order-items {
	font-size: 12px;
	font-weight: 600;
	color: #8a8f99;
	white-space: nowrap;
}

.nh-full-order-total {
	justify-self: end;
	margin-left: auto;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	color: #111;
	white-space: nowrap;
}

.nh-more-orders-btn {
	display: block;
	border: 0;
	background: transparent;
	color: #438FFE;
	font-size: 13px;
	text-align: center;
}

.nh-more-orders-btn:focus {
	outline: none;
}

.nh-booking-status-combo {
	position: absolute;
	right: 28px;
	top: -12px;
	z-index: 5;
	display: flex;
	gap: 4px;
	pointer-events: none;
}

.nh-booking-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.nh-booking-status-ordered {
	background: #F36B3B;
}

.nh-booking-status-confirmed {
	background: #438FFE;
}

.nh-booking-status-cooking {
	background: #FF7A00;
}

.nh-booking-status-serving {
	background: #13BD7E;
}

/* Table Footer Styles */
.nh-footer-total-row {
	font-size: 14px;
	width: 100%;
}

.nh-footer-total-label {
	color: #666;
	font-weight: 600;
	margin-right: 5px;
}

.nh-footer-total-orders {
	color: #333;
	font-weight: 600;
}

.nh-footer-total-price {
	font-weight: 700;
	font-size: 15px;
	color: #333;
}

.nh-footer-btn-container {
	gap: 8px;
	flex: 1 1 auto;
	justify-content: space-between;
	width: 100%;
}

.nh-btn-full {
	flex: 1 1 0 !important;
	max-width: none !important;
}

.nh-btn-outline {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #ddd !important;
	padding: 0 12px !important;
}



/* Table Header Timer Styles */
.table-live-timer {
	text-transform: capitalize;
	font-size: 12px;
	margin-left: 8px;
	font-weight: 600;
	white-space: nowrap;
}

.nh-text-open {
	color: #4CAF50 !important;
}

.nh-text-closed {
	color: #333 !important;
}


/* Text Transformation Utilities */
.text-uppercase {
	text-transform: uppercase !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

/* Customer Language Popup Styles */
.cl-display-text {
	font-size: 14px;
	color: #333;
}

.cl-desc-box {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 15px;
	margin-top: 20px;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

.cl-desc-title {
	font-weight: 700;
	margin-bottom: 5px;
	color: #333;
}

.cl-popup-footer {
	margin-top: 30px;
	display: flex;
	padding-bottom: 10px;
	position: static;
}

.cl-popup-footer .h-btn {
	width: 180px !important;
	height: 38px !important;
	font-size: 15px !important;
	flex: 1;
}

.cl-lang-item {
	padding: 12px 15px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
}

.cl-lang-label {
	margin-bottom: 0;
	flex: 1;
}

.cl-cursor-pointer {
	cursor: pointer;
}

.cl-cursor-not-allowed {
	cursor: not-allowed;
}

.cl-lang-name {
	font-weight: bold;
	font-size: 15px;
	color: #111;
	line-height: 1.2;
}

.cl-lang-sub {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
}

.cl-btn-wrap {
	white-space: nowrap;
	margin-left: 10px;
}

.cl-btn-default,
.cl-btn-make {
	border-radius: 20px;
	font-weight: bold;
	min-width: 115px;
	text-align: center;
	padding: 4px 15px !important;
}

.cl-btn-default {
	cursor: default;
}

.cl-btn-make {
	cursor: pointer;
}

.cl-popup-box {
	width: 500px;
	max-width: 90%;
	padding: 25px;
}

.cl-popup-header {
	margin-bottom: 20px;
}

.cl-popup-title {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #111;
}

.cl-popup-close {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #333;
}

.cl-popup-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
}

/* Global Image Viewer */
.global-image-viewer {
	z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.global-image-viewer-actions {
	position: absolute;
	top: 20px;
	right: 25px;
	display: flex;
	gap: 15px;
}

.global-image-viewer-close {
	background: transparent;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	padding: 0;
}

.global-image-viewer-content {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* Global Hover Image Tooltip */
.global-hover-tooltip {
	position: fixed;
	z-index: 9998;
	pointer-events: none;
	background: #fff;
	padding: 4px;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Table Download Button */
.table-download-btn {
	height: 24px;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 500;
	background: #fff;
	color: #4e6487;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	white-space: nowrap;
	line-height: normal;
}

.table-download-btn:hover {
	background: #f1f5f9;
	color: #1e293b;
	border-color: #94a3b8;
}

.table-download-btn.btn-mini {
	height: 20px;
	padding: 0 4px;
	font-size: 10px;
}

.img-download-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.img-download-wrapper.mt-20 {
	margin-top: 20px;
}

.img-download-wrapper.gap-5 {
	gap: 5px;
}

.table-img-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

/* Review moderation */
.review-list-table {
	min-width: 1380px;
	table-layout: fixed;
}

.review-list-table th,
.review-list-table td {
	vertical-align: middle;
}

.review-list-table tbody tr {
	height: 76px;
}

.review-report-cell {
	text-align: center;
	width: 140px;
}

.review-report-trigger {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 108px;
	padding: 7px 10px;
	border: 1px solid #d9e0ea;
	border-radius: 6px;
	background: #fff;
	color: #435065;
	font-weight: 600;
	cursor: pointer;
	justify-content: center;
}

.review-report-trigger:hover {
	border-color: #2f7df4;
	color: #2f7df4;
	background: #f7faff;
}

.review-report-trigger.has-pending {
	border-color: #ffd5d9;
	color: #dc3545;
	background: #fff8f8;
}

.review-report-badge {
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 10px;
	background: #68758a;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
}

.review-report-trigger.has-pending .review-report-badge {
	background: #dc3545;
}

.review-report-modal {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(22, 31, 46, .48);
}

.review-report-modal.is-open {
	display: flex;
}

.review-report-dialog {
	width: min(680px, 100%);
	max-height: min(720px, calc(100vh - 48px));
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 20px 60px rgba(22, 31, 46, .25);
}

.review-report-header,
.review-report-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	border-bottom: 1px solid #e8edf3;
}

.review-report-footer {
	justify-content: flex-end;
	border-top: 1px solid #e8edf3;
	border-bottom: 0;
}

.review-report-title {
	margin: 0;
	color: #263246;
	font-size: 18px;
}

.review-report-close {
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #68758a;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.review-report-close:hover {
	background: #f1f4f8;
}

.review-report-body {
	flex: 1 1 auto;
	max-height: 560px;
	overflow-y: auto;
	padding: 18px 20px;
	background: #f7f9fc;
	scrollbar-gutter: stable;
}

.review-report-card {
	padding: 14px 16px;
	border: 1px solid #e1e7ef;
	border-left: 4px solid #7b8798;
	border-radius: 7px;
	background: #fff;
}

.review-report-card+.review-report-card {
	margin-top: 12px;
}

.review-report-card.is-page-hidden {
	display: none;
}

.review-report-card.pending {
	border-left-color: #dc3545;
}

.review-report-card.resolved {
	border-left-color: #198754;
}

.review-report-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.review-report-card-title {
	color: #263246;
	font-size: 14px;
}

.review-report-status {
	flex: 0 0 auto;
	padding: 3px 8px;
	border-radius: 12px;
	background: #eef1f5;
	color: #68758a;
	font-size: 12px;
	font-weight: 600;
}

.review-report-status.pending {
	background: #fff0f1;
	color: #dc3545;
}

.review-report-status.resolved {
	background: #ebf7f1;
	color: #198754;
}

.review-report-meta,
.review-report-detail,
.review-report-time {
	color: #536075;
	line-height: 1.55;
}

.review-report-detail {
	margin-top: 5px;
	overflow-wrap: anywhere;
}

.review-report-time {
	margin-top: 8px;
	color: #8a95a5;
	font-size: 12px;
}

.review-report-pagination {
	position: sticky;
	bottom: -18px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 16px -20px -18px;
	padding: 12px 20px;
	border-top: 1px solid #e1e7ef;
	background: #fff;
}

.review-report-page-info {
	min-width: 92px;
	color: #536075;
	text-align: center;
	font-size: 13px;
}

.review-report-page-btn,
.review-report-footer-btn {
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 8px 14px;
	font-weight: 600;
	cursor: pointer;
}

.review-report-page-btn {
	min-width: 82px;
	border-color: #2f80ed;
	background: #fff;
	color: #2f80ed;
}

.review-report-page-btn:not(:disabled):hover {
	background: #2f80ed;
	color: #fff;
}

.review-report-page-btn:disabled,
.review-report-footer-btn:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.review-report-footer-btn.cancel {
	border-color: #68758a;
	background: #68758a;
	color: #fff;
}

.review-report-footer-btn.cancel:hover {
	border-color: #536075;
	background: #536075;
}

.review-report-footer-btn.dismiss {
	background: #f0ad4e;
	color: #fff;
}

.review-report-footer-btn.resolve {
	background: #dc3545;
	color: #fff;
}

.review-report-popup-board {
	width: calc(100% - 40px);
	max-width: 1100px;
}

.review-report-popup-body {
	padding-bottom: 0;
}

.review-report-table-wrap {
	height: 330px;
	overflow: auto;
}

.review-report-table {
	min-width: 900px;
	table-layout: fixed;
}

.review-report-table th,
.review-report-table td {
	padding: 12px 10px;
	text-align: center;
	vertical-align: middle;
}

.review-report-table th:nth-child(1) {
	width: 60px;
}

.review-report-table th:nth-child(2) {
	width: 180px;
}

.review-report-table th:nth-child(3) {
	width: 180px;
}

.review-report-table th:nth-child(4) {
	width: auto;
}

.review-report-table th:nth-child(5) {
	width: 110px;
}

.review-report-table th:nth-child(6) {
	width: 160px;
}

.review-report-detail-cell {
	white-space: normal;
	overflow-wrap: anywhere;
	text-align: left !important;
}

.review-report-phone {
	color: #8a95a5;
	font-size: 12px;
}

.review-report-popup .review-report-pagination {
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	border-top: 0;
	background: transparent;
}

.review-report-popup .nl-tbl-grp__bottom {
	height: 62px;
	margin-bottom: 10px;
}

.review-report-popup-footer {
	gap: 16px;
}

.review-report-popup .review-report-actions {
	gap: 8px;
	margin-left: auto;
}

.review-report-popup .review-report-actions .h-btn {
	width: auto;
	min-width: 100px;
}

.review-report-dismiss-btn {
	border: 0;
	background: #f0ad4e;
	color: #fff;
}

.review-report-dismiss-btn:hover {
	background: #dc982f;
}

@media (max-width: 767px) {
	.review-report-modal {
		align-items: flex-end;
		padding: 0;
	}

	.review-report-dialog {
		width: 100%;
		max-height: 88vh;
		border-radius: 12px 12px 0 0;
	}

	.review-report-header,
	.review-report-footer {
		padding: 14px 16px;
	}

	.review-report-body {
		max-height: none;
		padding: 14px;
	}

	.review-report-pagination {
		bottom: -14px;
		margin: 14px -14px -14px;
		padding: 10px 14px;
	}

	.review-report-footer .nl-btn {
		flex: 1;
	}
}

.review-report-footer {
	justify-content: space-between;
	flex-wrap: wrap;
}

.review-report-action-summary {
	color: #536075;
	font-size: 13px;
}

.review-report-action-summary strong {
	color: #dc3545;
}

.review-report-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
}

.review-report-footer-btn.nl-btn {
	width: auto;
	min-width: 100px;
	height: 34px;
	padding: 0 14px;
	border-radius: 5px;
	font-weight: 600;
}

.review-report-footer-btn.dismiss:hover {
	background: #dc982f;
}

.review-report-footer-btn.resolve:hover {
	background: #bd2533;
}

@media (max-width: 767px) {
	.review-report-popup-board {
		width: calc(100% - 20px);
	}

	.review-report-table-wrap {
		height: 300px;
	}

	.review-report-popup-footer {
		flex-wrap: wrap;
	}

	.review-report-action-summary {
		width: 100%;
	}

	.review-report-actions {
		width: 100%;
		margin-left: 0;
	}
}

/* Translation list: table, controls, usage modal, source context, preview */
/* .nl-table {
	width: 100%;
	table-layout: fixed;
}

.nl-table th,
.nl-table td {
	box-sizing: border-box;
} */

.nl-table tr td {
	/* height: 100px; */
	/* padding: 5px 10px;
	border-color: #DDDFE2 #E4E6EB;
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	vertical-align: top;
	overflow-wrap: anywhere;
	word-break: break-word; */
}

.nl-table .nh-textarea {
	display: block;
	width: 100%;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	margin: 0 0 5px;
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid #C2CAD8;
	background: none;
	line-height: 1.4;
	outline: none;
	resize: none;
	overflow-y: auto;
	vertical-align: top;
}

.nl-table .nh-textarea:read-only {
	border: 0;
	cursor: default;
}

.nl-table .nl-row:has(> .nh-textarea) {
	display: block;
}

.nl-table .circle {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: red;
}

.nh-table2 th {
	position: relative;
}

.nh-table2 th.sort-asc::before,
.nh-table2 th.sort-desc::before {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	content: "";
}

.nh-table2 th.sort-asc::before {
	border-width: 5px 5px 0;
	border-color: #5e5e5e transparent transparent;
	transform: translate(-50%, -50%);
}

.nh-table2 th.sort-desc::before {
	border-width: 0 5px 5px;
	border-color: transparent transparent #5e5e5e;
	transform: translate(-50%, -50%);
}

.translation-key-note {
	font-size: 11px;
	color: #666;
	margin-left: 10px;
	line-height: 1.4;
	max-width: 400px;
}

.translation-save-btn {
	background-color: #1172be !important;
	border-color: #1172be !important;
}

.translation-col-no {
	width: 80px;
}

.translation-col-key,
.translation-col-language {
	width: 170px;
}

.translation-col-device {
	width: 160px;
}

.translation-col-note {
	width: 370px;
}

.translation-col-action {
	width: 70px;
}

.translation-key-help {
	font-size: 12px;
	color: #666;
	cursor: help;
}

.translation-cell-left {
	text-align: left !important;
}

.translation-cell-top {
	vertical-align: top !important;
}

.translation-add-btn {
	width: 28px;
	height: 28px;
}

.translation-usage-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	height: 30px;
	margin-top: 8px;
	padding: 0 12px;
	border: 1px solid #438ffe;
	border-radius: 5px;
	background-color: #fff;
	color: #2876df;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.translation-usage-btn:hover {
	border-color: #2876df;
	background-color: #438ffe;
	color: #fff;
	box-shadow: 0 2px 6px rgba(67, 143, 254, .25);
}

.translation-usage-btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(67, 143, 254, .2);
}

.translation-usage-btn:active {
	background-color: #2368c7;
	border-color: #2368c7;
	box-shadow: none;
}

.translation-usage-btn.--full {
	display: flex;
	width: 100%;
	padding: 0 10px;
}

.translation-popup-body {
	padding-bottom: 20px !important;
}

.translation-label-text {
	font-size: 13px;
}

/* Translation UI Helper Component */
.trans-ui-container {
	width: 100%;
}

.trans-ui-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px 6px 0px;
	border-bottom: 1px solid #E4E6EB;
	border-left: none;
	/* margin-bottom: 16px; */
}

.trans-ui-title {
	font-size: 18px;
	font-weight: 700;
	color: #222222;
	margin: 0;
}

.trans-ui-actions {
	display: flex;
	gap: 8px;
}

.trans-ui-tabs {
	display: flex;
	width: 100%;
	gap: 16px;
	border-bottom: 1px solid #E4E6EB;
	margin-bottom: 16px;
	/* padding-left: 10px; */
}

.trans-ui-tab-btn {
	position: relative;
	flex: 0 0 auto;
	padding: 10px 16px;
	border: 0;
	background: transparent;
	color: #696B75;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.trans-ui-tab-btn.active {
	color: #438FFE;
}

.trans-ui-tab-btn.active::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: #438FFE;
}

/* Acts like .h-table-row wrapper */
.trans-ui-panel {
	display: none;
	width: 100%;
	border-left: 1px solid #e4e6eb;
}

.trans-ui-panel.active {
	display: block;
}

/* Acts like .h-table-row > .h-table-group */
.trans-ui-field {
	display: flex;
	width: 100%;
	min-height: 44px;
}

/* Acts like .h-table-item:nth-child(odd) */
.trans-ui-label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 8px 10px;
	background-color: #FAFAFA;
	color: #222222;
	width: 180px;
	font-weight: 500;
	font-size: 13px;
	border-right: 1px solid #E4E6EB;
	border-bottom: 1px solid #E4E6EB;
	font-family: 'Inter', sans-serif;
	margin: 0;
	flex-shrink: 0;
}

/* Acts like .h-table-item:nth-child(even) */
.trans-ui-control {
	display: flex;
	align-items: center;
	flex: 1;
	padding: 8px 10px;
	border-right: 1px solid #E4E6EB;
	border-bottom: 1px solid #E4E6EB;
	position: relative;
	background-color: #ffffff;
}

/* Input styling matching native inputs */
.trans-ui-input {
	border: 1px solid #E0E0E1 !important;
	border-radius: 4px !important;
	padding: 0 10px !important;
	font-size: 14px;
	width: 100%;
	min-height: 28px;
	background-color: #fff !important;
	box-shadow: none !important;
	margin-bottom: 0px !important;
}

.trans-ui-input:focus {
	border-color: #438FFE !important;
	outline: none !important;
}

.trans-ui-control textarea.trans-ui-input {
	min-height: 78px;
	padding: 10px !important;
	resize: vertical;
	line-height: 1.5;
}

.trans-ui-value {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 28px;
	padding: 0 10px;
	color: #222222;
	font-size: 14px;
	line-height: 1.5;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.trans-ui-value.is-empty {
	color: #999999;
}

.trans-ui-char-count {
	position: absolute;
	right: 20px;
	bottom: 16px;
	color: #7b8797;
	font-size: 12px;
	pointer-events: none;
}

/* Panels have no heading border; only their first top-level field needs a top edge. */
.trans-ui-panel>.trans-ui-field:first-child .trans-ui-label,
.trans-ui-panel>.trans-ui-field:first-child .trans-ui-control {
	border-top: 1px solid #E4E6EB;
}

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

.custom-scrollbar::-webkit-scrollbar-track {
	background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
	border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #94a3b8;
}

/* AI Translation Common Modal Styles */

.ai-trans-modal {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 23, 42, .58);
}

.ai-trans-modal.active {
	display: flex;
}

.ai-trans-dialog {
	width: min(820px, 96vw);
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.ai-trans-dialog.result-dialog {
	width: min(980px, 96vw);
}

.ai-trans-head,
.ai-trans-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 20px 24px;
	flex-shrink: 0;
}

.ai-trans-head {
	border-bottom: 1px solid #e5e9ef;
}

.ai-trans-head h3 {
	margin: 0;
	font-size: 21px;
	color: #172033;
}

.ai-trans-close {
	border: 0;
	background: transparent;
	font-size: 25px;
	cursor: pointer;
}

.ai-trans-body {
	padding: 22px 24px;
	overflow-y: auto;
	flex: 1;
}

.ai-trans-source {
	padding: 24px;
	border: 1px solid #eef2f6;
	border-radius: 8px;
	background: #f8fbff;
}

.ai-trans-section-title {
	display: block;
	font-size: 14px;
	color: #172033;
	margin-bottom: 16px;
}

.ai-trans-source-grid {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 24px;
}

.ai-trans-source-left {
	display: flex;
}

.ai-trans-source-lang-select {
	display: flex;
	align-items: center;
	justify-content: center;
	height: fit-content;
	padding: 10px 32px 10px 24px;
	border: 1px solid #dce2ea;
	border-radius: 6px;
	background: #fff url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23374151" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 12px center;
	color: #374151;
	font-weight: 600;
	font-size: 14px;
	appearance: none;
	cursor: pointer;
	outline: none;
}

.ai-trans-source-lang-select:focus {
	border-color: #1268e8;
}

.ai-trans-source-right {
	display: flex;
	flex-direction: column;
}

.ai-trans-field {
	display: flex;
	flex-direction: column;
}

.ai-trans-field small {
	color: #657184;
	font-size: 13px;
	display: block;
	margin-bottom: 6px;
}

.ai-trans-value,
.ai-trans-value-desc {
	color: #172033;
	font-size: 14px;
	line-height: 1.5;
}

.ai-trans-value {
	font-weight: 600;
}

.ai-trans-targets-section {
	margin-top: 24px;
}

.ai-trans-targets {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ai-trans-target {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	color: #475569;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.2s;
}

.ai-trans-target:hover {
	border-color: #cbd5e1;
}

.ai-trans-target input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #1268e8;
}

.ai-trans-scope-section {
	margin-top: 24px;
	padding: 20px;
	border: 1px solid #eef2f6;
	border-radius: 8px;
	background: #fdfdfd;
}

.ai-trans-scope-row {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.ai-trans-scope-label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 120px;
	font-weight: 600;
	font-size: 14px;
	color: #172033;
}

.ai-trans-scope-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.ai-trans-scope-icon.include {
	background: #1268e8;
	color: #fff;
}

.ai-trans-scope-icon.exclude {
	background: #94a3b8;
	color: #fff;
}

.ai-trans-scope-value {
	flex: 1;
	font-size: 14px;
	color: #475569;
	line-height: 1.5;
}

.ai-trans-note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 20px;
	padding: 16px;
	border: 1px solid #e6f0ff;
	border-radius: 8px;
	background: #f0f6ff;
	color: #1268e8;
	font-size: 13px;
	line-height: 1.5;
}

.ai-trans-foot {
	border-top: 1px solid #e5e9ef;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.ai-trans-foot .h-btn,
#ai-trans-apply-selected-btn.h-btn {
	height: 34px;
	min-width: 90px;
	padding: 0 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	border: 0;
	cursor: pointer;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: all 0.15s ease;
	outline: none;
	text-decoration: none;
}

.ai-trans-foot .h-btn.btn-cancel {
	color: #fff;
	background-color: #45496F;
}

.ai-trans-foot .h-btn.btn-cancel:hover {
	background-color: #3b3e5f;
	opacity: 0.92;
}

.ai-trans-foot .h-btn.btn-submit,
#ai-trans-apply-selected-btn.h-btn.btn-submit {
	color: #fff;
	background-color: #438FFE;
}

.ai-trans-foot .h-btn.btn-submit:hover,
#ai-trans-apply-selected-btn.h-btn.btn-submit:hover {
	background-color: #307fe2;
	opacity: 0.92;
}

.ai-trans-foot .h-btn:disabled,
#ai-trans-apply-selected-btn.h-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.ai-trans-results {
	width: 100%;
	border-collapse: collapse;
	margin-top: 16px;
}

.ai-trans-results th,
.ai-trans-results td {
	padding: 11px 10px;
	border: 1px solid #dfe4ea;
	vertical-align: top;
}

.ai-trans-results th {
	background: #f8f9fb;
	text-align: center;
}

.ai-trans-status {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	font-weight: 500;
	font-size: 12px;
}

.ai-trans-status.good {
	background: #e9f8ed;
	color: #218a3c;
}

.ai-trans-status.review {
	background: #fff3e0;
	color: #e65100;
}

.ai-trans-status.poor {
	background: #fdecec;
	color: #c62828;
}

.ai-trans-input,
.ai-trans-textarea {
	width: 100%;
	border: 1px solid #dfe4ea;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: 13px;
	font-family: inherit;
	transition: border-color 0.2s;
}

.ai-trans-input {
	height: 42px;
}

.ai-trans-input:focus,
.ai-trans-textarea:focus {
	outline: none;
	border-color: #1268e8;
}

.ai-trans-textarea {
	min-height: 60px;
	resize: none;
}

.ai-trans-btn-retranslate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #dce2ea;
	color: #475569;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.2s;
	white-space: nowrap;
}

.ai-trans-btn-retranslate:hover:not(:disabled) {
	border-color: #cbd5e1;
	color: #172033;
}

.ai-trans-btn-retranslate:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.ai-trans-back-trans {
	font-size: 13px;
	color: #64748b;
	line-height: 1.5;
	padding: 4px;
	background: #f8fafc;
	border-radius: 4px;
	border: 1px solid #f1f5f9;
}

.ai-trans-back-trans .field-label {
	font-weight: 600;
	color: #475569;
	margin-bottom: 2px;
	display: block;
	font-size: 12px;
}

.ai-trans-back-trans .field-value {
	margin-bottom: 8px;
	word-break: break-word;
	color: #334155;
}

.ai-trans-back-trans .field-value:last-child {
	margin-bottom: 0;
}

.ai-trans-outline-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px;
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	color: #334155;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
}

.ai-trans-outline-btn:hover {
	background: #f8fafc;
	border-color: #94a3b8;
}

.ai-trans-outline-btn.primary {
	background: #1268e8;
	border-color: #1268e8;
	color: #fff;
}

.ai-trans-outline-btn.primary:hover {
	background: #0f56c2;
}

@media (max-width: 900px) {
	.ai-trans-scope-row {
		flex-direction: column;
		gap: 8px;
	}

	.ai-trans-source-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* ========================================= */
/* Item Edit Custom Styles                 */
/* ========================================= */
/* Modern Language Tabs Styling for Option Popup */
.language-tabs {
	display: flex;
	border-bottom: 2px solid #eaedf1;
	margin-bottom: 20px;
	gap: 0 !important;
	padding: 0;
}

.language-tabs button {
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	padding: 12px 24px;
	font-weight: 600;
	font-size: 14px;
	color: #6c757d;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	border-radius: 0;
	outline: none;
	height: auto;
	line-height: normal;
	box-shadow: none !important;
}

.language-tabs button:hover {
	color: #495057;
	border-bottom-color: #ced4da;
	background-color: transparent !important;
}

.language-tabs button.active {
	color: #4361ee !important;
	border-bottom: 2px solid #4361ee !important;
	background-color: transparent !important;
}



/* Option list: horizontal rows matching the design reference */
.item-option-section {
	width: 100%;
}

.item-option-section .item-option-heading {
	padding: 10px 0;
	border-bottom: 1px solid #e7ebf0;
}

.item-option-section .h-option-child {
	box-shadow: none !important;
	transition: background-color .15s;
}

.item-option-section .h-option-child:hover {
	background: #fbfdff;
}

.item-option-section .h-option-set {
	color: #202938;
	font-size: 15px !important;
	font-weight: 700;
}

.item-option-section .h-option-value {
	color: #374151 !important;
	font-size: 14px;
	line-height: 1.4;
}

.item-option-section .h-option-value-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.item-option-chip {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-width: 126px;
	padding: 9px 12px;
	border: 1px solid #dce5f2;
	border-radius: 6px;
	background: #f9fbfe;
}

.item-option-chip-price {
	color: #1268e8;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

.item-option-section .item-option-empty,
.item-option-section [id^="empty-"] {
	width: 100%;
}

.item-option-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid #b9d3fa;
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
	transition: background-color .15s, border-color .15s;
}

.item-option-action-btn:hover {
	border-color: #1268e8;
	background: #f3f7ff;
}

.item-option-action-btn.delete {
	border-color: #f3c4c4;
}

.item-option-action-btn.delete:hover {
	border-color: #e53e3e;
	background: #fff5f5;
}

.item-option-empty {
	padding: 28px 16px;
	color: #7b8797;
	text-align: center;
}

/* Shared AI translation modal */
.item-ai-modal {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 23, 42, .58);
}

.item-ai-modal.active {
	display: flex;
}

.item-ai-dialog {
	width: min(820px, 96vw);
	max-height: 90vh;
	overflow: auto;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.item-ai-dialog.result-dialog {
	width: min(980px, 96vw);
}

.item-ai-head,
.item-ai-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 20px 24px;
}

.item-ai-head {
	border-bottom: 1px solid #e5e9ef;
}

.item-ai-head h3 {
	margin: 0;
	font-size: 21px;
	color: #172033;
}

.item-ai-close {
	border: 0;
	background: transparent;
	font-size: 25px;
	cursor: pointer;
}

.item-ai-body {
	padding: 22px 24px;
}

.item-ai-source {
	padding: 24px;
	border: 1px solid #eef2f6;
	border-radius: 8px;
	background: #f8fbff;
}

.item-ai-section-title {
	display: block;
	font-size: 14px;
	color: #172033;
	margin-bottom: 16px;
}

.item-ai-source-grid {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 24px;
}

.item-ai-source-left {
	display: flex;
}

.item-ai-source-lang-select {
	display: flex;
	align-items: center;
	justify-content: center;
	height: fit-content;
	padding: 10px 32px 10px 24px;
	border: 1px solid #dce2ea;
	border-radius: 6px;
	background: #fff url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23374151" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 12px center;
	color: #374151;
	font-weight: 600;
	font-size: 14px;
	appearance: none;
	cursor: pointer;
	outline: none;
}

.item-ai-source-lang-select:focus {
	border-color: #1268e8;
}

.item-ai-source-right {
	display: flex;
	flex-direction: column;
}

.item-ai-field {
	display: flex;
	flex-direction: column;
}

.item-ai-field small {
	color: #657184;
	font-size: 13px;
	display: block;
	margin-bottom: 6px;
}

.item-ai-value {
	color: #172033;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
}

.item-ai-value-desc {
	color: #172033;
	font-size: 14px;
	line-height: 1.5;
}

.item-ai-targets-section {
	margin-top: 24px;
}

.item-ai-targets {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.item-ai-target {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	color: #475569;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.2s;
}

.item-ai-target:hover {
	border-color: #cbd5e1;
}

.item-ai-target input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #1268e8;
}

.item-ai-scope-section {
	margin-top: 24px;
	padding: 20px;
	border: 1px solid #eef2f6;
	border-radius: 8px;
	background: #fdfdfd;
}

.item-ai-scope-row {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.item-ai-scope-label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 120px;
	font-weight: 600;
	font-size: 14px;
	color: #172033;
}

.scope-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.scope-icon.include {
	background: #1268e8;
	color: #fff;
}

.scope-icon.exclude {
	background: #94a3b8;
	color: #fff;
}

.item-ai-scope-value {
	flex: 1;
	font-size: 14px;
	color: #475569;
	line-height: 1.5;
}

.item-ai-note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 20px;
	padding: 16px;
	border: 1px solid #e6f0ff;
	border-radius: 8px;
	background: #f0f6ff;
	color: #1268e8;
	font-size: 13px;
	line-height: 1.5;
}

textarea {
	resize: none !important;
}

.info-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
}

.item-ai-foot {
	border-top: 1px solid #e5e9ef;
}

.item-ai-results {
	width: 100%;
	border-collapse: collapse;
	margin-top: 16px;
}

.item-ai-results th,
.item-ai-results td {
	padding: 11px 10px;
	border: 1px solid #dfe4ea;
	vertical-align: top;
}

.item-ai-results th {
	background: #f8f9fb;
}

.item-ai-status {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	font-weight: 500;
	font-size: 12px;
}

.item-ai-status.good {
	background: #e9f8ed;
	color: #218a3c;
}

.item-ai-status.review {
	background: #fff3e0;
	color: #e65100;
}

.item-result-input,
.item-result-textarea {
	width: 100%;
	border: 1px solid #dfe4ea;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: 13px;
	font-family: inherit;
	transition: border-color 0.2s;
}

.item-result-input:focus,
.item-result-textarea:focus {
	outline: none;
	border-color: #438FFE;
}

.item-result-textarea {
	min-height: 60px;
	resize: none;
}

.item-btn-retranslate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #dce2ea;
	color: #475569;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.2s;
	white-space: nowrap;
}

.item-btn-retranslate:hover:not(:disabled) {
	border-color: #cbd5e1;
	color: #172033;
}

.item-btn-retranslate:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.item-result-back-trans {
	font-size: 13px;
	color: #64748b;
	line-height: 1.5;
	padding: 4px;
	background: #f8fafc;
	border-radius: 4px;
	border: 1px solid #f1f5f9;
}

.item-result-back-trans .field-label {
	font-weight: 600;
	color: #475569;
	margin-bottom: 2px;
	display: block;
	font-size: 12px;
}

.item-result-back-trans .field-value {
	margin-bottom: 8px;
	word-break: break-word;
	color: #334155;
}

.item-result-back-trans .field-value:last-child {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.item-language-field {
		grid-template-columns: 1fr;
	}

	.item-language-label {
		padding-bottom: 4px;
	}

	.item-option-section .h-option-child {
		grid-template-columns: 1fr;
		gap: 12px;
		align-items: flex-start !important;
	}

	.item-option-section .h-option-summary {
		display: block;
	}

	.item-option-section .h-option-value {
		margin-top: 10px;
		padding-right: 0;
	}

	.item-option-section .h-option-process {
		justify-self: end;
	}

	.item-ai-source-grid {
		grid-template-columns: 1fr;
	}

	.item-ai-scope-row {
		flex-direction: column;
		gap: 8px;
	}
}

/* Option groups: compact card list. Keep table markup for existing CRUD/AI selectors. */
.item-option-section {
	padding: 0;
}

.item-option-section>.trans-ui-head {
	min-height: 44px;
	padding: 0 0 14px !important;
}

.item-option-section>.trans-ui-tabs {
	margin: 0 0 14px;
	padding: 0 !important;
}

.item-option-section>table.nl-table {
	display: block;
	margin-top: 0 !important;
	border: 0;
	background: transparent;
}

.item-option-section>table.nl-table thead {
	display: none;
}

.item-option-section>table.nl-table tbody {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.item-option-section>table.nl-table tr.h-parent-option {
	display: grid;
	grid-template-columns: minmax(170px, 230px) minmax(0, 1fr) auto;
	align-items: center;
	width: 100%;
	min-height: 72px;
	border: 1px solid #e2e8f0;
	border-radius: 9px;
	background: #fff;
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.item-option-section>table.nl-table tr.h-parent-option:hover {
	border-color: #9ec5fe;
	background: #fbfdff;
	box-shadow: 0 3px 12px rgba(18, 104, 232, .08);
}

.item-option-section>table.nl-table tr.h-parent-option>td {
	display: block;
	width: auto !important;
	min-width: 0;
	padding: 14px 16px;
	border: 0 !important;
	background: transparent;
}

.item-option-section>table.nl-table tr.h-parent-option>.h-option-set {
	align-self: stretch;
	padding-right: 18px;
	border-right: 1px solid #edf1f5 !important;
	color: #1e293b;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.item-option-section .h-option-value-container {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	min-width: 0;
}

.item-option-section .item-option-chip {
	min-width: 0;
	max-width: 100%;
	padding: 7px 10px;
	gap: 14px;
	border-color: #dbe5f2;
	border-radius: 6px;
	background: #f8fbff;
}

.item-option-section .item-option-chip>span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.item-option-section>table.nl-table tr.h-parent-option>.h-option-process {
	padding-left: 8px;
	white-space: nowrap;
}

.item-option-section>table.nl-table tbody>tr[id^="empty-"] {
	display: table-row;
	width: 100%;
	border: 1px dashed #d7dee8;
	border-radius: 8px;
	background: #fafcff;
}

.item-option-section>table.nl-table tbody>tr[id^="empty-"] td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 0;
}

@media (max-width: 760px) {
	.item-option-section {
		padding: 14px;
	}

	.item-option-section>.trans-ui-head {
		align-items: flex-start;
		gap: 10px;
	}

	.item-option-section>.trans-ui-head .trans-ui-actions {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.item-option-section>table.nl-table tr.h-parent-option {
		grid-template-columns: 1fr auto;
	}

	.item-option-section>table.nl-table tr.h-parent-option>.h-option-set {
		grid-column: 1 / -1;
		padding-bottom: 10px;
		border-right: 0 !important;
		border-bottom: 1px solid #edf1f5 !important;
	}

	.item-option-section>table.nl-table tr.h-parent-option>.h-option-value {
		padding-top: 12px;
		padding-right: 6px;
	}

	.item-option-section>table.nl-table tr.h-parent-option>.h-option-process {
		padding-top: 12px;
	}
}

@media (max-width: 520px) {
	.item-option-section>.trans-ui-head {
		display: block;
	}

	.item-option-section>.trans-ui-head .trans-ui-actions {
		display: flex;
		justify-content: flex-start;
		margin-top: 10px;
	}

	.item-option-section>table.nl-table tr.h-parent-option {
		display: block;
	}

	.item-option-section>table.nl-table tr.h-parent-option>.h-option-process {
		padding-top: 4px;
		text-align: right;
	}

	.item-option-section>table.nl-table tr.h-parent-option>.h-option-process>div {
		justify-content: flex-end !important;
	}
}

/* ========================================= */
/* AI Translation Action Button              */
/* ========================================= */

#translation-workbench {
	min-height: calc(100vh - 60px);
}

#translation-workbench .nl-filter>.nl-row:last-child {
	align-items: center;
	gap: 8px;
}

#translation-workbench .nl-filter>.nl-row:last-child .nl-btn {
	height: 32px;
	min-height: 32px;
	margin-left: 0;
	padding: 0 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #475569;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
}

#translation-workbench .nl-filter>.nl-row:last-child .h-btn-add {
	min-width: 66px;
	padding: 0 16px;
	border-color: #2563eb !important;
	background: #2563eb !important;
	color: #fff !important;
	font-weight: 600;
}

#translation-workbench .nl-filter>.nl-row:last-child .nl-btn:disabled {
	border-color: #e2e8f0;
	background: #f8fafc;
	color: #94a3b8;
	opacity: 1;
	cursor: not-allowed;
}

#translation-workbench .translation-table-card {
	width: 100%;
	margin-top: 14px;
	overflow: visible;
}

#translation-workbench .translation-table {
	width: 100%;
	table-layout: fixed;
}

#translation-workbench .translation-table th,
#translation-workbench .translation-table td {
	padding: 8px 7px;
	vertical-align: top;
}

#translation-workbench .translation-index {
	width: 72px;
	text-align: center;
}

#translation-workbench .translation-index-content {
	display: grid;
	grid-template-columns: 20px max-content;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

#translation-workbench .translation-select-control {
	justify-content: center;
	margin: 0;
}

#translation-workbench .translation-number {
	min-width: 0;
	text-align: center;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
}

#translation-workbench .translation-key {
	width: 21%;
	min-width: 0;
	word-break: break-word;
}

#translation-workbench th.translation-key {
	text-align: center;
}

#translation-workbench td.translation-key {
	text-align: left;
}

#translation-workbench .translation-languages {
	width: auto;
}

#translation-workbench .translation-key-heading {
	display: block;
	width: 100%;
}

#translation-workbench .translation-key strong {
	display: block;
	max-width: 100%;
	overflow-wrap: anywhere;
	font-size: 12px;
}

#translation-workbench .translation-standard[hidden] {
	display: none !important;
}

#translation-workbench .translation-standard {
	display: flex;
	width: fit-content;
	user-select: none;
	align-items: center;
	gap: 5px;
	margin: 0 0 0 6px;
	height: 20px;
	box-sizing: border-box;
	padding: 0 8px;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: #eff6ff;
	color: #2563eb;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
}

#translation-workbench .translation-standard::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #3b82f6;
}

#translation-workbench .translation-source {
	margin-top: 12px;
	padding: 9px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #f8fafc;
	font-size: 11px;
	line-height: 1.45;
}

#translation-workbench .translation-source-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

#translation-workbench .translation-source-heading b {
	color: #334155;
	font-size: 11px;
	font-weight: 700;
}

#translation-workbench .translation-source-locale {
	width: auto;
	min-width: 96px;
	height: 28px;
	padding: 3px 8px;
	font-size: 11px;
}

#translation-workbench .translation-source-heading .nice-select {
	width: 104px;
	height: 28px;
	min-height: 28px;
	padding-left: 10px;
	padding-right: 28px;
	border-color: #d8e0ea;
	border-radius: 4px;
	font-size: 11px;
	line-height: 26px;
}

#translation-workbench .translation-source-heading .nice-select .nice-select-dropdown {
	min-width: 150px;
}

#translation-workbench .translation-source-input {
	margin: 8px 0 0;
	padding-top: 8px;
	border-top: 1px solid #e2e8f0;
}

#translation-workbench .translation-source-textarea {
	width: 100%;
	min-height: 58px;
	max-height: 120px;
	padding: 7px 8px;
	border: 1px solid #d8e0ea;
	border-radius: 4px;
	background: #fff;
	color: #334155;
	font: inherit;
	line-height: 1.45;
	resize: vertical;
}

#translation-workbench .translation-key label {
	display: block;
	margin-top: 12px;
	font-size: 11px;
	font-weight: 700;
}

#translation-workbench .translation-note,
#translation-workbench .translation-textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d8e0ea;
	border-radius: 4px;
	background: #fff;
	color: #1f2937;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.45;
	resize: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

#translation-workbench .translation-note {
	height: 136px;
	margin-top: 5px;
	padding: 8px 10px;
	overflow: auto;
}

#translation-workbench .translation-textarea {
	height: 58px;
	min-height: 58px;
	padding: 8px 10px;
	overflow: auto;
}

#translation-workbench .translation-textarea.is-empty,
#translation-workbench .translation-note[data-note-required="1"].is-empty {
	border-color: #f87171 !important;
	background: #fff;
}

#translation-workbench .translation-note:focus,
#translation-workbench .translation-textarea:focus {
	outline: 0;
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, .12);
}

#translation-workbench .translation-new-key {
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
}

#translation-workbench .translation-new-key label {
	margin-top: 4px;
}

#translation-workbench .translation-row-error {
	margin-bottom: 8px;
	padding: 7px 8px;
	border: 1px solid #fecaca;
	border-radius: 4px;
	background: #fff1f2;
	color: #b91c1c;
	font-size: 11px;
}

#translation-workbench .translation-usage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 12px;
}

#translation-workbench .translation-usage .nl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	min-width: 78px;
	padding: 0 10px;
	border: 1px solid #cbd5e1;
	background: #fff;
	color: #475569;
	font-size: 12px;
	font-weight: 500;
}

#translation-workbench .translation-row-standard-impact {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#translation-workbench .translation-usage .translation-delete {
	border-color: #45496f;
	background-color: #45496f;
	color: #fff;
}

#translation-workbench .translation-usage .translation-delete:hover,
#translation-workbench .translation-usage .translation-delete:focus-visible {
	border-color: #363a5b;
	background-color: #363a5b;
	color: #fff;
}

#translation-workbench .translation-usage .translation-find-usage {
	border-color: #438ffe;
	background-color: #fff;
	color: #438ffe;
}

#translation-workbench .translation-usage .translation-find-usage:hover,
#translation-workbench .translation-usage .translation-find-usage:focus-visible {
	border-color: #2876df;
	background-color: #eff6ff;
	color: #2876df;
}

#translation-workbench .translation-usage .translation-cancel {
	border-color: #438ffe;
	background-color: #fff;
	color: #438ffe;
}

#translation-workbench .translation-check-keys-modal {
	z-index: 215;
}

#translation-workbench .translation-check-keys-dialog {
	display: flex;
	flex-direction: column;
	width: min(1600px, calc(100vw - 40px));
	max-width: 1600px;
	max-height: calc(100vh - 40px);
	overflow: hidden;
}

#translation-workbench .translation-check-keys-body {
	display: flex;
	min-height: 0;
	flex: 1 1 auto;
	flex-direction: column;
	overflow: hidden;
	padding: 14px 16px;
}

#translation-workbench .translation-check-keys-summary {
	margin-bottom: 14px;
	padding: 12px 14px;
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	background: #eff6ff;
	color: #334155;
}

#translation-workbench .translation-check-keys-intro {
	display: block;
	font-size: 14px;
	line-height: 1.45;
}

#translation-workbench .translation-check-keys-groups {
	display: grid;
	min-height: 0;
	gap: 12px;
	overflow: auto;
	padding-right: 3px;
}

#translation-workbench .translation-check-keys-platform-scope {
	margin-bottom: 10px;
	padding: 9px 12px;
	border: 1px solid #f6c453;
	border-left: 4px solid #f59e0b;
	border-radius: 6px;
	background: #fffbeb;
	color: #92400e;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

#translation-workbench .translation-check-keys-group {
	padding: 12px;
	border: 1px solid #dbe3ed;
	border-radius: 6px;
	background: #fff;
}

#translation-workbench .translation-check-keys-group h3 {
	margin: 0 0 8px;
	color: #334155;
	font-size: 13px;
}

#translation-workbench .translation-check-keys-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
}

#translation-workbench .translation-check-keys-item {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 8px;
	border-radius: 5px;
	background: #f8fafc;
}

#translation-workbench .translation-check-keys-item-actions {
	flex: 0 0 auto;
	margin-left: auto;
}

#translation-workbench .translation-check-keys-item-content {
	display: grid;
	min-width: 0;
	gap: 3px;
}

#translation-workbench .translation-check-keys-primary {
	color: #1e293b;
	font-size: 13px;
	line-height: 1.4;
}

#translation-workbench .translation-check-keys-technical {
	color: #64748b;
	font-family: Consolas, Monaco, monospace;
	font-size: 10px;
}

#translation-workbench .translation-check-keys-item-content strong,
#translation-workbench .translation-check-keys-item-content span,
#translation-workbench .translation-check-keys-item-content small {
	overflow-wrap: anywhere;
}

#translation-workbench .translation-check-keys-item-content small,
#translation-workbench .translation-check-keys-empty {
	margin: 0;
	color: #64748b;
	font-size: 11px;
}

#translation-workbench .translation-check-source-editor {
	display: block;
}

#translation-workbench .translation-check-source-text {
	min-height: 58px;
	height: 58px;
	resize: vertical;
}

#translation-workbench .translation-check-source-item {
	display: block;
	min-width: 0;
	padding: 10px;
	border: 1px solid #dbe3ed;
	border-radius: 5px;
	background: #f8fafc;
}

#translation-workbench .translation-check-source-card-head {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: start;
	gap: 8px;
	min-height: 42px;
	margin-bottom: 8px;
}

#translation-workbench .translation-check-source-metadata {
	gap: 1px;
}

#translation-workbench .translation-check-source-item .translation-check-keys-item-actions {
	margin-left: 0;
}

#translation-workbench .translation-check-source-item .translation-check-keys-primary {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#translation-workbench .translation-check-source-item .translation-check-keys-technical {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#translation-workbench .translation-check-source-field {
	min-height: 0;
}

#translation-workbench .translation-check-source-head {
	justify-content: flex-start;
	margin-bottom: 5px;
}

#translation-workbench .translation-check-source-locale {
	width: min(100%, 190px);
	height: 28px;
	min-height: 28px;
	padding: 3px 26px 3px 8px;
	font-size: 11px;
}

#translation-workbench .translation-check-source-head .nice-select {
	width: min(100%, 190px);
	max-width: 100%;
	height: 32px;
	min-height: 32px;
	padding: 0 30px 0 14px !important;
	border-color: #e2e8f0;
	border-radius: 6px;
	font-size: 13px;
	line-height: 30px;
}

#translation-workbench .translation-check-source-head .nice-select .current {
	line-height: 30px;
}

#translation-workbench .translation-check-source-head .nice-select.open {
	z-index: 30;
}

#translation-workbench .translation-check-source-head .nice-select .nice-select-dropdown {
	position: fixed;
	min-width: 230px;
	max-width: calc(100vw - 16px);
}

#translation-workbench .translation-check-keys-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 12px 16px;
	border-top: 1px solid #e2e8f0;
	background: #fff;
}

#translation-workbench .translation-check-keys-actions[hidden] {
	display: none !important;
}

#translation-workbench .translation-check-keys-empty-state {
	display: flex;
	min-height: 110px;
	margin: 0;
	align-items: center;
	justify-content: center;
	border: 1px dashed #cbd5e1;
	border-radius: 6px;
	background: #f8fafc;
	color: #64748b;
	font-size: 13px;
	text-align: center;
}

@media (max-width: 1300px) {
	#translation-workbench .translation-check-keys-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	#translation-workbench .translation-check-keys-list {
		grid-template-columns: 1fr;
	}
}


#translation-workbench .translation-check-keys-existing {
	margin: 0;
	padding: 10px 12px;
	border-radius: 5px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
}

#translation-workbench .translation-usage-modal {
	z-index: 210;
}

#translation-workbench .translation-usage-modal.is-new-key-preview {
	z-index: 220;
}

#translation-workbench .translation-usage-dialog {
	display: flex;
	flex-direction: column;
	width: min(1600px, calc(100vw - 40px));
	max-width: 1600px;
	height: min(900px, calc(100vh - 40px));
	max-height: calc(100vh - 40px);
	overflow: hidden;
}

#translation-workbench .translation-usage-header {
	flex: 0 0 auto;
}

#translation-workbench .translation-usage-header .h-title {
	padding-right: 36px;
	overflow-wrap: anywhere;
}

#translation-workbench .translation-usage-header code {
	overflow-wrap: anywhere;
	color: #334155;
	font-family: inherit;
}

#translation-workbench .translation-usage-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: auto;
	min-height: 0;
	max-height: calc(100vh - 125px);
	padding: 0;
	overflow: hidden;
	border-radius: 0 0 7px 7px;
}

#translation-workbench .translation-usage-preview-status {
	color: #64748b;
	font-size: 12px;
	line-height: 1.4;
}

#translation-workbench .translation-usage-main {
	display: grid;
	grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
	flex: 1;
	min-height: 0;
}

#translation-workbench .translation-usage-content {
	overflow: auto;
	padding: 12px;
	border-right: 1px solid #e2e8f0;
}

#translation-workbench .translation-usage-summary {
	margin: 0 0 10px;
	font-weight: 600;
}

#translation-workbench .translation-usage-results {
	display: grid;
	gap: 10px;
}

#translation-workbench .translation-usage-match {
	padding: 10px;
	border: 1px solid #dbe3ed;
	border-radius: 5px;
	background: #fff;
}

#translation-workbench .translation-usage-match.is-active {
	border-color: #438ffe;
	box-shadow: 0 0 0 2px rgba(67, 143, 254, .12);
}

#translation-workbench .translation-usage-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

#translation-workbench .translation-usage-file {
	overflow-wrap: anywhere;
	font-size: 12px;
}

#translation-workbench .translation-usage-badge {
	padding: 3px 7px;
	border-radius: 12px;
	color: #fff;
	font-size: 10px;
	white-space: nowrap;
}

#translation-workbench .translation-usage-badge.is-direct {
	background: #198754;
}

#translation-workbench .translation-usage-badge.is-key-text {
	background: #64748b;
}

#translation-workbench .translation-usage-context {
	overflow: auto;
	margin-top: 8px;
	background: #f6f7f9;
	font: 11px/1.5 monospace;
}

#translation-workbench .translation-usage-context-row {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
}

#translation-workbench .translation-usage-context-row.is-match {
	background: #fff3cd;
	font-weight: 600;
}

#translation-workbench .translation-usage-line {
	padding: 2px 7px;
	color: #64748b;
	text-align: right;
	user-select: none;
}

#translation-workbench .translation-usage-code {
	padding: 2px 7px;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

#translation-workbench .translation-usage-preview-action {
	margin-top: 8px;
}

#translation-workbench .translation-usage-preview-btn {
	height: 28px;
	padding: 0 10px;
	border: 0;
	border-radius: 4px;
	background: #438ffe;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}

#translation-workbench .translation-usage-unavailable {
	color: #64748b;
	font-size: 11px;
}

#translation-workbench .translation-usage-preview {
	display: block;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

#translation-workbench .translation-usage-preview[hidden],
#translation-workbench .translation-usage-preview-empty[hidden] {
	display: none;
}

#translation-workbench .translation-usage-preview-header {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	box-sizing: border-box;
	padding: 8px 12px;
	border-bottom: 1px solid #e2e8f0;
}

#translation-workbench .translation-usage-preview-title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#translation-workbench .translation-usage-open-link {
	white-space: nowrap;
	color: #2876df;
}

#translation-workbench .translation-usage-frame {
	width: 100%;
	height: calc(100% - 46px);
	border: 0;
	background: #fff;
}

#translation-workbench .translation-usage-preview-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	color: #64748b;
	text-align: center;
}

@media (max-width: 900px) {
	#translation-workbench .translation-usage-dialog {
		width: calc(100vw - 20px);
		height: calc(100vh - 20px);
		max-height: calc(100vh - 20px);
	}

	#translation-workbench .translation-usage-body {
		height: calc(100vh - 105px);
		max-height: calc(100vh - 105px);
	}

	#translation-workbench .translation-usage-main {
		grid-template-columns: 1fr;
	}

	#translation-workbench .translation-usage-content {
		max-height: 42vh;
		border-right: 0;
		border-bottom: 1px solid #e2e8f0;
	}
}

#translation-workbench .translation-matrix {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

#translation-workbench .translation-language-card {
	min-width: 0;
	min-height: 85px;
	padding: 0;
	border: 0;
	background: transparent;
}

#translation-workbench .translation-standard-changed {
	display: inline-block;
	max-width: 118px;
	padding: 2px 7px;
	border: 1px solid #fdba74;
	border-radius: 999px;
	background: #fff7ed;
	color: #c2410c;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#translation-workbench .translation-standard-impact-dialog {
	display: flex;
	flex-direction: column;
	width: min(920px, calc(100vw - 32px));
	max-height: calc(100vh - 80px);
	overflow: hidden;
}

#translation-workbench .translation-standard-impact-dialog>.nl-head {
	flex: 0 0 auto;
}

#translation-workbench .translation-standard-impact-body {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	padding-bottom: 14px;
	overflow-y: auto;
}

#translation-workbench .translation-standard-impact-summary {
	padding: 12px;
	border-radius: 8px;
	background: #f8fafc;
}

#translation-workbench .translation-standard-impact-warning {
	padding: 10px 12px;
	border: 1px solid #fdba74;
	border-radius: 8px;
	color: #9a3412;
	background: #fff7ed;
}

#translation-workbench .translation-standard-impact-section {
	margin-top: 16px;
}

#translation-workbench .translation-standard-impact-optional>summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
}

#translation-workbench .translation-standard-impact-help {
	margin: 6px 0 10px;
	color: #475569;
	font-size: 12px;
	line-height: 1.5;
}

#translation-workbench .translation-standard-impact-group {
	margin-top: 10px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
}

#translation-workbench .translation-standard-impact-group-title {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	background: #f8fafc;
}

#translation-workbench .translation-standard-impact-locale,
#translation-workbench .translation-standard-impact-count {
	padding: 2px 7px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	color: #475569;
	font-size: 11px;
}

#translation-workbench .translation-standard-impact-items {
	max-height: none;
	overflow: visible;
}

#translation-workbench .translation-standard-impact-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 12px;
	border-top: 1px solid #e5e7eb;
}

#translation-workbench .translation-standard-impact-item:first-child {
	border-top: 0;
}

#translation-workbench .translation-standard-impact-detail {
	min-width: 0;
}

#translation-workbench .translation-standard-impact-locales {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 7px;
}

#translation-workbench .translation-standard-impact-languages-label {
	margin-right: 2px;
	color: #475569;
	font-size: 11px;
	font-weight: 600;
}

#translation-workbench .translation-standard-impact-key {
	display: block;
	color: #1e3a5f;
	font-size: 13px;
	overflow-wrap: anywhere;
}

#translation-workbench .translation-standard-impact-reason {
	margin-top: 4px;
	color: #64748b;
	font-size: 11px;
	overflow-wrap: anywhere;
}

#translation-workbench .translation-standard-impact-open {
	flex: 0 0 auto;
}

@media (max-width: 640px) {
	#translation-workbench .translation-standard-impact-item {
		align-items: flex-start;
		flex-direction: column;
	}
}

#translation-workbench .translation-standard-impact-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 20px 12px;
	padding: 12px 16px;
	border: 1px solid #fdba74;
	border-radius: 8px;
	background: #fffbeb;
	color: #9a3412;
	font-weight: 600;
}

#translation-workbench .translation-cell-error {
	margin-top: 4px;
	padding: 4px 6px;
	border: 1px solid #fed7aa;
	border-radius: 4px;
	background: #fff7ed;
	color: #9a3412;
	font-size: 10px;
	line-height: 1.35;
}

#translation-workbench .translation-language-head {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
	min-height: 22px;
	margin-bottom: 5px;
	font-size: 10px;
}

#translation-workbench .translation-language-head>span:nth-of-type(1) {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#translation-workbench .translation-language-head> :not(span:nth-of-type(1)) {
	flex: 0 0 auto;
}

#translation-workbench .translation-language-head b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #dbe3ed;
	border-radius: 4px;
	background: #f8fafc;
	color: #334155;
	font-size: 10px;
	font-weight: 700;
}

#translation-workbench .translation-language-head span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	color: #64748b;
}

#translation-workbench .translation-source-provenance {
	flex: 0 0 auto;
	max-width: 112px;
	padding: 3px 6px;
	border: 1px solid #dbe3ed;
	border-radius: 10px;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.2;
	cursor: help;
}

.translation-provenance-tooltip.ui-tooltip {
	max-width: 360px;
	padding: 7px 10px;
	border: 0;
	border-radius: 4px;
	background: #1e293b;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
	color: #fff;
	font-family: inherit;
	font-size: 11px;
	line-height: 1.4;
	white-space: pre-line;
}

#translation-workbench .translation-source-provenance.is-current-source {
	border-color: #a7f3d0;
	background: #ecfdf5;
	color: #047857;
}

#translation-workbench .translation-source-provenance.is-previous-source {
	border-color: #fed7aa;
	background: #fff7ed;
	color: #c2410c;
}

#translation-workbench .translation-source-provenance.is-unknown {
	border-color: #cbd5e1;
	background: #f8fafc;
	color: #64748b;
}

#translation-workbench .translation-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #dbe3ed;
	border-radius: 4px;
	background: #fff;
	color: #475569;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	font-family: inherit;
	line-height: 1;
}

#translation-workbench .translation-score.is-unreviewed {
	border-color: #dbe3ed;
	background: #fff;
	color: #94a3b8;
}

#translation-workbench .translation-language-head>[hidden] {
	display: none !important;
}

#translation-workbench .translation-score.is-human {
	width: 44px;
	border-color: #cbd5e1;
	background: #f8fafc;
	color: #334155;
}

#translation-workbench .translation-score.is-scan-source {
	width: auto;
	min-width: 92px;
	border-color: #93c5fd;
	background: #eff6ff;
	color: #1d4ed8;
}

#translation-workbench .translation-score.is-warning {
	border-color: #fed7aa;
	background: #fff7ed;
	color: #ea580c;
}

#translation-workbench .translation-score.is-critical {
	border-color: #fca5a5;
	background: #fff1f2;
	color: #dc2626;
}

#translation-workbench .translation-score-button {
	padding: 0;
	cursor: pointer;
}

#translation-workbench .translation-score-button:hover,
#translation-workbench .translation-score-button:focus-visible {
	box-shadow: 0 0 0 2px rgba(37, 99, 235, .16);
}

#translation-workbench .translation-review-panel {
	width: min(520px, calc(100vw - 40px));
	max-width: 520px;
	overflow: hidden;
}

#translation-workbench .translation-review-header .h-title {
	padding-right: 36px;
}

#translation-workbench .translation-review-body {
	display: grid;
	gap: 14px;
	padding: 16px;
}

#translation-workbench .translation-review-result {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 6px;
	background: #f8fafc;
}

#translation-workbench .translation-review-status {
	color: #475569;
	font-size: 13px;
	font-weight: 600;
}

#translation-workbench .translation-review-status.is-warning {
	color: #ea580c;
}

#translation-workbench .translation-review-status.is-critical {
	color: #dc2626;
}

#translation-workbench .translation-review-score {
	color: #475569;
	font-size: 16px;
}

#translation-workbench .translation-review-item h3 {
	margin: 0 0 6px;
	color: #334155;
	font-size: 12px;
}

#translation-workbench .translation-review-reason-item {
	display: none !important;
}

#translation-workbench .translation-review-item p {
	min-height: 48px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #dbe3ed;
	border-radius: 6px;
	background: #fff;
	color: #475569;
	font-size: 13px;
	line-height: 1.55;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

#translation-workbench .translation-human-verify {
	min-width: 58px;
	height: 22px;
	padding: 0 7px;
	border: 1px solid #93c5fd;
	border-radius: 4px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
}

#translation-workbench .translation-human-verify.is-saving {
	border-color: #93c5fd;
	background: #eff6ff;
	color: #1d4ed8;
	cursor: wait;
	opacity: .75;
}

#translation-workbench .translation-human-verify.is-error {
	border-color: #fca5a5;
	background: #fef2f2;
	color: #b91c1c;
}

#translation-workbench .translation-human-verify.is-verified {
	border-color: #86efac;
	background: #f0fdf4;
	color: #15803d;
}

#translation-workbench .translation-human-verify.is-needs-reverify {
	border-color: #fdba74;
	background: #fff7ed;
	color: #c2410c;
}

#translation-workbench .translation-human-verify:hover,
#translation-workbench .translation-human-verify:focus-visible {
	box-shadow: 0 0 0 2px rgba(37, 99, 235, .16);
}

#translation-workbench .translation-locale-ai {
	min-width: 58px;
	height: 22px;
	padding: 0 7px;
	border: 1px solid #dbe3ed;
	border-radius: 4px;
	background: #fff;
	color: #64748b;
	font-size: 10px;
	font-weight: 500;
	white-space: nowrap;
}

#translation-workbench .translation-locale-ai:hover,
#translation-workbench .translation-locale-ai:focus-visible {
	border-color: #93c5fd;
	background: #eff6ff;
	color: #2563eb;
}

#translation-workbench .nl-tbl-grp__bottom {
	width: 100%;
	box-sizing: border-box;
}

#translation-workbench .h-pagination-wrapper {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

@media (max-width: 1200px) {
	#translation-workbench .translation-matrix {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	#translation-workbench .translation-table {
		min-width: 860px;
	}

	#translation-workbench .translation-matrix {
		grid-template-columns: 1fr;
	}
}

.item-option-action-btn.ai-translate {
	border-color: #1268e8;
	color: #1268e8;
	font-size: 16px;
	line-height: 1;
}

.item-option-action-btn.ai-translate:hover {
	background: #e6f0ff;
	border-color: #0f56c2;
	color: #0f56c2;
}

.translation-key-scan-dialog {
	max-width: 900px;
	width: calc(100% - 40px)
}

.translation-key-scan-body {
	display: flex;
	flex-direction: column;
	gap: 18px;
	max-height: 75vh;
	overflow: auto
}

.translation-key-scan-summary {
	margin: 0;
	padding: 12px 14px;
	border-radius: 8px;
	background: #f5f7fa;
	color: #344054
}

.translation-key-scan-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px
}

.translation-key-scan-group {
	min-width: 0;
	padding: 14px;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #fff
}

.translation-key-scan-group h3 {
	margin: 0 0 10px;
	font-size: 15px
}

.translation-key-scan-group.is-empty {
	opacity: .65
}

.translation-key-scan-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 230px;
	overflow: auto
}

.translation-key-scan-item {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	padding: 8px;
	border-radius: 7px;
	background: #f8fafc
}

.translation-key-scan-item>span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px
}

.translation-key-scan-item code {
	overflow-wrap: anywhere
}

.translation-key-scan-item small {
	color: #667085
}

.translation-key-scan-help {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 14px;
	border-radius: 8px;
	background: #fff7ed;
	color: #9a3412
}

.translation-key-scan-help code {
	overflow-wrap: anywhere
}

.translation-key-scan-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	position: sticky;
	bottom: 0;
	padding-top: 12px;
	background: #fff
}

@media(max-width:760px) {
	.translation-key-scan-groups {
		grid-template-columns: 1fr
	}

	.translation-key-scan-dialog {
		width: calc(100% - 20px)
	}
}


/* Shared content translation provenance/status */
.trans-ui-main-source {
	margin-bottom: 16px;
}

.trans-ui-main-source-label {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	border-bottom: 1px solid #e4e6eb;
	color: #438ffe;
	font-size: 14px;
	font-weight: 600;
}

.trans-ui-main-source-label .trans-ui-status-badge {
	margin-left: 0;
}

.trans-ui-main-source-fields {
	border-left: 1px solid #e4e6eb;
}

.trans-ui-language-tabs {
	display: flex;
	flex-wrap: wrap;
	overflow: visible;
	gap: 8px 10px;
	padding: 12px 16px;
	margin-bottom: 0;
	background: #f8fafc;
}

.trans-ui-language-tabs::-webkit-scrollbar {
	display: none;
}

.trans-ui-language-tabs .trans-ui-tab-btn {
	flex: 0 0 auto;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	padding: 0 14px;
	height: 38px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	color: #334155;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.trans-ui-language-tabs .trans-ui-tab-btn:hover {
	background: #f1f5f9;
	border-color: #94a3b8;
	color: #0f172a;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.trans-ui-language-tabs .trans-ui-tab-btn.active {
	background: #eff6ff;
	color: #1d4ed8;
	border: 1.5px solid #2563eb;
	box-shadow: 0 1px 3px rgba(37, 99, 235, 0.18);
	transform: none;
}

.trans-ui-language-tabs .trans-ui-tab-btn.active::after {
	display: none;
}

.trans-ui-tab-flag {
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
	flex-shrink: 0;
	vertical-align: middle;
	display: inline-block;
}

.trans-ui-status-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 6px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #e8edf3;
	color: #526174;
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	white-space: nowrap;
}

/* Keep translated status labels inside narrow Quality cells at every viewport. */
.ai-trans-results .trans-ui-status-badge {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	margin-left: 0;
	white-space: normal;
	overflow-wrap: anywhere;
}

.trans-ui-status-badge.state-source,
.trans-ui-status-badge.state-human {
	background: #e7f6ec;
	color: #24733c;
}

.trans-ui-status-badge.state-ai {
	background: #e7f0ff;
	color: #175fc0;
}

.trans-ui-status-badge.state-mixed {
	background: #eee9ff;
	color: #6045b2;
}

.trans-ui-status-badge.state-partial,
.trans-ui-status-badge.state-needs_update,
.trans-ui-status-badge.state-source_copy {
	background: #fff1d8;
	color: #965b00;
}

.trans-ui-status-badge.state-missing_source,
.trans-ui-status-badge.state-unverified {
	background: #ffe7e7;
	color: #a52d2d;
}


/* Item option inline editor */
.item-option-groups-shared,
.item-option-inline-workspace {
	--option-value-columns: minmax(130px, max-content) minmax(140px, 1fr) minmax(115px, max-content) minmax(130px, 170px);
}

.item-option-groups-shared .trans-ui-main-source-fields,
.item-option-groups-shared .trans-ui-panel,
.item-option-inline-workspace .trans-ui-main-source-fields,
.item-option-inline-workspace .trans-ui-panel {
	min-width: 0;
	overflow-x: auto;
}

.item-option-section-head {
	margin-top: 24px !important;
}

.item-option-section-head .trans-ui-actions {
	align-items: center;
}

.item-option-add-group-btn {
	width: auto;
	min-width: 132px;
	white-space: nowrap;
}

.item-option-inline-editor {
	margin: 0;
	padding-top: 0;
}

.item-option-inline-editor[hidden],
.item-option-inline-workspace[hidden] {
	display: none !important;
}

.item-option-inline-workspace,
.item-option-editor-body {
	width: 100%;
}

.option-data-store {
	display: none !important;
}

.item-option-groups-shared .trans-ui-main-source-fields {
	box-sizing: border-box;
	width: 100%;
	border-right: 1px solid #e4e6eb;
}

.item-option-group {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	border-bottom: 1px solid #E4E6EB;
	border-radius: 0;
	background: #fff;
}

.item-option-editing-group {
	display: grid;
	grid-template-columns: 110px minmax(160px, .8fr) minmax(514px, 2fr);
	align-items: stretch;
	background: #fff;
	padding: 0;
	border-bottom: 1px solid #E4E6EB;
}

.item-option-group-layout {
	display: grid;
	grid-template-columns: minmax(165px, max-content) minmax(160px, .8fr) minmax(480px, 2fr);
	align-items: stretch;
	padding: 0;
	background: #fff;
}

.item-option-group-layout .item-option-table-label:first-child,
.item-option-editing-group > .trans-ui-field > .trans-ui-label {
	width: auto;
	white-space: normal;
	overflow-wrap: anywhere;
}

.item-option-table-label {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 8px 10px;
	background: #FAFAFA;
	border-right: 1px solid #E4E6EB;
	margin: 0;
	color: #222222;
	font-size: 13px;
	font-weight: 500;
	min-height: 38px;
}

.item-option-table-control {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 8px 10px;
	border-right: 1px solid #E4E6EB;
	background: transparent;
}

.item-option-group-layout>.item-option-table-control {
	border-right: 1px solid #E4E6EB;
}

.item-option-values-table {
	display: grid;
	grid-template-columns: var(--option-value-columns);
	align-items: stretch;
	min-width: 0;
	grid-column: 3;
	padding-left: 0;
}

.item-option-editing-group>.trans-ui-field {
	display: contents;
	height: 100%;
}

.item-option-editing-group>.trans-ui-field>.trans-ui-label {
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 500;
	color: #222222;
	display: flex;
	align-items: center;
	height: auto;
	border-bottom: 0;
}

.item-option-editing-group>.trans-ui-field>.trans-ui-control {
	padding: 8px 10px;
	border-right: 1px solid #E4E6EB;
	border-bottom: 0;
}

.item-option-editing-group>.trans-ui-repeated-rows {
	grid-column: 3;
	grid-row: 1;
	display: grid;
	grid-template-columns: var(--option-value-columns);
	grid-template-rows: repeat(var(--option-row-count, 1), 54px);
	align-items: stretch;
	min-width: 0;
	padding-left: 0;
}

.item-option-editing-group>.trans-ui-repeated-row-template {
	display: none;
}

.item-option-action-btn img {
	display: block;
	width: 16px;
	height: 16px;
}

.option-value-delete {
	flex: 0 0 32px;
}

.item-option-name-stack,
.item-option-price-stack,
.item-option-delete-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
	justify-content: center;
}

.item-option-name-stack .trans-ui-input,
.item-option-price-stack .trans-ui-input,
.item-option-group-layout .trans-ui-input,
.item-option-editing-group .trans-ui-input {
	width: 100%;
	height: 38px;
	padding: 6px 12px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fff;
	color: #222;
	font-size: 14px;
	box-sizing: border-box;
	transition: border-color .15s;
}

.item-option-delete-stack .item-option-action-btn,
.item-option-value-delete-cell .item-option-action-btn.option-value-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 38px;
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	opacity: 0.75;
	transition: opacity .15s;
}

.item-option-delete-stack .item-option-action-btn:hover,
.item-option-value-delete-cell .item-option-action-btn.option-value-delete:hover {
	border: none;
	background: transparent;
	opacity: 1;
}

.item-option-delete-stack .item-option-action-btn img,
.item-option-value-delete-cell .item-option-action-btn.option-value-delete img {
	display: block;
	width: 16px;
	height: 18px;
}

.item-option-delete-placeholder {
	flex: 0 0 38px;
	width: 32px;
	height: 38px;
}

.item-option-price-cell {
	gap: 8px;
}

.item-option-price-cell > .item-option-price-stack {
	flex: 1;
	min-width: 0;
}

.item-option-price-cell > .item-option-delete-stack {
	flex: 0 0 32px;
}

.trans-ui-repeated-source-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 32%);
	align-items: end;
}

.trans-ui-repeated-source-row .trans-ui-field {
	min-width: 0;
}

.item-option-inline-workspace .item-option-editing-group .trans-ui-repeated-source-row {
	align-items: center;
}

.item-option-inline-workspace .item-option-editing-group .trans-ui-repeated-row {
	display: contents;
}

.item-option-inline-workspace .trans-ui-repeated-row-extra {
	display: contents;
}

.item-option-inline-workspace .trans-ui-repeated-row>.trans-ui-field,
.item-option-inline-workspace .trans-ui-repeated-row-extra .trans-ui-field {
	display: contents;
}

.item-option-inline-workspace .trans-ui-repeated-row>.trans-ui-field>.trans-ui-label,
.item-option-inline-workspace .trans-ui-repeated-row-extra .trans-ui-label {
	display: flex;
	align-items: center;
	min-width: 0;
	width: auto;
	padding: 8px 10px;
	background: #FAFAFA;
	border-bottom: 0;
	color: #222222;
	font-size: 13px;
	font-weight: 500;
	height: 38px;
}

.item-option-inline-workspace .trans-ui-repeated-row:not(:first-child) .trans-ui-label {
	display: none;
}

.item-option-inline-workspace .trans-ui-repeated-row:first-child .trans-ui-label {
	grid-row: 1 / -1;
	height: 100%;
}

.item-option-inline-workspace .trans-ui-repeated-row > .trans-ui-field > .trans-ui-label {
	grid-column: 1;
}

.item-option-inline-workspace .trans-ui-repeated-row > .trans-ui-field > .trans-ui-control {
	grid-column: 2;
}

.item-option-inline-workspace .trans-ui-repeated-row .option-source-price > .trans-ui-label {
	grid-column: 3;
}

.item-option-inline-workspace .trans-ui-repeated-row .option-source-price > .trans-ui-control {
	grid-column: 4;
	display: flex;
	align-items: center;
	gap: 8px;
}

.item-option-inline-workspace .option-source-price > .trans-ui-control > .trans-ui-input {
	flex: 1;
	min-width: 0;
}

.item-option-inline-workspace .option-source-price .item-option-value-delete-cell {
	flex: 0 0 32px;
}

.item-option-inline-workspace .trans-ui-repeated-row>.trans-ui-field>.trans-ui-control,
.item-option-inline-workspace .trans-ui-repeated-row-extra .trans-ui-control {
	padding: 8px 10px;
	border-bottom: 0;
}

.item-option-group-layout .item-option-group-primary-actions {
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 4px;
}

.item-option-add-value-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid #1268e8;
	border-radius: 6px;
	background: #fff;
	color: #1268e8;
	font-weight: 600;
	cursor: pointer;
}

.item-option-add-value-btn:hover {
	background: #eef6ff;
}

.item-option-add-value-label {
	text-transform: lowercase;
	margin-left: 3px;
}

.item-option-group-primary-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 4px;
}

.item-option-inline-workspace .trans-ui-control {
	min-width: 0;
}

.item-option-group-layout .item-option-table-label,
.item-option-editing-group .trans-ui-label {
	box-sizing: border-box;
	max-width: 100%;
	font-weight: 400;
}

.item-option-value-delete-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

@media (max-width: 760px) {
	.trans-ui-repeated-source-row {
		grid-template-columns: 1fr;
	}

	.item-option-section-head {
		align-items: flex-start;
		gap: 10px;
	}

	.item-option-section-head .trans-ui-actions {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.item-option-group-layout,
	.item-option-editing-group {
		min-width: 900px;
	}

	.item-option-group-layout {
		grid-template-columns: minmax(165px, max-content) minmax(160px, .8fr) minmax(480px, 2fr);
	}

	.item-option-editing-group {
		grid-template-columns: minmax(165px, max-content) minmax(160px, .8fr) minmax(480px, 2fr);
	}

	.item-option-values-table {
		grid-template-columns: var(--option-value-columns);
	}

	.item-option-groups-shared .trans-ui-main-source-fields,
	.item-option-groups-shared .trans-ui-panel {
		overflow-x: auto;
	}

	.item-option-inline-workspace .item-option-editing-group .trans-ui-repeated-source-row,
	.item-option-inline-workspace .item-option-editing-group .trans-ui-repeated-row {
		grid-template-columns: var(--option-value-columns);
	}
}

@media (max-width: 520px) {
	.item-option-section-head {
		flex-direction: column;
	}

	.item-option-section-head .trans-ui-actions,
	.item-option-section-head .ai-trans-outline-btn,
	.item-option-add-group-btn {
		width: 100%;
	}
}
/* All locales share field tracks; source actions occupy a separate footer. */
.item-option-group-layout,
.item-option-editing-group {
	grid-template-columns: minmax(165px, max-content) minmax(160px, .8fr) minmax(480px, 2fr);
	min-width: 815px;
}

.item-option-groups-shared .trans-ui-panel,
.item-option-inline-workspace .trans-ui-panel,
.item-option-inline-workspace .trans-ui-main-source-fields {
	box-sizing: border-box;
	width: 100%;
	border-right: 1px solid #e4e6eb;
}

/* Option groups wrap their fields, so the generic panel top edge does not apply. */
.item-option-groups-shared .trans-ui-panel,
.item-option-inline-workspace .trans-ui-panel {
	border-top: none;
}

.item-option-groups-shared .trans-ui-main-source-fields > .item-option-group:last-child,
.item-option-groups-shared .trans-ui-main-source .item-option-group:last-child,
.item-option-groups-shared .trans-ui-panel > .item-option-group:last-child,
.item-option-groups-shared .trans-ui-panel .item-option-group:last-child {
	border-bottom: none;
}

.item-option-group-actions-column {
	grid-column: 3;
	grid-row: 2;
	align-self: stretch;
	align-items: center;
	padding: 6px 10px;
	border-left: 0;
	white-space: nowrap;
}

/* Group name spans the value rows and the action footer. */
.item-option-group.has-option-actions > .item-option-group-layout,
.item-option-editing-group.is-source {
	grid-template-rows: auto auto;
}

.item-option-group.has-option-actions > .item-option-group-layout > .item-option-table-label,
.item-option-group.has-option-actions > .item-option-group-layout > .item-option-table-control,
.item-option-editing-group.is-source > .trans-ui-field > .trans-ui-label,
.item-option-editing-group.is-source > .trans-ui-field > .trans-ui-control {
	grid-row: 1 / 3;
}

.item-option-group.has-option-actions .item-option-values-table {
	grid-row: 1;
}

.item-option-group.has-option-actions .item-option-values-table,
.item-option-editing-group.is-source > .trans-ui-repeated-rows {
	border-bottom: 1px solid #e2e8f0;
}

.item-option-group:not(.has-option-actions) .item-option-values-table,
.trans-ui-panel .item-option-values-table,
.item-option-editing-group:not(.is-source) > .trans-ui-repeated-rows {
	border-bottom: none;
}

.item-option-group-actions-column .item-option-add-value-btn {
	min-width: 0;
	white-space: normal;
}

.item-option-value-input {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.item-option-value-input > .trans-ui-input {
	flex: 1;
	min-width: 0;
}

.item-option-inline-workspace .trans-ui-repeated-row > .trans-ui-field > .trans-ui-control {
	gap: 8px;
}

.item-option-value-input > .ai-translate,
.option-value-translate {
	flex: 0 0 32px;
}

.item-option-group-layout > .item-option-table-control,
.item-option-editing-group > .trans-ui-field > .trans-ui-control {
	gap: 8px;
}

.item-option-group-layout > .item-option-table-control > .ai-translate,
.item-option-editing-group > .trans-ui-field > .trans-ui-control > .ai-translate {
	flex: 0 0 32px;
}
/* Shared single-field translation editor. Hidden panels retain the form contract. */
.trans-field-layout > .trans-ui-language-tabs,
.trans-field-layout > .trans-ui-panel,
.trans-field-layout .trans-ui-source-action,
.trans-field-layout:not([data-inline-translation-action="1"]) .ai-translate { display:none !important; }
.trans-field-layout .trans-ui-main-source .trans-ui-field { flex-wrap:wrap; }
.trans-field-summary { display:flex; flex-wrap:wrap; gap:8px; padding:10px 16px; width:100%; min-width:0; max-width:100%; box-sizing:border-box; border-top:1px solid #e2e8f0; background:#f8fafc; overflow:visible; }
.trans-field-chip { position:relative; display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid #dce2ea; border-radius:6px; background:white; font-size:13px; cursor:default; }
.trans-field-tooltip { display:none; position:fixed; left:8px; top:8px; z-index:10000; width:max-content; max-width:min(420px,calc(100vw - 16px)); max-height:240px; overflow:auto; padding:10px; box-sizing:border-box; border-radius:6px; background:#172033; color:white; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:0 4px 12px #0003; font-weight:400; }
.trans-field-chip:hover .trans-field-tooltip { display:block; }
.trans-field-enter { border:0; border-radius:5px; background:#1268e8; color:white; padding:7px 13px; cursor:pointer; font-weight:600; }
.trans-field-actions { display:flex; justify-content:flex-end; margin:12px 0; }
.trans-field-results { width:100%; table-layout:fixed; }
.trans-field-results th { text-align:center !important; vertical-align:middle; }
.trans-field-results td { text-align:left; vertical-align:middle; overflow-wrap:anywhere; }
.trans-field-results th:first-child,
.trans-field-results td:first-child,
.trans-field-results th.trans-col-select,
.trans-field-results td.trans-col-select,
.trans-field-results th.col-cb,
.trans-field-results td.col-cb,
.trans-field-results td.trans-group-select { width:48px; text-align:center !important; vertical-align:middle; padding:8px 4px; }
.trans-field-results .nl-custom-check { display:inline-flex; justify-content:center; align-items:center; margin:0; }
.trans-field-results th.trans-col-language,
.trans-field-results td.trans-col-language,
.trans-field-results td.trans-group-language { width:130px; text-align:center !important; vertical-align:middle; }
.trans-field-results .trans-lang-cell { display:inline-flex; align-items:center; justify-content:center; gap:7px; margin:0 auto; text-align:center; white-space:nowrap; }
.trans-field-results td.trans-col-field,
.trans-field-results td.trans-group-field-label { text-align:left !important; vertical-align:middle; }
.trans-field-results td.trans-col-translation { text-align:left !important; vertical-align:middle; }
.trans-field-results td.trans-col-back,
.trans-field-results .trans-field-back,
.trans-field-results .trans-group-review { text-align:left !important; vertical-align:middle; }
.trans-field-results th.trans-col-quality,
.trans-field-results td.trans-col-quality { width:115px; text-align:center !important; vertical-align:middle; }
.trans-field-results td.trans-col-quality [data-quality-lang] { display:flex; align-items:center; justify-content:center; width:100%; margin:0 auto; text-align:center; }
.trans-field-results td.trans-col-quality .trans-ui-status-badge { margin:0 auto; }
.trans-field-results .trans-field-input { width:100%; min-width:0; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:5px; padding:9px; resize:vertical; font:inherit; text-align:left; }
.trans-field-modal .note-editor { width:100%; min-width:0; margin:0; box-sizing:border-box; text-align:left; }
.trans-field-modal .note-editor .note-toolbar { white-space:normal; }
.trans-field-modal .note-editor .note-editable { min-height:120px; text-align:left; overflow-wrap:anywhere; }
.trans-field-back { white-space:pre-wrap; }
.trans-group-results th:last-child { width:auto; }
.trans-group-results th:nth-last-child(2) { width:auto; }
.trans-group-field + .trans-group-field { margin-top:14px; }
.trans-group-field > small { display:block; margin-bottom:5px; color:#64748b; }
.trans-group-review { margin-top:6px; padding:8px; background:#f8fafc; border:1px solid #eef2f7; border-radius:4px; }
.trans-group-review > small { color:#64748b; }
.trans-group-review [data-quality-lang] { margin-top:6px; }
.trans-group-source { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.trans-group-source .ai-trans-field { min-width:0; }
.trans-group-source .trans-field-source-control { box-sizing:border-box; width:100%; min-width:0; }
.is-option-group .ai-trans-body { overflow-y:auto; overflow-x:hidden; min-height:0; }
.is-option-group .ai-trans-source-grid { grid-template-columns:115px minmax(0,1fr); gap:16px; }
.is-option-group .trans-group-source { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.is-option-group .trans-group-source > [data-group-source="0"] { grid-column:1 / -1; }
@media(min-width:701px) and (max-width:900px) {
 .is-option-group .trans-group-source { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.is-option-group textarea { overflow:hidden; resize:none; min-height:38px; line-height:1.5; height:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.is-option-group .trans-field-results textarea { padding:8px 10px; }
.is-option-group .trans-group-results th:nth-last-child(2) { width:23%; }
.is-option-group .trans-group-results td { padding:12px; }
.is-option-group .trans-group-results td:has([data-select-lang]) { padding:14px 8px; }
.is-option-group .trans-group-results tbody tr:nth-child(even) { background:#fbfcfe; }
.is-option-group .trans-group-field > small { line-height:1.4; }
.is-option-group .trans-group-review { padding:7px 9px; line-height:1.5; overflow-wrap:anywhere; }
.is-option-group .trans-group-review:not(.has-back) { display:flex; align-items:center; gap:8px; padding:4px 0; border:0; background:transparent; }
.is-option-group .trans-group-review:not(.has-back) > small,
.is-option-group .trans-group-review:not(.has-back) .trans-field-back { display:none; }
.is-option-group .trans-group-review:not(.has-back) [data-quality-lang] { margin-top:0; }
@media(max-width:700px) {
 .is-option-group .ai-trans-source-grid { grid-template-columns:minmax(0,1fr); }
 .is-option-group .trans-group-source { grid-template-columns:minmax(0,1fr); }
 .is-option-group .trans-group-results td:has(.trans-group-field) { width:100%; box-sizing:border-box; }
 .is-option-group .trans-group-results th:nth-last-child(2) { width:auto; }
}
@media(max-width:700px) { .trans-group-source { grid-template-columns:1fr; } }
.trans-field-back-help { display:flex; gap:10px; margin-top:16px; padding:14px 16px; border:1px solid #f1d487; border-radius:7px; background:#fff3cd; color:#795b09; font-size:13px; line-height:1.5; }
.trans-field-back-help > span { flex:0 0 auto; font-size:16px; }
.trans-field-back-help ol { margin: 6px 0 10px 0; padding-left: 20px; list-style-type: decimal !important; }
.trans-field-back-help li { margin-bottom: 5px; list-style-type: decimal !important; }
.trans-field-error { color:#b42318; margin:8px 0; }
.trans-field-modal .ai-trans-foot { gap:10px; }
.trans-field-modal .ai-trans-foot .btn-cancel { margin-left:auto; }
.trans-field-modal .ai-trans-dialog { width:min(1050px,96vw); }
.item-option-group > .trans-option-group-summary { width:100%; border-top:1px solid #e2e8f0; }
.item-option-editor-branch { width:100%; min-width:815px; box-sizing:border-box; }
.item-option-editor-branch > .item-option-editing-group { width:100%; box-sizing:border-box; }
.item-option-editor-branch > .trans-option-group-summary { width:100%; max-width:none; box-sizing:border-box; }
@media(max-width:700px) {
	.item-option-editor-branch { min-width:900px; }
 .trans-field-modal .ai-trans-body { padding:12px; }
 .trans-field-results,.trans-field-results tbody { display:block; }
 .trans-field-results thead { display:block; }
 .trans-field-results thead th { display:none; }
 .trans-field-results thead th:has([data-select-all]) { display:table-cell; }
 .trans-field-results.is-manual thead { display:none; }
 .trans-field-results tr { display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:10px 0; }
 .trans-field-results td { border:0; }
 .trans-field-results td:has(.trans-field-input),.trans-field-results td.trans-field-back { width:100%; }
 .trans-field-modal .ai-trans-foot { flex-wrap:wrap; }
 .trans-field-modal [data-hint] { width:100%; }
}

.trans-field-results.is-manual th:first-child { width:120px; }
.trans-field-results.is-manual th:nth-child(2) { width:auto; }
.trans-field-layout .trans-ui-control { min-width:0; }
.trans-field-layout .trans-ui-main-source-fields { min-width:0; overflow-x:visible; }
@media(max-width:600px) { .trans-field-layout .trans-ui-label { width:100%; border-right:0; } .trans-field-layout .trans-ui-control { flex-basis:100%; } }

.trans-field-actions .h-btn { border:0;border-radius:5px;padding:9px 16px;background:#4385ff;color:white;font:inherit;font-weight:600;cursor:pointer; }
.trans-field-actions .h-btn:disabled { opacity:.5;cursor:not-allowed; }
.trans-field-results input.trans-field-input { height:36px; }

/* Group translation: one field per row, one language selection per group. */
.is-option-group .trans-group-row-table .trans-col-select { width:48px; }
.is-option-group .trans-group-row-table td.trans-group-select { vertical-align:middle; text-align:center; padding:10px 4px; }
.is-option-group .trans-group-row-table td.trans-group-select .nl-custom-check { display:inline-flex; justify-content:center; align-items:center; margin:0; }
.is-option-group .trans-group-row-table .trans-col-language { width:12%; }
.is-option-group .trans-group-row-table .trans-col-field { width:18%; }
.is-option-group .trans-group-row-table .trans-col-translation { width:29%; }
.is-option-group .trans-group-row-table .trans-col-quality { width:100px; }
.is-option-group .trans-group-row-table th { text-align:center !important; vertical-align:middle; }
.is-option-group .trans-group-row-table th:nth-child(n) { width:auto; text-align:center !important; }
.is-option-group .trans-group-row-table td { padding:10px; vertical-align:middle; }
.is-option-group .trans-group-row-table th.trans-col-language,
.is-option-group .trans-group-row-table td.trans-col-language,
.is-option-group .trans-group-row-table td.trans-group-language { text-align:center !important; vertical-align:middle !important; }
.is-option-group .trans-group-row-table th.trans-col-quality,
.is-option-group .trans-group-row-table td.trans-col-quality { text-align:center !important; vertical-align:middle !important; }
.is-option-group .trans-group-row-table td.trans-col-quality [data-quality-lang] { display:flex; align-items:center; justify-content:center; width:100%; margin:0 auto; text-align:center; }
.is-option-group .trans-group-row-table td.trans-col-quality .trans-ui-status-badge { margin:0 auto; }
.is-option-group .trans-group-row-table td.trans-col-field,
.is-option-group .trans-group-row-table td.trans-group-field-label { text-align:left !important; vertical-align:middle !important; }
.is-option-group .trans-group-row-table td.trans-col-translation { text-align:left !important; vertical-align:middle !important; }
.is-option-group .trans-group-row-table td.trans-col-back,
.is-option-group .trans-group-row-table .trans-group-review { text-align:left !important; vertical-align:middle !important; }
.is-option-group .trans-group-row-table tbody tr:nth-child(n) { background:transparent; }
.is-option-group .trans-group-row-table .trans-group-review { display:table-cell; margin:0; padding:10px; border:1px solid #dce2ea; border-radius:0; background:transparent; }
.is-option-group .trans-group-row-table .trans-group-review .trans-field-back { display:block; line-height:1.5; text-align:left !important; }
@media(max-width:700px) {
 .is-option-group .trans-group-row-table { display:table; font-size:11px; }
 .is-option-group .trans-group-row-table thead { display:table-header-group; }
 .is-option-group .trans-group-row-table tbody { display:table-row-group; }
 .is-option-group .trans-group-row-table tr { display:table-row; padding:0; }
 .is-option-group .trans-group-row-table th:nth-child(n),
 .is-option-group .trans-group-row-table td { display:table-cell; width:auto; padding:6px 4px; border:1px solid #dce2ea; }
 .is-option-group .trans-group-row-table .trans-col-select { width:24px; }
 .is-option-group .trans-group-row-table .trans-col-quality { width:65px; }
 .is-option-group .trans-group-row-table .trans-field-input { padding:6px 4px; }
 .is-option-group .trans-group-row-table .trans-ui-status-badge { white-space:normal; }
}

.is-option-group .trans-group-results tbody td:has(> .trans-group-values-grid) { padding:0; }
.is-option-group .trans-group-values-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; align-items:stretch; }
.is-option-group .trans-group-values-grid > .trans-group-field { min-width:0; margin:0; padding:12px; border:0; border-bottom:1px solid #dce2ea; border-radius:0; box-sizing:border-box; }
.is-option-group .trans-group-values-grid > .trans-group-field:nth-child(odd) { border-right:1px solid #dce2ea; }
.is-option-group .trans-group-values-grid > .trans-group-field:nth-last-child(1),
.is-option-group .trans-group-values-grid > .trans-group-field:nth-last-child(2):nth-child(odd) { border-bottom:0; }
.is-option-group .trans-group-values-grid > .trans-group-field > small { font-weight:600; margin-bottom:7px; }
.is-option-group .trans-group-values-grid > .trans-group-field:only-child { grid-column:1 / -1; border-right:0; }
@media(max-width:700px) {
 .is-option-group .trans-group-values-grid { grid-template-columns:minmax(0,1fr); }
 .is-option-group .trans-group-values-grid > .trans-group-field:nth-child(n) { border-right:0; border-bottom:1px solid #dce2ea; }
 .is-option-group .trans-group-values-grid > .trans-group-field:last-child { border-bottom:0; }
}

/* Keep the Add footer clear of group-name column dividers in both renderers. */
.item-option-group.has-option-actions > .item-option-group-layout > .item-option-table-label,
.item-option-group.has-option-actions > .item-option-group-layout > .item-option-table-control,
.item-option-editing-group.is-source > .trans-ui-field > .trans-ui-label,
.item-option-editing-group.is-source > .trans-ui-field > .trans-ui-control {
    grid-row: 1;
}
.item-option-group-layout > .item-option-group-actions-column,
.item-option-editing-group.is-source > .item-option-group-actions-column {
    grid-column: 1 / -1;
    grid-row: 2;
    border-right: 0;
}
/* Stored value stacks use the same 54px rows and separators as the editor. */
.item-option-group-layout .item-option-name-stack,
.item-option-group-layout .item-option-price-cell {
    background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 53px, #e4e6eb 53px, #e4e6eb 54px);
}

.item-option-group-layout .item-option-name-stack,
.item-option-group-layout .item-option-price-stack,
.item-option-group-layout .item-option-delete-stack {
    gap: 16px !important;
}
.item-option-group-layout .item-option-values-table .item-option-table-control {
    background-origin: border-box;
}

/* Compact page summaries; the popup retains detailed status badges. */
.trans-field-chip-compact { padding:6px 8px; gap:6px; }
.trans-field-chip-compact .trans-ui-status-badge { margin-left:0; min-width:34px; justify-content:center; }
.trans-ui-status-badge.state-score-none { background:#e8edf3; color:#526174; }
.trans-ui-status-badge.state-score-low { background:#fff1d8; color:#965b00; }
.trans-ui-status-badge.state-score-full { background:#e7f6ec; color:#24733c; }
.trans-field-chip-compact:focus .trans-field-tooltip { display:block; }
/* One continuous divider above Add; no vertical column borders in the footer. */
.item-option-group-layout > .item-option-group-actions-column,
.item-option-editing-group.is-source > .item-option-group-actions-column {
    border-top:1px solid #e2e8f0 !important;
    border-left:0 !important;
    border-right:0 !important;
}
.item-option-groups-shared .trans-ui-main-source-fields,
.item-option-inline-workspace .trans-ui-main-source-fields {
    border-right:0;
}

/* The full-width footer owns this divider, avoiding a double line under values. */
.item-option-group.has-option-actions > .item-option-group-layout > .item-option-values-table,
.item-option-editing-group.is-source > .trans-ui-repeated-rows {
    border-bottom:0 !important;
}