/* 优化加载层导致的定位样式错误[ELEMENT-BUG] */
.el-loading-parent--relative {
	position: static !important;
}
/* 优化滚动条 (Item 49) */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-thumb {
	background-color: #dcdfe6;
	border-radius: 10px;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}
.el-aside .el-scrollbar__wrap {
	overflow-x: hidden;
}
/* 优化默认分割线边距 */
.el-divider--horizontal {
	margin: 10px 0;
}
/* 优化弹层组件*/
.v-modal {
	opacity: 0.3;
}
body.modal-open {
	overflow: hidden !important;
	height: 100vh !important;
}
.el-dialog__wrapper {
	overflow: hidden;
}
.el-dialog {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	border-radius: 5px;
	-webkit-background-clip: content;
}
.el-dialog .el-dialog__header {
	padding: 12px;
	background-color: #F8F8F8;
	border-bottom: 1px solid #eee;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
	top: 10px;
	right: 12px;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	color: #505258;
	border: 1px solid #dfe1e6;
	border-radius: 6px;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
	transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
	background-color: #f4f5f7;
	border-color: #c1c7d0;
	color: #172b4d;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn:active {
	background-color: #ebecf0;
	border-color: #a5b2c6;
	color: #091e42;
}

.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
	color: inherit;
	font-size: 16px;
	width: 16px;
	height: 16px;
}
.el-dialog .el-dialog__header .el-dialog__title {
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}
.el-dialog .el-dialog__body {
	flex: 1;
	overflow: auto;
	padding: 12px;
}
.el-dialog .el-dialog__footer {
	padding: 9px 12px;
	background: #fff;
	border-top: 1px solid #eee;
}
@media screen and (max-width: 992px) {
	.el-dialog:not(.is-fullscreen) {
		width: 100vw !important;
		margin-top: 0 !important;
		max-height: 100vh !important;
	}
}
@media screen and (min-width: 992px) {
	.el-dialog:not(.is-fullscreen) {
		margin-top: 6vh !important;
		max-height: 88vh;
	}
}
/* 优化抽屉组件 */
.el-drawer__header{
	margin-bottom: 0;
	padding: 13px 20px;
	border-bottom: 1px solid #e4e7ed;
}
.el-drawer__body{
	padding: 12px 20px;
}
/* 优化删除数据提示框 */
.el-message-box__wrapper {
	top: 12vh;
	bottom: initial;
	outline: none;
}
/* 优化删除数据提示框手机端兼容 */
.el-message-box__wrapper .el-message-box {
	max-width: 90vw;
}
/* 文字提示样式宽度限值溢出换行 */
.el-tooltip__popper {
	max-width: 320px;
}
/* 卡片上传样式修改 */
.el-upload--picture-card {
	width: 100px;
	height: 100px;
	line-height: 106px;
}
.el-upload-list--picture-card .el-upload-list__item {
	width: 100px;
	height: 100px;
}
/* AXIOS请求遮罩层 */
.el-loading-mask.is-fullscreen .el-loading-spinner .circular{
	width: 32px;
	height: 32px;
}
.el-loading-spinner .path{
    stroke: #FFF;
}
.el-loading-spinner .el-loading-text{
	color: #FFF;
}
/* 表单自适应 */
@media screen and (min-width: 992px) {
	.formAdapt .el-input-group,.formAdapt .el-input__inner{
		width: auto;
	}
	.formAdapt .el-textarea__inner{
		width: 320px;
	}
}
/* 栅格间距 */
.rowDistance{
	margin:-6px;
}
.rowDistance > .el-col{
	padding: 6px;
}
/* 路由主区域样式 */
.area{
	height: 100%;
	padding: 12px;
	overflow: auto;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid #EBEEF5;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

/* 路由主区域样式-单据 */
.bill{
	position: relative;
	height: 100%;
	padding: 12px;
	overflow: auto;
	background: #fff;
	min-width: 920px;
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid #EBEEF5;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}
.bill .fistDivider{
	margin-top: -5px;
}
/* .bill .el-form-item__content{
	width: 202px;
} */
.bill .el-form-item .el-input , .bill .el-form-item .el-textarea{
	width: 202px;
}

/* 路由主区域样式-简单 */
.areaSimple{
	height: 100%;
	padding: 6px;
	overflow: auto;
	border-radius: 2px;
	box-sizing: border-box;
}
/* ag-grid样式 */
.ag-theme-balham{
	width: 100%;
	min-height: 260px;
}
.ag-theme-balham .ag-root-wrapper{
	border: 1px solid #dcdfe6;
	border-radius: 0;
}
.ag-theme-balham .ag-header{
	border-bottom: 1px solid #dcdfe6;
}
.ag-theme-balham .ag-header-cell-text{
	margin: 0 auto;
}
.ag-theme-balham .ag-header-cell::after,.ag-theme-balham .ag-header-group-cell::after{
	top: 0;
	height: 100%;
}
.ag-theme-balham .ag-row{
	border-color: #dcdfe6;
}
.ag-theme-balham .ag-row-hover{
	background-color: #f5f7fa;
}
.ag-theme-balham .ag-cell{
	text-align: center;
	border: none !important;
}
.ag-theme-balham .ag-cell-focus{
	background: rgba(224, 224, 224, 0.5);
}
.ag-theme-balham .ag-cell-inline-editing{
	border-radius: 0;
	height: 100%;
}
.ag-theme-balham .ag-cell::after{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	content: " ";
	border-right: 1px solid rgba(189, 195, 199, 0.5);
}
.ag-theme-balham .ag-cell-edit-input,.ag-theme-balham .ag-text-field-input{
	width: 100%;
	height: 100%;
	outline: none;
	text-align: center;
	padding: 0 !important;
	border: none !important;
	box-shadow:none !important;
	color: #000000 !important;
	background-color: #FFFFFF !important;
}
.ag-theme-balham .ag-cell-edit-select{
	width: 100%;
	height: 100%;
	border: none !important;
}
.ag-theme-balham .ag-column-moving .ag-header-cell,.ag-theme-balham .ag-column-moving .ag-cell{
	transition: none !important;
}
/* agGridSelect组件 */
.agGridSelect{
	padding: 0;
	width: 120px;
	min-width: auto;
	margin-top: 6px !important;
}
.agGridSelect text{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
.agGridSelect .list{
	max-height: 130px;
	overflow-y:auto;
	list-style-type:none;
}
.agGridSelect .list li{
	cursor: pointer;
	font-size: 12px;
	padding: 4px 6px;
	text-align: center;
	border-bottom: 1px solid #dcdfe6;
}
.agGridSelect .list li:last-child{
	border:none;
}

/* 导入数据提示文本 */
.importTip li {
	line-height: 24px;
	list-style-type: none;
}
/* 导出数据操作区域 */
.exportItem {
	padding: 12px 0;
	text-align: center;
	border: 1px solid #ccc;
}
.exportItem i {
	font-size: 24px;
}
.exportItem p {
	line-height: 24px;
}
/* 表格多选居中样式[ELEMENT-BUG] */
.el-table .el-table-column--selection .cell{
	padding: 0 10px !important;
}
/* 表格分页样式 */
.tablePagination {
	overflow-x: auto;
	padding:6px 2px;
	border: 1px solid #EBEEF5;
	border-top: none;
	font-weight: bold;
}

.tablePagination .el-pager .more::before{
	line-height: 24px !important;
}

.tablePagination .btn-prev{
	padding: 0;
}
.tablePagination .btn-next{
	padding: 0;
}
.tablePagination>span {
	margin: 0 3px;
}

.tablePagination .el-pagination__total {
	padding: 0 6px;
	border-radius: 3px;
	border: 1px solid #dcdfe6;
}


/* 标签页弹层组件样式 */
.tabsDialog .el-dialog__body{
	padding: 12px;
}

/* 全局数据导出弹窗：所有 export-dialog 组件统一复用 */
.tabsDialog.export-dialog {
  width: 420px !important;
  min-width: 0;
  max-width: 420px;
}

.tabsDialog.export-dialog .el-dialog__body {
  padding: 12px;
}

.tabsDialog.export-dialog .exportMore {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tabsDialog.export-dialog .exportMore .el-row {
  margin: 0 -6px;
  width: 100%;
  flex: 1 1 100%;
}

.tabsDialog.export-dialog .exportMore .el-col {
  padding: 6px;
}

.tabsDialog.export-dialog .exportMore .item {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  background: #f4f5f7;
  border: 1px solid #dfe1e6;
  border-radius: 8px;
  padding: 20px 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}

.tabsDialog.export-dialog .exportMore > .item {
  width: auto;
  flex: 1 1 calc(50% - 6px);
  min-width: 0;
}

.tabsDialog.export-dialog .exportMore .item:hover {
  background: #deebff;
  border-color: #0052cc;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(9, 30, 66, 0.15);
}

.tabsDialog.export-dialog .exportMore .item > .el-icon,
.tabsDialog.export-dialog .exportMore .item > i {
  font-size: 28px;
  color: #0052cc;
  margin-bottom: 8px;
  transition: transform 0.2s ease;
}

.tabsDialog.export-dialog .exportMore .item:hover > .el-icon,
.tabsDialog.export-dialog .exportMore .item:hover > i {
  transform: scale(1.1);
}

.tabsDialog.export-dialog .exportMore .item p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #172b4d;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

@media screen and (max-width: 600px) {
  .tabsDialog.export-dialog {
    width: 92vw !important;
    max-width: 92vw;
  }
}
/* 浮动层按钮 */
.layerBtn {
	position: absolute;
	top: 0;
	right: 15px;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0px 0px 3px 3px;
	padding: 8px;
	z-index: 999;
}
/* 时间区间样式 */
.timeCycle .el-form-item {
	margin-bottom: 0;
}
.timeCycle .line {
	text-align: center;
}
/* 上传取消动画 */
.el-upload-list__item {
	transition: none !important;
}
/* 数据表格|EL-TABLE */
.gridTable td{
	position: relative;
	box-sizing: border-box;
}
.gridTable input[type="text"],.gridTable select{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	padding: 0 6px;
	text-align: center;
	box-sizing: border-box;
	background: #FFFFFF;
}
/* 单据详情 */
.billDialog .el-dialog__body{
	padding: 12px;
	background: #f2f2f2;
}
/* 单据审核图标 */
.billExamine{
	position: absolute;
	top: -100px;
	right: 30px;
}
/* 按钮组弹层 */
.btnGroupPopover{
	float: left;
	position: relative;
}
.btnGroupPopover[type="left"] .el-button{
	margin-left: -1px;
	margin-right: -1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btnGroupPopover[type="left"] .el-button--info{
	border-left-color: #909399;
}
.btnGroupPopover[type="center"] .el-button{
	margin-left: 0;
	margin-right: -1px;
	border-radius: 0;
}
.btnGroupPopover[type="right"] .el-button{
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* 列表弹层 */
.listPopover{
	padding: 6px 12px;
}
.listPopover ul{
	overflow: auto;
	max-height: 135px;
	list-style-type:none;
}
.listPopover li{
	line-height: 32px;
	border-bottom: 1px solid #ccc;
}
.listPopover li:last-of-type{
	border-bottom:none;
}
/* 列表块弹层 */
.blockPopover{
	width: 100px;
	min-width: auto;
}
.blockPopover ul{
	list-style-type: none;
}
.blockPopover li{
	cursor: pointer;
	padding: 3px 0;
	margin-bottom: 6px;
	text-align: center;
	border: 1px dashed #bbb;
}
.blockPopover li:last-child{
	margin-bottom:0;
}
/* 表格弹层 */
.tablePopover{
	padding: 6px;
}
.tablePopover .gutter{
	display: none;
}
.tablePopover td , .tablePopover th{
	padding: 3px 0;
}
.tablePopover col[name="gutter"]{
	display: none;
}

/* Shared Jira-style status lozenge */
.status-lozenge {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	margin-bottom: 12px;
	border-radius: var(--ds-radius-large, 6px);
	cursor: pointer;
	user-select: none;
	transition: background var(--ds-transition, 0.15s ease-in-out), box-shadow var(--ds-transition, 0.15s ease-in-out);
	background: var(--ds-bg-active, #DEEBFF);
}
.status-lozenge:hover {
	box-shadow: 0 0 0 2px rgba(38, 132, 255, 0.3);
}
.status-lozenge:active {
	transform: scale(0.98);
}
.status-lozenge.status-0 {
	background: #DFE1E6;
}
.status-lozenge.status-0:hover {
	filter: brightness(0.95);
	box-shadow: none;
}
.status-lozenge.status-1 {
	background: #E3FCEF;
}
.status-lozenge.status-1:hover {
	filter: brightness(0.95);
	box-shadow: none;
}
.status-lozenge-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}
.status-lozenge.status-0 .status-lozenge-dot {
	background: #42526E;
}
.status-lozenge.status-1 .status-lozenge-dot {
	background: #00875A;
}
.status-lozenge-text {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}
.status-lozenge.status-0 .status-lozenge-text {
	color: #42526E;
}
.status-lozenge.status-1 .status-lozenge-text {
	color: #006644;
}
.status-lozenge-toggle {
	flex-shrink: 0;
	font-size: 16px;
	color: var(--ds-icon-subtle, #6B778C);
	opacity: 0;
	transition: opacity var(--ds-transition, 0.15s ease-in-out);
}
.status-lozenge:hover .status-lozenge-toggle {
	opacity: 1;
}
.status-menu-lozenge {
	display: flex;
	align-items: center;
	gap: 6px;
}
.status-menu-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	background-color: #42526E;
}
.status-menu-lozenge.status-1 .status-menu-dot {
	background-color: #00875A;
}

/* 优化按钮热区 (Item 77) */
.el-button--mini, .el-button--small {
    padding: 10px 15px !important;
    margin: 4px !important;
}

/* ==========================================================================
   通用检索区域与高级筛选布局样式 (Global Search & Filter Panel Layout)
   ========================================================================== */

/* 检索区域外层容器 */
.search-section-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 16px;
}

.main-search-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 320px;
}

.search-input-group {
  position: relative;
  display: flex;
  align-items: center;
  background: #f4f5f7;
  border: 1px solid #dfe1e6;
  border-radius: 6px;
  padding: 2px;
  transition: all 0.2s ease-in-out;
}

.search-input-group:focus-within {
  border-color: #4c82ff;
  box-shadow: 0 0 0 2px rgba(76, 130, 255, 0.2);
  background: #ffffff;
}

.global-search-input.el-input {
  width: 230px;
}

.global-search-input .el-input__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding-left: 8px;
}

.advanced-filter-btn {
  border: none !important;
  background: transparent !important;
  color: #42526e !important;
  font-weight: 500;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-left: 1px solid #dfe1e6 !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 0 12px !important;
  width: 104px;
  min-width: 104px;
  flex: 0 0 104px;
  justify-content: center;
  position: relative;
}

.advanced-filter-btn:hover {
  color: #091e42 !important;
  background: rgba(9, 30, 66, 0.08) !important;
}

.advanced-filter-btn.is-active {
  color: #0052cc !important;
  background: #deebff !important;
}

.filter-badge .el-badge__content {
  background-color: #0052cc;
  border: none;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
}

.advanced-filter-btn .filter-badge {
  position: absolute;
  top: 1px;
  right: 2px;
}

/* 常用快捷标签样式 */
.quick-tags-bar {
  display: flex;
  gap: 8px;
}

.quick-tags-bar .el-check-tag {
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 16px;
  background-color: #f4f5f7;
  color: #5e6c84;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}

.quick-tags-bar .el-check-tag.is-checked {
  background-color: #deebff;
  color: #0747a6;
  border-color: transparent;
}

.quick-tags-bar .el-check-tag:hover {
  background-color: #ebecf0;
}

/* 双栏筛选面板 Popover 样式 */
.el-popover.advanced-filter-popover {
  padding: 0 !important;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(9, 30, 66, 0.15) !important;
  width: 350px !important;
  min-width: 350px;
  box-sizing: border-box;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  background: #ffffff !important;
  border: 1px solid #dfe1e6 !important;
  z-index: 2000 !important;
}

/* 时间筛选：起止日期纵向排列，避免在右栏内挤压 */
.time-filter-content {
  width: 100%;
  padding: 4px 0;
}

.time-filter-content .el-date-editor.el-date-editor--daterange {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100% !important;
  height: auto;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.time-filter-content .el-date-editor.el-date-editor--daterange .el-range-input {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid #000000;
  border-radius: 4px;
  background: #ffffff;
  text-align: left;
}

.time-filter-content .el-date-editor.el-date-editor--daterange .el-range-separator {
  width: 100%;
  height: 18px;
  padding: 0;
  color: #000000;
  line-height: 18px;
  text-align: center;
}

.time-filter-content .el-date-editor.el-date-editor--daterange .el-range__icon {
  display: none;
}

.time-filter-content .el-date-editor.el-date-editor--daterange .el-range__close-icon {
  position: absolute;
  right: 10px;
  bottom: 9px;
}

/* 选项滚动列表 */
.checkbox-scroll-list {
  max-height: 200px;
  overflow-y: auto;
}

.checkbox-scroll-list .el-checkbox {
  display: block;
  margin-right: 0;
  padding: 5px 8px;
  border-radius: 3px;
}

.checkbox-scroll-list .el-checkbox:hover {
  background: #f4f5f7;
}

/* ==========================================================================
   表格整合 - 高密度样式 (High-Density Columns & Jira Standard Table)
   ========================================================================== */

/* 全站通用标准表格外壳与数据表格基础设施 */
.jira-table-shell,
.product-table-shell,
.stocktake-table-shell,
.project-table-shell,
.card-table-shell {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(9, 30, 66, 0.08);
}

.jira-data-table,
.product-table,
.stocktake-table,
.project-table,
.card-table {
  width: 100%;
  font-size: 13px;
}

.jira-data-table .el-table__cell,
.product-table .el-table__cell,
.stocktake-table .el-table__cell,
.project-table .el-table__cell,
.card-table .el-table__cell {
  padding: 9px 0;
}

.jira-data-table .el-table__row:hover > td.el-table__cell,
.product-table .el-table__row:hover > td.el-table__cell,
.stocktake-table .el-table__row:hover > td.el-table__cell,
.project-table .el-table__row:hover > td.el-table__cell,
.card-table .el-table__row:hover > td.el-table__cell {
  background-color: #f7f9fc !important;
}

.jira-data-table .cell,
.jira-data-table td,
.product-table .cell,
.product-table td,
.stocktake-table .cell,
.stocktake-table td,
.project-table .cell,
.project-table td,
.card-table .cell,
.card-table td {
  color: #000000;
}

.jira-data-table .column-cell-stack,
.product-table .column-cell-stack,
.stocktake-table .column-cell-stack,
.project-table .column-cell-stack,
.card-table .column-cell-stack {
  min-width: 0;
}

.jira-data-table .text-main-strong,
.jira-data-table .subtext-muted,
.product-table .text-main-strong,
.product-table .subtext-muted,
.stocktake-table .text-main-strong,
.stocktake-table .subtext-muted,
.project-table .text-main-strong,
.project-table .subtext-muted,
.card-table .text-main-strong,
.card-table .subtext-muted {
  color: #000000 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/* 纵向堆叠通用容器 */
.column-cell-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.4;
}

.column-cell-stack.align-center {
  align-items: center;
}

.column-cell-stack.align-right {
  align-items: flex-end;
}

/* 辅助次级灰色文本 */
.subtext-muted {
  font-size: 12px;
  color: var(--ds-text-subtle, #5E6C84);
  display: inline-flex;
  align-items: center;
}

/* 会员强文本 */
.text-main-strong {
  font-weight: 500;
  color: var(--ds-text, #172B4D);
  font-size: 13px;
}

/* 订单状态圆角小徽章 */
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  text-transform: uppercase;
  min-width: 60px;
}

.status-badge.status-0 {
  background-color: #DEEBFF;
  color: #0747A6;
}

.status-badge.status-1 {
  background-color: #E3FCEF;
  color: #006644;
}

.debt-badge-danger {
  font-size: 11px;
  color: #DE350B;
  background: #FFEBE6;
  padding: 1px 6px;
  border-radius: 3px;
  font-weight: 600;
}

.debt-badge-settled {
  font-size: 11px;
  color: #00875A;
  font-weight: 500;
}

/* ==========================================================================
   Jira 风格弹窗及行内编辑通用样式
   ========================================================================== */

/* Jira 风格弹窗 */
.el-dialog.jira-dialog {
  --dialog-width: 1040px;
  width: var(--dialog-width);
  border-radius: var(--ds-radius-large);
  box-shadow: var(--ds-shadow);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 80px);
  margin-top: 40px !important;
  overflow: hidden;
}

.el-dialog.jira-dialog .el-dialog__header {
  padding: 16px 20px;
  background: var(--ds-bg, #FFFFFF);
  border-bottom: 1px solid var(--ds-border, #DFE1E6);
  border-radius: var(--ds-radius-large) var(--ds-radius-large) 0 0;
  flex-shrink: 0;
}

.el-dialog.jira-dialog .el-dialog__headerbtn {
  position: static;
  width: 32px;
  height: 32px;
  font-size: 18px;
}

.jira-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.jira-dialog-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--ds-text, #172B4D);
}

.jira-dialog-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Jira 标准有边框图标按钮 */
.jira-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  color: #505258;
  border: 1px solid #dfe1e6;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.jira-icon-btn:hover {
  background-color: #f4f5f7;
  border-color: #c1c7d0;
  color: #172b4d;
}

.jira-icon-btn:active {
  background-color: #ebecf0;
  border-color: #a5b2c6;
  color: #091e42;
}

.jira-icon-btn:focus-visible {
  outline: none;
  border-color: #388bff;
  box-shadow: 0 0 0 2px rgba(56, 139, 255, 0.25);
}

.jira-dialog-header-actions .el-dropdown:focus-visible,
.jira-dialog-header-actions .el-dropdown:hover {
  outline: none;
}

.jira-dialog-header-actions .el-dropdown.is-active .more-actions-btn,
.jira-dialog-header-actions .more-actions-btn[aria-expanded="true"] {
  background-color: #e9f2fe;
  border-color: #85b8ff;
  color: #1868db;
}

.jira-icon-btn .el-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jira-icon-btn .el-icon svg {
  width: 16px;
  height: 16px;
}

/* 兼容旧版 class 写法 */
.more-actions-btn:not(.jira-icon-btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  color: #505258;
  border: 1px solid #dfe1e6;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}

.more-actions-btn:not(.jira-icon-btn):hover {
  background-color: #f4f5f7;
  border-color: #c1c7d0;
  color: #172b4d;
}

/* 全局 Jira 风格下拉菜单规范 */
.jira-dropdown-menu.el-dropdown-menu {
  padding: 4px 0;
  border-radius: 8px;
  border: 1px solid #ebecf0;
  box-shadow: 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
}

.jira-dropdown-menu .el-dropdown-menu__item {
  font-size: 14px;
  line-height: 32px;
  padding: 0 16px;
  color: #172b4d;
}

.jira-dropdown-menu .el-dropdown-menu__item:hover {
  background-color: #f1f2f4;
  color: #172b4d;
}

.jira-dropdown-menu .el-dropdown-menu__item.danger {
  color: #ae2a19;
}

.jira-dropdown-menu .el-dropdown-menu__item.danger:hover {
  background-color: #ffeceb;
  color: #ae2a19;
}

.el-dialog.jira-dialog .el-dialog__body {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.el-dialog.jira-dialog .el-dialog__footer {
  padding: 12px 24px;
  background: var(--ds-bg, #FFFFFF);
  border-top: 1px solid var(--ds-border, #DFE1E6);
  flex-shrink: 0;
}

/* Jira 详情弹窗语义外框：固定外框高度，内容区域独立滚动 */
.el-dialog.jira-detail-dialog {
  height: calc(100vh - 80px);
  min-height: 0;
  max-height: calc(100vh - 80px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--ds-radius-large);
  box-shadow: var(--ds-shadow);
}

.el-dialog.jira-detail-dialog .el-dialog__header {
  padding: 16px 20px;
  background: var(--ds-bg, #FFFFFF);
  border-bottom: 1px solid var(--ds-border, #DFE1E6);
  border-radius: var(--ds-radius-large) var(--ds-radius-large) 0 0;
  flex-shrink: 0;
}

.el-dialog.jira-detail-dialog .el-dialog__headerbtn {
  width: 32px;
  height: 32px;
  font-size: 18px;
}

.el-dialog.jira-detail-dialog .el-dialog__body {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 20px 24px;
  box-sizing: border-box;
}

.el-dialog.jira-detail-dialog .el-dialog__footer {
  padding: 12px 24px;
  background: var(--ds-bg, #FFFFFF);
  border-top: 1px solid var(--ds-border, #DFE1E6);
  flex-shrink: 0;
}

/* 已采用 Jira 双栏骨架的详情弹窗，主体由左右栏各自滚动 */
.el-dialog.jira-detail-dialog.jira-dialog .el-dialog__body {
  display: flex;
  flex-direction: column;
  max-height: none;
  overflow: hidden;
  padding: 0;
}

/* Jira 双栏布局主体 */
.jira-dialog-body {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 400px;
}

.jira-dialog-main {
  flex: 2;
  overflow-y: auto;
  padding: 20px 24px;
  border-right: 1px solid var(--ds-border, #DFE1E6);
}

.jira-dialog-sidebar {
  flex: 1;
  min-width: 300px;
  max-width: 360px;
  overflow-y: auto;
  padding: 20px 24px;
  background: var(--ds-bg, #FFFFFF);
}

/* 订单/详情类弹窗通用覆盖规则（原寄存在 store_order_list.css，迁移至公共层以解耦页面 CSS）
   - 覆盖 .tabsDialog 的 min-width 冲突（原 1100px）
   - 主区卡片间距 */
.tabsDialog.jira-dialog {
  min-width: unset;
}

/* 主区卡片间距：相邻 order-detail 卡片上间距 */
.jira-dialog-main > .el-card.order-detail + .el-card.order-detail {
  margin-top: 12px;
}

/* 详情卡片基础下间距（原寄存在 store_order_list.css 的 .order-detail { margin-bottom:8px }） */
.order-detail {
  margin-bottom: 8px;
}

/* 响应式：1366 及以下 dialog 宽度覆盖（原寄存在 store_order_list.css） */
@media screen and (max-width: 1366px) {
  .tabsDialog {
    width: 95% !important;
    min-width: auto;
  }
}

/* 行内编辑 field-label 宽度优化（长 label 换行） */
.inline-edit-field .field-label {
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  line-height: 1.2 !important;
  width: 75px !important;
}

/* 右侧面板 Sections */
.sidebar-section {
  margin-bottom: 16px;
}

.sidebar-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: var(--ds-text-subtle, #5E6C84);
  text-transform: none;
  letter-spacing: 0.02em;
  margin-bottom: 0;
  padding: 6px 0;
  border-bottom: 1px solid var(--ds-border, #DFE1E6);
  cursor: pointer;
  user-select: none;
}

.sidebar-section-title:hover {
  color: var(--ds-text, #172B4D);
}

.section-chevron {
  font-size: 16px;
  color: var(--ds-icon-subtle, #6B778C);
  transition: transform 0.2s ease;
}

.section-chevron.is-collapsed {
  transform: rotate(-90deg);
}

.sidebar-section-content {
  padding-top: 8px;
}

/* 行内编辑字段 — Jira 布局 */
.inline-edit-field {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  border-radius: var(--ds-radius, 3px);
  padding: 0;
  gap: 8px;
}

.inline-edit-field.is-editing {
  align-items: flex-start;
}

.inline-edit-field.is-textarea {
  align-items: flex-start;
}

.inline-edit-field:hover {
  background: transparent !important;
}

.inline-edit-field.is-readonly:hover {
  background: transparent !important;
}

.field-label {
  flex-shrink: 0;
  width: 75px;
  font-size: 12px;
  color: var(--ds-text-subtle, #5E6C84);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  line-height: 1.3 !important;
  text-align: right;
  margin-bottom: 0;
  padding-right: 8px;
  padding-left: 0;
  overflow: visible;
  white-space: normal;
  word-break: break-all;
}

.inline-edit-field.is-editing .field-label {
  min-height: 32px;
  height: 32px;
}

.field-display {
  flex: 1;
  min-width: 0;
  position: relative;
  min-height: 32px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: var(--ds-radius, 3px);
  padding: 4px 6px;
  border: 1px solid transparent;
  transition: background var(--ds-transition, 0.15s ease-in-out), border-color var(--ds-transition, 0.15s ease-in-out);
}

.inline-edit-field:not(.is-textarea) .field-display:not(.is-editing) .field-value {
  white-space: nowrap !important;
}

/* 仅右侧内容块 hover 时变灰 (Atlassian Inline Edit 规范) */
.field-display:not(.is-editing):not(.is-readonly):hover {
  background: rgba(9, 30, 66, 0.08) !important;
}

.field-display.is-editing {
  position: relative;
  display: flex;
  align-items: center;
  cursor: default;
  width: 100%;
  box-sizing: border-box;
  background: transparent !important;
  border-color: transparent !important;
  min-height: 32px;
  padding: 0;
}

.inline-edit-control-wrap {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding-right: 0 !important;
}

.inline-edit-field:not(.is-textarea) .inline-edit-control-wrap {
  padding-right: 0 !important;
}

.inline-edit-control-wrap .el-input,
.inline-edit-control-wrap .el-select,
.inline-edit-control-wrap .el-cascader,
.inline-edit-control-wrap .el-date-editor {
  flex: 1;
  width: 100%;
}

.field-display .field-value {
  flex: 1;
  min-width: 0;
  color: var(--ds-text, #172B4D);
  font-size: 13px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.field-display .edit-icon {
  display: none !important;
}

/* 编辑态确认/取消操作按钮栏 (Atlassian Forge CustomFieldEdit 规范: 浮动在输入框正下方靠右，脱离文档流不挤压下方 item) */
.inline-edit-actions {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: auto;
  margin: 0;
  padding: 2px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
}

.inline-edit-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #dfe1e6;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(9, 30, 66, 0.15);
  cursor: pointer;
  color: #42526e;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.inline-edit-action-btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(38, 132, 255, 0.35);
}

.inline-edit-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.inline-edit-action-btn .el-icon {
  font-size: 14px;
}

.inline-edit-action-btn.btn-confirm {
  color: #006644;
}

.inline-edit-action-btn.btn-confirm:hover {
  background-color: #e3fcef;
  border-color: #abf5d1;
  color: #006644;
}

.inline-edit-action-btn.btn-cancel {
  color: #de350b;
}

.inline-edit-action-btn.btn-cancel:hover {
  background-color: #ffebe6;
  border-color: #ffbdad;
  color: #de350b;
}

.inline-edit-action-btn:active {
  box-shadow: none;
}

/* 文本域垂直布局 (Jira Style) */
.inline-edit-field.is-textarea {
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 0;
  gap: 4px;
}

.inline-edit-field.is-textarea .field-label {
  text-align: left;
  width: 100%;
  padding-right: 0;
}

.inline-edit-field.is-textarea .field-display {
  width: 100%;
  box-sizing: border-box;
}

.inline-edit-field.is-textarea .field-display .field-value {
  white-space: pre-wrap !important;
  line-height: 1.5;
  padding: 4px 0;
}

/* 编辑态：el-select 占位 + 样式覆盖 */
.inline-edit-field .el-select {
  flex: 1;
}

.inline-edit-field .el-select .el-select__wrapper {
  min-height: 32px;
  padding: 0 8px;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: var(--ds-radius, 3px);
  transition: background var(--ds-transition, 0.15s ease-in-out), box-shadow var(--ds-transition, 0.15s ease-in-out);
}

.inline-edit-field .el-select .el-select__wrapper:hover {
  background: var(--ds-bg-hover, #F4F5F7);
}

.inline-edit-field .el-select .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 2px rgba(38, 132, 255, 0.3);
  background: var(--ds-bg, #FFFFFF);
}

.inline-edit-field .el-select .el-select__placeholder {
  color: var(--ds-text, #172B4D);
}

.inline-edit-field .el-select .el-select__caret {
  color: var(--ds-icon-subtle, #6B778C);
  font-size: 14px;
}

/* 优化长 label 换行 */
.inline-edit-field .field-label {
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  line-height: 1.2 !important;
  width: 75px !important;
}

/* 财务统计行 */
.finance-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
  color: var(--ds-text, #172B4D);
}

.finance-row+.finance-row {
  border-top: 1px solid var(--ds-border, #DFE1E6);
}

.finance-row .text-success,
.field-display .text-success {
  color: var(--ds-bg-success, #00875A);
  font-weight: 600;
}

.finance-row .text-danger,
.field-display .text-danger {
  color: var(--ds-bg-danger, #DE350B);
  font-weight: 600;
}

.finance-row .text-zero {
  color: var(--ds-text-subtle, #5E6C84);
  font-weight: 400;
}

/* 保存成功绿闪动画 */
@keyframes green-flash {
  0% {
    background-color: rgba(0, 135, 90, 0.2);
  }
  100% {
    background-color: transparent;
  }
}

.field-display.save-success {
  animation: green-flash 0.8s ease-out;
}

/* 保存中 loading */
.field-display.is-saving {
  pointer-events: none;
  opacity: 0.7;
}

/* 通用辅助 Flex 类 */
.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.gap-1 { gap: 4px; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.w-full { width: 100%; }

/* ==========================================================================
   通用移动端与响应式自适应样式
   ========================================================================== */

/* 响应式 - 桌面小屏 */
@media screen and (max-width: 1366px) {
  .el-dialog.jira-dialog {
    width: 95vw;
  }

  .jira-dialog-sidebar {
    min-width: 260px;
    max-width: 300px;
  }
}

/* 响应式 - 平板 */
@media screen and (max-width: 1024px) {
  .el-dialog.jira-dialog {
    width: 94vw;
    max-height: calc(100vh - 40px);
    margin-top: 20px !important;
  }

  .el-dialog.jira-detail-dialog {
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
  }

  .el-dialog.jira-detail-dialog:not(.jira-dialog) .el-dialog__body {
    padding: 16px;
  }

  .jira-dialog-body {
    flex-direction: column;
  }

  .jira-dialog-main {
    border-right: none;
    border-bottom: 1px solid var(--ds-border, #DFE1E6);
    max-height: 60vh;
  }

  .jira-dialog-sidebar {
    max-width: 100%;
    min-width: auto;
    border-top: 1px solid var(--ds-border, #DFE1E6);
    border-left: none;
  }
}

/* 响应式 - 移动设备 (<768px) */
@media screen and (max-width: 768px) {

  /* 检索栏与搜索区垂直对齐 */
  .search-section-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 12px 12px !important;
    gap: 12px !important;
  }

  .main-search-row {
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .search-input-group {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    background: #f4f5f7 !important;
    border: 1px solid #dfe1e6 !important;
    border-radius: 6px !important;
    padding: 2px !important;
    box-sizing: border-box !important;
  }

  .global-search-input.el-input {
    width: auto !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  .advanced-filter-btn {
    width: 36px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-left: 1px solid #dfe1e6 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 4px 4px 0 !important;
    background: transparent !important;
  }

  .advanced-filter-btn span span {
    display: none !important;
  }

  .filter-badge :deep(.el-badge__content) {
    top: -8px !important;
    right: -8px !important;
  }

  .quick-tags-bar {
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    display: flex !important;
    gap: 6px !important;
    padding: 4px 0 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .quick-tags-bar::-webkit-scrollbar {
    display: none !important;
  }

  .quick-tags-bar .el-check-tag {
    flex-shrink: 0 !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
  }

  .action-buttons-row {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
  }

  .action-buttons-row .el-button,
  .action-buttons-row .export-btn {
    flex: 1 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* 高级筛选 Popover 移动端适配 */
  .el-popover.advanced-filter-popover {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }

  .filter-panel-container {
    flex-direction: row !important;
    height: 360px !important;
  }

  .filter-panel-left {
    width: 95px !important;
    min-width: 95px !important;
    border-right: 1px solid #dfe1e6 !important;
    border-bottom: none !important;
    background-color: #f4f5f7 !important;
    height: 100% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .filter-tab-list {
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: 1 !important;
  }

  .filter-tab-item {
    padding: 10px 8px !important;
    border-left: 2px solid transparent !important;
    border-bottom: none !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: block !important;
  }

  .filter-tab-item.is-active {
    border-left: 2px solid #0052cc !important;
    border-bottom: none !important;
    color: #0052cc !important;
    background: #ffffff !important;
  }

  .filter-clear-all {
    display: block !important;
    padding: 8px !important;
    font-size: 11px !important;
    text-align: center !important;
    border-top: 1px solid #dfe1e6 !important;
  }

  .filter-panel-right {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .filter-content-pane {
    padding: 12px 12px !important;
    flex: 1 !important;
    overflow-y: auto !important;
  }

  .pane-title {
    margin-bottom: 8px !important;
  }

  /* 时间筛选起止日期移动端纵向堆叠 */
  .filter-content-pane .el-date-editor.el-date-editor--daterange {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    gap: 4px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }

  .filter-content-pane .el-date-editor.el-date-editor--daterange .el-range-input {
    font-size: 12px !important;
    width: 100% !important;
    text-align: center !important;
    height: 32px !important;
    background: #f4f5f7 !important;
    border-radius: 4px !important;
    border: 1px solid #dfe1e6 !important;
    box-sizing: border-box !important;
  }

  .filter-content-pane .el-date-editor.el-date-editor--daterange .el-range-separator {
    font-size: 11px !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    color: #7a869a !important;
  }

  .filter-content-pane .el-date-editor.el-date-editor--daterange .el-range__icon {
    display: none !important;
  }

  .filter-content-pane .el-date-editor.el-date-editor--daterange .el-range__close-icon {
    position: absolute !important;
    right: 16px !important;
    top: 16px !important;
  }

  /* 会员检索表单项垂直堆叠 */
  .filter-content-pane .el-form-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .filter-content-pane .el-form-item__label {
    text-align: left !important;
    width: auto !important;
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
    padding: 0 !important;
  }

  .filter-content-pane .el-form-item__content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .filter-content-pane .el-input,
  .filter-content-pane .el-select,
  .filter-content-pane .customer-search,
  .filter-content-pane .customer-search .el-input,
  .filter-content-pane .customer-search .el-select,
  .filter-content-pane .el-form-item__content .el-input,
  .filter-content-pane .el-form-item__content .el-select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Jira 弹窗主体在手机端占满 */
  .el-dialog.jira-dialog {
    width: 100vw !important;
    max-height: 100vh !important;
    margin-top: 0 !important;
    border-radius: 0;
  }

  .el-dialog.jira-dialog .el-dialog__header {
    border-radius: 0;
  }

  .jira-dialog-header {
    flex-wrap: wrap;
    gap: 8px;
  }

  .jira-dialog-main {
    padding: 16px;
  }

  .jira-dialog-sidebar {
    padding: 16px;
  }

  .field-label {
    width: 60px !important;
    font-size: 11px;
    padding-left: 0;
    padding-right: 6px;
    line-height: 32px;
  }

  .field-display .field-value {
    font-size: 13px;
  }

  .inline-edit-field {
    padding: 3px 0;
    gap: 6px;
  }
}

/* 详情弹窗手机端保持完整操作区，内容在主体内部滚动 */
@media screen and (max-width: 639px) {
  .el-dialog.jira-detail-dialog {
    width: 95vw !important;
    height: 98vh;
    max-height: 98vh;
    margin: 1vh auto !important;
    border-radius: var(--ds-radius-large);
  }

  .el-dialog.jira-detail-dialog .el-dialog__header {
    border-radius: var(--ds-radius-large) var(--ds-radius-large) 0 0;
  }

  .el-dialog.jira-detail-dialog:not(.jira-dialog) .el-dialog__body {
    padding: 16px;
  }

  .el-dialog.jira-detail-dialog.jira-dialog .el-dialog__body {
    padding: 0;
  }
}

/* 响应式 - 超小屏手机堆叠 */
@media screen and (max-width: 480px) {
  .inline-edit-field {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 6px 0;
  }

  .field-label {
    width: 100% !important;
    font-size: 11px;
    padding-left: 0;
    line-height: 1.2;
  }

  .field-display .field-value {
    font-size: 13px;
  }
}

/* ==========================================================================
   变更日志组件 (ChangeLogList) 与备注样式
   ========================================================================== */

/* 变更日志评论式布局 */
.change-log-list {
  margin-top: 16px;
}

.change-log-item {
  display: flex;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}

.change-log-item:last-child {
  border-bottom: none;
}

.change-log-avatar {
  flex-shrink: 0;
  margin-right: 10px;
}

.change-log-content {
  flex: 1;
  min-width: 0;
}

.change-log-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.operator-name {
  font-weight: 600;
  color: #000000;
  font-size: 12px;
}

.operated-time {
  color: #000000;
  font-size: 12px;
}

.source {
  color: #6b778c;
  font-size: 12px;
}

.change-log-body {
  margin-top: 4px;
}

.change-content-item {
  margin-top: 8px;
}

.change-label {
  color: #6b778c;
  font-size: 12px;
  margin-right: 8px;
}

.change-detail-row {
  margin-bottom: 5px;
}

.change-before-text {
  color: #F56C6C;
  font-size: 13px;
  text-decoration: line-through;
}

.change-after-text {
  color: #67C23A;
  font-size: 13px;
}

.change-remark {
  margin-top: 8px;
  color: #6b778c;
  font-size: 12px;
}

.view-detail-btn {
  margin-top: 8px;
  padding: 0;
}

/* 绩效变更详情表格样式 */
.achieve-detail-table {
  overflow-x: auto;
}

.achieve-diff-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-top: 8px;
}

.achieve-diff-table thead {
  background-color: #f5f7fa;
}

.achieve-diff-table th {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
  font-weight: 600;
  color: #606266;
}

.achieve-diff-table td {
  padding: 8px;
  border: 1px solid #ddd;
}

.achieve-delete-row {
  background-color: #fef0f0;
}

.achieve-delete-text {
  color: #F56C6C;
}

.achieve-add-row {
  background-color: #f0f9ff;
}

.achieve-add-text {
  color: #67C23A;
}

/* diff高亮样式 */
.diff-delete {
  color: #F56C6C;
  text-decoration: line-through;
}

.diff-add {
  color: #67C23A;
  font-weight: bold;
}

/* 变更日志左右并排布局 */
.change-log-compare {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.change-before {
  flex: 1;
  color: #606266;
  text-align: right;
  padding: 4px 8px;
  background-color: #f5f7fa;
  border-radius: 4px;
  word-break: break-word;
  text-decoration: line-through;
  font-size: 12px;
}

.change-arrow {
  flex-shrink: 0;
  color: #409EFF;
  font-size: 16px;
  font-weight: bold;
  padding: 0 8px;
}

.change-after {
  flex: 1;
  color: #000000;
  font-weight: normal;
  text-align: left;
  padding: 4px 8px;
  background-color: #f0f9ff;
  border-radius: 4px;
  word-break: break-word;
  font-size: 12px;
}


/* 备注日志布局 */
.remark-log-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 20px;
}

.remark-column-left {
  width: 80px;
  flex-shrink: 0;
}

.remark-column-right {
  flex: 1;
}

/* 快速备注区域 */
.quick-remark-area {
  margin-top: 12px;
  padding: 12px;
  background-color: #f8f9fa;
  border-radius: var(--ds-radius, 3px);
  border: 1px solid var(--ds-border, #DFE1E6);
  border-left: 3px solid var(--ds-border-focused, #4C9AFF);
}

.quick-remark-footer {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}

.quick-remark-input {
  margin-bottom: 5px;
}

/* ==========================================================================
   卡片标题区通用布局样式 (Order Card Header Styles)
   ========================================================================== */

.order-card-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}

.order-card-header-title {
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.order-card-header-subtitle {
  font-size: 11px;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.01em;
  flex: 1;
}

.order-card-header .el-button {
  margin-left: auto !important;
}

/* Card Header Title with Tooltip Icon */
.order-title-with-tip,
.order-card-header-title.with-tip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px;
  font-weight: 700;
  color: #000000 !important;
}

.order-tip-icon-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000 !important;
  cursor: pointer;
  font-size: 14px;
  transition: transform 0.2s ease, opacity 0.2s ease;
  line-height: 1;
}

.order-tip-icon-trigger:hover,
.order-tip-icon-trigger:focus {
  color: #000000 !important;
  opacity: 0.75;
  transform: scale(1.15);
  outline: none;
}

@media screen and (max-width: 1366px) {
  .order-card-header-title,
  .order-title-with-tip {
    font-size: 12px;
  }
}

/* ========== 全局业务表格操作列与详情按钮统一规范 (LESSON-019) ========== */
.product-table-actions,
.table-row-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.product-row-action,
.table-row-action-btn {
  width: 44px;
  min-height: 28px;
  margin: 0 !important;
  padding: 5px 0 !important;
}