/* /Components/Common/AppPageTitle.razor.rz.scp.css */
/* CSS for AppPageTitle component */
.app-page-title[b-717bt52tft] {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	color: #0f172a;
	font-size: 1.5rem;
	font-weight: 900;
	margin: 0;
}

.app-page-title[b-717bt52tft]::before {
	content: "";
	width: 5px;
	height: 1.7rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, #5b82ff 0%, #2f56d9 100%);
	box-shadow: 0 1px 2px rgba(47, 86, 217, 0.28);
	flex-shrink: 0;
}
/* /Components/Common/AppPagination.razor.rz.scp.css */

.app-pager-container[b-98o8o4io00] {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1rem;
	width: 100%;
	background-color: rgb(248 250 252 / 0.9);
	color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.app-pager-page-size[b-98o8o4io00] {
	grid-column: 1;
	justify-self: start;
	display: flex;
	align-items: center;
	gap: 0.6667rem;
	font-weight: 600;
}

	.app-pager-page-size select[b-98o8o4io00] {
		height: 2.2rem;
		border: 1px solid #cbd5e1;
		border-radius: 0.4444rem;
		padding: 0 1rem;
		background-color: #ffffff;
	}

.app-pager-main[b-98o8o4io00] {
	grid-column: 2;
	justify-self: center;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 0.5rem;
	padding: 0.3rem;
	box-shadow: 0 0.1111rem 0.2223rem rgba(0, 0, 0, 0.03);
	gap: 0.2223rem;
}

.app-pager-main[b-98o8o4io00]  .app-pager-numbers {
	display: flex;
	align-items: center;
	gap: 0.2223rem;
	margin: 0 0.2223rem;
}
	.app-pager-main[b-98o8o4io00]  .app-pager-numbers .mud-button-text-default:hover,
	.app-pager-main[b-98o8o4io00]  .app-pager-numbers .mud-icon-button:hover {
		background: #eaeaea;
	}
	.app-pager-main[b-98o8o4io00]  .app-pager-numbers .mud-button-filled {
		background: #2563eb;
		font-weight: 600;
		cursor: default;
	}

		.app-pager-main[b-98o8o4io00]  .mud-pagination .mud-pagination-item > * {
			height: 2rem;
			min-width: 2rem;
			text-align: center;
			border-radius: 0.5rem;
		}

		.app-pager-ellipsis[b-98o8o4io00] {
			padding: 0 0.3rem;
		}

		.app-pager-goto[b-98o8o4io00] {
			grid-column: 3;
			justify-self: end;
			display: flex;
			align-items: center;
			gap: 0.5rem;
		}

		.app-pager-goto-wrap[b-98o8o4io00] {
			display: flex;
			align-items: center;
			border: 1px solid #cbd5e1;
			border-radius: 0.5rem;
			overflow: hidden;
			background-color: #ffffff;
		}

			.app-pager-goto-wrap input[b-98o8o4io00] {
				width: 5rem;
				height: 2.4rem;
				text-align: center;
				border: none;
				outline: none;
			}

			.app-pager-goto-wrap button[b-98o8o4io00] {
				height: 2.4rem;
				padding: 0 0.5rem;
				border: none;
				border-left: 1px solid #cbd5e1;
				background: #f8fafc;
				cursor: pointer;
			}

				.app-pager-goto-wrap button:hover[b-98o8o4io00] {
					background: #e2e8f0;
				}

		.app-pager-total[b-98o8o4io00] {
		}


/* /Components/Common/FormDate.razor.rz.scp.css */
/* CSS for ListSearchDate component */
.list-search-item[b-zpldouzbna]  .mud-input-adornment-end {
	margin-left: 3px;
}

.list-search-item[b-zpldouzbna]  .mud-input-root {
	box-sizing: border-box;
	width: 80px;
}

.list-search-item[b-zpldouzbna]  .mud-icon-button {
	padding: 2px;
	margin-right: 0;
}
/* /Components/Common/FormSelect.razor.rz.scp.css */
/* CSS for ListSearchSelect component */
/* /Components/Common/InUpInfoLine.razor.rz.scp.css */
/* CSS for InUpInfoLine component */
.form-text-line[b-j1t0eg9wvd] {
	text-align: center;
	padding: 0.1rem 0.5rem 0.5rem;
}

	.form-text-line .code[b-j1t0eg9wvd] {
		font-weight: 700;
		color: #666386;
	}
.form-text-line span[b-j1t0eg9wvd] {
	font-size: 0.95rem;
}

	.form-text-line .part-bar[b-j1t0eg9wvd]::after {
		content: "|";
		font-size: 0.8rem;
		color: #ccc;
		margin: -1rem 0.2rem 0 0.5rem;
		position: relative;
		top: -0.18rem;
	}
/* /Components/Common/ListSearchDate.razor.rz.scp.css */
/* CSS for ListSearchDate component */
.list-search-item[b-93jxziwua3]  .mud-input-adornment-end {
	margin-left: 3px;
}

.list-search-item[b-93jxziwua3]  .mud-input-root {
	box-sizing: border-box;
	width: 80px;
}

.list-search-item[b-93jxziwua3]  .mud-icon-button {
	padding: 2px;
	margin-right: 0;
}
/* /Components/Common/ListSearchSelect.razor.rz.scp.css */
/* CSS for ListSearchSelect component */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-wrapper[b-36b0vl07cz] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.header[b-36b0vl07cz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 50;
}

.header-top[b-36b0vl07cz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.92rem;
    padding: 0 1.85rem;
    gap: 1.85rem;
}

.header-left[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 2.46rem;
    min-width: 0;
}

.brand-box h1[b-36b0vl07cz] {
    font-size: 1.38rem;
    font-weight: 700;
    color: var(--primary);
    line-height: 1.2;
}

.brand-box p[b-36b0vl07cz] {
    color: var(--secondary);
}

.search-container[b-36b0vl07cz] {
    position: relative;
}

.search-icon[b-36b0vl07cz] {
    position: absolute;
    left: 0.92rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--outline);
    font-size: 1.54rem;
}

.search-input[b-36b0vl07cz] {
    width: 19.69rem;
    padding: 0.62rem 1.23rem 0.62rem 3.08rem;
    border: none;
    border-radius: 0.62rem;
    background: var(--surface-container-low);
    color: var(--on-surface);
}

.search-input:focus[b-36b0vl07cz] {
    outline: none;
    box-shadow: 0 0 0 0.15rem var(--primary);
    background: #fff;
}

.header-right[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 1.23rem;
    margin-left: auto;
}

.icon-btn[b-36b0vl07cz] {
    background: none;
    border: none;
    color: var(--secondary);
    cursor: pointer;
    position: relative;
    transition: color 0.2s;
}

.code-reset-btn[b-36b0vl07cz] {
    padding: 0.35rem 0.62rem;
    border: 1px solid var(--outline-variant);
    border-radius: 0.38rem;
    font-size: 0.85rem;
    line-height: 1;
}

.icon-btn:hover[b-36b0vl07cz] {
    color: var(--primary);
}

.notification-dot[b-36b0vl07cz] {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.62rem;
    height: 0.62rem;
    background: var(--error);
    border-radius: 50%;
}

.user-profile[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 0.92rem;
    margin-left: 0.62rem;
    padding-left: 1.23rem;
    border-left: 1px solid var(--outline-variant);
    cursor: pointer;
}

.user-info[b-36b0vl07cz] {
    text-align: right;
}

.user-name[b-36b0vl07cz] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--on-surface);
}

.user-dept[b-36b0vl07cz] {
    color: var(--secondary);
}

.avatar[b-36b0vl07cz] {
    width: 2.46rem;
    height: 2.46rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--outline-variant);
    background: linear-gradient(135deg, var(--primary), #7c90ff);
    color: #fff;
    font-weight: 700;
}

.erp-menu-nav[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    padding: 0 1.15rem;
    height: 2.31rem;
    background: #fff;
    overflow: visible;
    position: relative;
    z-index: 1000;
}

.erp-content-layout[b-36b0vl07cz] {
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.erp-sidebar[b-36b0vl07cz] {
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    flex: 0 0 var(--sidebar-width);
    background: var(--white);
    border-right: 1px solid var(--border);
    box-shadow: 0.77rem 0 2.31rem rgba(0, 40, 142, 0.04);
    transition: width 0.25s ease, min-width 0.25s ease, flex-basis 0.25s ease;
    z-index: 20;
}

.erp-sidebar.is-collapsed[b-36b0vl07cz] {
    width: var(--sidebar-collapsed-width);
    min-width: var(--sidebar-collapsed-width);
    flex-basis: var(--sidebar-collapsed-width);
}

    .erp-sidebar.is-resizing[b-36b0vl07cz] {
        transition: none;
    }

.erp-splitter[b-36b0vl07cz] {
    width: 0.23rem;
    flex: 0 0 0.23rem;
    position: relative;
    cursor: col-resize;
    background: var(--border);
}

.erp-splitter[b-36b0vl07cz]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.15rem;
    width: 0.15rem;
    border-radius: 76.85rem;
    background: transparent;
    transition: background-color 0.2s ease;
}

.erp-splitter:hover[b-36b0vl07cz]::after,
.erp-splitter.is-active[b-36b0vl07cz]::after {
    background: var(--primary-soft);
}

.erp-header[b-36b0vl07cz] {
    min-height: 6.15rem;
    padding: 1.08rem 1.85rem;
    display: flex;
    align-items: center;
    gap: 1.54rem;
    background: var(--white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
}

.erp-brand-block[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 1.08rem;
    min-width: 16.92rem;
}

.erp-sidebar-toggle[b-36b0vl07cz] {
    width: 3.08rem;
    height: 3.08rem;
    border: 1px solid var(--border);
    border-radius: 0.77rem;
    background: var(--surface-container-low);
    color: var(--text-gray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.erp-sidebar-toggle:hover[b-36b0vl07cz] {
    border-color: var(--primary-soft);
    color: var(--primary);
    background: #fff;
}

.erp-search-box[b-36b0vl07cz] {
    flex: 1;
    max-width: 27.69rem;
    height: 3.23rem;
    padding: 0 1.08rem;
    border: 1px solid var(--border);
    border-radius: 0.92rem;
    background: var(--surface-container-low);
    display: flex;
    align-items: center;
    gap: 0.77rem;
}

.erp-search-box span[b-36b0vl07cz] {
    color: var(--text-gray);
}

.erp-search-box input[b-36b0vl07cz] {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font: inherit;
    color: var(--text-dark);
}

.erp-search-box input[b-36b0vl07cz]::placeholder {
    color: var(--text-gray);
}

.erp-tabbar[b-36b0vl07cz] {
    height: 2.69rem;
    background: var(--bg-main-dark);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: flex-end;
    padding: 0 0.92rem;
    flex-shrink: 0;
}

.main-tab-list[b-36b0vl07cz] {
    display: flex;
    align-items: flex-end;
    gap: 0;
    flex: 1;
    height: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.main-tab[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    height: 100%;
    padding: 0 0.38rem 0 1.15rem;
    cursor: pointer;
    white-space: nowrap;
    background: var(--bg-main-dark);
    border: 1px solid #ddd;
    border-top: 2px solid #bbb;
    border-bottom: 0;
}

.main-tab.dashboard-tab[b-36b0vl07cz] {
    padding: 0 1.54rem;
}

.main-tab-icon[b-36b0vl07cz] {
    font-size: 1.38rem;
    line-height: 1;
}

    .main-tab.active[b-36b0vl07cz] {
        background: #fff;
        border-top-color: var(--primary-soft);
        border-top: 2px solid var(--primary);
        color: var(--primary);
        font-weight: 500;
        cursor: default;
    }

    .main-tab.inactive:hover[b-36b0vl07cz] {
        background: var(--bg-main);
    }

.main-tab-title[b-36b0vl07cz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-tab-close[b-36b0vl07cz] {
    width: 1.38rem;
    height: 1.38rem;
    border: 0;
    border-radius: 0.31rem;
    background: transparent;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .main-tab-close:hover[b-36b0vl07cz] {
        background: #fee2e2;
        color: #dc2626;
    }

.main-tab-close-all[b-36b0vl07cz] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.62rem;
    color: var(--secondary);
}

.main-tab-btn-close-all[b-36b0vl07cz] {
    display: inline-flex;
    align-items: center;
    gap: 0.31rem;
    height: 2.15rem;
    padding: 0 0.77rem;
    border: 0;
    border-radius: 0.62rem;
    background: transparent;
    color: var(--text-gray);
    cursor: pointer;
}

.main-tab-btn-close-all:hover[b-36b0vl07cz] {
    background: #fee2e2;
    color: #dc2626;
}

.main-tab-page[b-36b0vl07cz] {
    height: 2.46rem;
    min-width: 10.77rem;
    padding: 0 0.92rem;
    background: #f1f5f9;
    border: 1px solid var(--border);
    border-bottom: 0;
    border-radius: 0.77rem 0.77rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.62rem;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
    color: var(--text-gray);
    font-size: 0.96rem;
    font-weight: 600;
}

.main-tab-page:hover[b-36b0vl07cz] {
    background: #e2e8f0;
}

.main-tab-page.active[b-36b0vl07cz] {
    background: var(--white);
    color: var(--primary);
    height: 2.62rem;
    margin-bottom: -0.08rem;
    z-index: 2;
}

.erp-workspace[b-36b0vl07cz] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.erp-main[b-36b0vl07cz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.erp-content[b-36b0vl07cz] {
height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--bg-main);
}

.erp-footer[b-36b0vl07cz] {
    height: 2.31rem;
    padding: 0 1.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.23rem;
    border-top: 1px solid var(--border);
    background: var(--white);
    color: var(--text-gray);
}

.footer-left[b-36b0vl07cz],
.footer-links[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    gap: 1.08rem;
    flex-wrap: wrap;
}

.footer-brand[b-36b0vl07cz] {
    font-weight: 700;
    color: var(--text-dark);
}

.footer-links a[b-36b0vl07cz] {
    color: inherit;
    text-decoration: none;
}

.footer-links a:hover[b-36b0vl07cz] {
    color: var(--primary);
    text-decoration: underline;
}

.modal-backdrop[b-36b0vl07cz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}

.modal-center-wrap[b-36b0vl07cz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.member-register-popup-shell[b-36b0vl07cz] {
    box-shadow: 0 0.5rem 2rem rgba(15, 23, 42, 0.25);
    width: auto;
}

.member-register-popup-shell.hold-popup-shell[b-36b0vl07cz] {
    width: 800px !important;
    min-width: 800px !important;
}

.member-register-popup-shell.item-change-popup-shell[b-36b0vl07cz] {
    width: 980px !important;
    min-width: 980px !important;
}

.member-register-popup-shell.member-info-integrate-popup-shell[b-36b0vl07cz] {
    width: 1180px !important;
    min-width: 1180px !important;
}

#blazor-error-ui[b-36b0vl07cz] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -0.08rem 0.15rem rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-36b0vl07cz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}


/* /Components/Layout/NavLeft.razor.rz.scp.css */
.left-menu-wrapper[b-ki6p4snftu] {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #fcfdfe;
	position: relative;
	font-family: 'Nanum Gothic';
}

.toggle-btn[b-ki6p4snftu] {
	position: absolute;
	right: -0.92rem;
	top: 0.77rem;
	width: 1.85rem;
	height: 1.85rem;
	background-color: var(--white);
	border: 0.08rem solid var(--border);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 100;
	box-shadow: var(--shadow-sm);
	color: var(--text-gray);
	transition: var(--transition);
}

	.toggle-btn:hover[b-ki6p4snftu] {
		background-color: var(--primary-soft);
		color: var(--primary);
		border-color: var(--primary);
	}

/* 빠른 접근 영역은 좌측 메뉴 세로 공간의 절반을 사용하고 내부 스크롤로 확장한다. */
.quick-access[b-ki6p4snftu] {
	flex: 1 1 30%;
	min-height: 0;
	padding: 0 1.23rem 1.23rem;
	overflow-x: hidden;
	overflow-y: auto;
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.25s ease, opacity 0.25s ease, max-height 0.25s ease, padding 0.25s ease;
}

.quick-title[b-ki6p4snftu] {
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--text-gray);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0.77rem 0 0.38rem;
	padding: 0 0.62rem;
}

.quick-link[b-ki6p4snftu] {
	display: flex;
	align-items: center;
	gap: 0.92rem;
	padding: 0.38rem 0.62rem;
	border-radius: 0.38rem;
	text-decoration: none;
	transition: background 0.2s;
}

	.quick-link:hover[b-ki6p4snftu] {
		background-color: var(--surface-container-low);
	}

	.quick-link .material-symbols-outlined[b-ki6p4snftu] {
		color: var(--primary);
		font-size: 1.54rem;
	}

	.quick-link span[b-ki6p4snftu] {
		font-size: 0.92rem;
	}

.menu-group[b-ki6p4snftu] {
	margin-bottom: 0.15rem;
}

.menu-btn[b-ki6p4snftu] {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.15rem 0.77rem;
	border-radius: 0.38rem;
	border: none;
	background: transparent;
	cursor: pointer;
	transition: var(--transition);
	color: var(--text-dark);
	font-size: 1.15rem;
	font-weight: 600;
	white-space: nowrap;
}

	.menu-btn:hover[b-ki6p4snftu] {
		background-color: var(--primary-soft);
		color: var(--primary);
	}

.menu-btn-content[b-ki6p4snftu] {
	display: flex;
	align-items: center;
	gap: 0.92rem;
}

.icon-wrap[b-ki6p4snftu] {
	width: 1.54rem;
	height: 1.54rem;
	min-width: 1.54rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.69rem;
	color: currentColor;
}

.chevron[b-ki6p4snftu] {
	line-height: 1;
	transition: transform 0.3s;
	opacity: 0.5;
	margin-top: 0;
	margin-bottom: 0.77rem;
}

/* 조직도 영역은 본문 스크롤과 하단 필터 영역을 분리해 유지한다. */
.org-tree[b-ki6p4snftu] {
	flex: 1 1 50%;
	min-height: 0;
	margin: 0.92rem 1.08rem 1.23rem;
	padding: 1rem 0 0;
	border-top: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform: translateX(0);
	opacity: 1;
}

	.org-tree h3[b-ki6p4snftu] {
		margin: 0 0 0.77rem 0;
		padding: 0 0.92rem;
		font-size: 1rem;
		font-weight: 700;
		color: var(--text-dark);
	}

.org-tree-content[b-ki6p4snftu] {
	flex: 1 1 auto;
	min-height: 0;
	padding: 0 0.92rem;
	overflow-x: hidden;
	overflow-y: auto;
}

.org-filter-bar[b-ki6p4snftu] {
	display: flex;
	align-items: center;
	gap: 1.08rem;
	padding: 0.77rem 0.92rem 0;
	margin-top: 0.77rem;
	border-top: 1px solid var(--border);
}

.org-filter-option[b-ki6p4snftu] {
	display: inline-flex;
	align-items: center;
	gap: 0.31rem;
	font-size: 0.92rem;
	color: var(--text-dark);
	cursor: pointer;
}

	.org-filter-option input[b-ki6p4snftu] {
		margin: 0;
	}

.tree-item[b-ki6p4snftu] {
	margin-bottom: 0.31rem;
}

.tree-row[b-ki6p4snftu] {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	min-height: 2.15rem;
	font-size: 1rem;
	color: var(--text-dark);
	white-space: nowrap;
}

.tree-row-expandable[b-ki6p4snftu] {
	cursor: pointer;
	user-select: none;
}

	.tree-row-expandable:hover[b-ki6p4snftu] {
		color: var(--primary);
	}

.tree-row-selected[b-ki6p4snftu] {
	background: #e7f0ff;
	border-radius: 0.31rem;
	color: #1d4ed8;
}

/* 조직도 아이콘과 코드 식별용 행은 공통 스타일로 정렬한다. */
.tree-arrow[b-ki6p4snftu],
.tree-arrow-placeholder[b-ki6p4snftu] {
	width: 1.25rem;
	min-width: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--outline);
	font-size: 1.5rem;
}

.tree-arrow-placeholder[b-ki6p4snftu] {
	visibility: hidden;
}

.tree-node-icon[b-ki6p4snftu] {
	font-size: 1.33rem;
}

.tree-node-icon-bonbu[b-ki6p4snftu] {
	color: var(--primary);
	font-size: 1.5rem;
}

.tree-node-icon-team[b-ki6p4snftu],
.tree-node-icon-jijum[b-ki6p4snftu],
.tree-node-icon-sawon[b-ki6p4snftu] {
	color: var(--secondary);
}

.tree-node-label[b-ki6p4snftu] {
	overflow: hidden;
	text-overflow: ellipsis;
}

.tree-node-label-strong[b-ki6p4snftu] {
	font-weight: 500;
}

.tree-row-leaf[b-ki6p4snftu] {
	color: var(--secondary);
}

.tree-empty-row[b-ki6p4snftu] {
	color: var(--text-gray);
}

.tree-child[b-ki6p4snftu] {
	margin-left: 1.54rem;
	padding-left: 0.62rem;
	border-left: 1px dashed #e2e8f0;
}

.left-menu-wrapper.collapsed .quick-access[b-ki6p4snftu],
.left-menu-wrapper.collapsed .org-tree[b-ki6p4snftu] {
	transform: translateX(-1.85rem);
	opacity: 0;
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-width: 0;
	overflow: hidden;
	pointer-events: none;
}

.left-menu-wrapper.collapsed .toggle-btn[b-ki6p4snftu] {
	transform: rotate(180deg);
}


/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu-wrapper[b-t038tx7qm2] {
	width: 100%;
	position: relative;
	overflow: visible;
	z-index: 1001;
}

.nav-menu-list[b-t038tx7qm2] {
	display: flex;
	align-items: center;
	gap: 0.31rem;
	width: 100%;
	max-width: 100%;
	height: 100%;
	overflow: visible;
}

.menu-group[b-t038tx7qm2] {
	position: relative;
	flex: 0 0 auto;
	z-index: 1002;
}

.menu-item[b-t038tx7qm2] {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	height: 100%;
	min-height: 2.31rem;
	padding: 0 1.15rem;
	border: 0;
	background: transparent;
	color: var(--secondary);
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.2s;
}

.menu-group:hover > .menu-item[b-t038tx7qm2],
.menu-item:hover[b-t038tx7qm2] {
	color: var(--primary);
	background-color: var(--surface-container-low);
}

.menu-btn[b-t038tx7qm2] {
	justify-content: space-between;
}

.menu-text[b-t038tx7qm2] {
	display: inline-flex;
	align-items: center;
	font-size: 1.1rem;
}

.chevron[b-t038tx7qm2],
.submenu-chevron[b-t038tx7qm2] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.23rem;
	height: 1.23rem;
	line-height: 1;
	opacity: 0.6;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.menu-group:hover > .menu-item .chevron[b-t038tx7qm2] {
	transform: rotate(180deg);
	opacity: 1;
}

.submenu[b-t038tx7qm2] {
	display: none;
	margin: 0;
	padding: 0.62rem;
	background: #fff;
	border: 0.08rem solid var(--border);
	border-radius: 0.92rem;
	box-shadow: 0 0.77rem 2.31rem rgba(15, 23, 42, 0.12);
}

.nav-menu-wrapper.suppress-dropdown .submenu-level2[b-t038tx7qm2],
.nav-menu-wrapper.suppress-dropdown .submenu-level3[b-t038tx7qm2] {
	display: none !important;
}

.menu-group:hover > .submenu-level2[b-t038tx7qm2] {
	display: block;
}

.submenu-level2[b-t038tx7qm2] {
	position: absolute;
	top: calc(100% - 0.15rem);
	left: 0;
	min-width: 16.92rem;
	z-index: 1100;
}

.submenu-level2-group[b-t038tx7qm2] {
	position: relative;
}

.submenu-item[b-t038tx7qm2] {
	padding: 0.62rem 0.77rem;
	font-size: 1.04rem;
	color: var(--text-dark);
	cursor: pointer;
	border-radius: 0.62rem;
	transition: all 0.2s;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.62rem;
}
.submenu-item span[b-t038tx7qm2] {
	font-size: 1.1rem;
}

.submenu-item:hover[b-t038tx7qm2] {
	color: var(--primary);
	font-weight: 700;
	background-color: #f0f4ff;
}

.submenu-level2-group:hover > .submenu-item .submenu-chevron[b-t038tx7qm2] {
	transform: rotate(-90deg);
	opacity: 1;
}

.submenu-level2-group:hover > .submenu-level3[b-t038tx7qm2] {
	display: block;
}

.submenu-level3[b-t038tx7qm2] {
	position: absolute;
	top: -0.62rem;
	left: calc(100% - 0.38rem);
	min-width: 16.92rem;
	z-index: 1010;
}

.submenu-item-disabled[b-t038tx7qm2] {
	cursor: default;
	color: var(--text-light);
}

.submenu-item-disabled:hover[b-t038tx7qm2] {
	color: var(--text-light);
	font-weight: 400;
	background-color: transparent;
}


/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6s9hpe2qn2],
.components-reconnect-repeated-attempt-visible[b-6s9hpe2qn2],
.components-reconnect-failed-visible[b-6s9hpe2qn2],
.components-pause-visible[b-6s9hpe2qn2],
.components-resume-failed-visible[b-6s9hpe2qn2],
.components-rejoining-animation[b-6s9hpe2qn2] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-retrying[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-failed[b-6s9hpe2qn2],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6s9hpe2qn2] {
    display: block;
}


#components-reconnect-modal[b-6s9hpe2qn2] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6s9hpe2qn2 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6s9hpe2qn2 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6s9hpe2qn2 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6s9hpe2qn2]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6s9hpe2qn2 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6s9hpe2qn2 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6s9hpe2qn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6s9hpe2qn2 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6s9hpe2qn2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6s9hpe2qn2] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6s9hpe2qn2] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6s9hpe2qn2] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6s9hpe2qn2] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6s9hpe2qn2] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6s9hpe2qn2] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6s9hpe2qn2 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6s9hpe2qn2] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6s9hpe2qn2 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Codes/EventGoodsRegister.razor.rz.scp.css */
/* 행사물품코드관리 화면 전체 컨테이너 */
.evtgoods-page[b-3ujn41hdxq] {
    display: grid;
    gap: 0.75rem;
}

/* 좌우 2열 레이아웃 */
.evtgoods-layout[b-3ujn41hdxq] {
    display: grid;
    grid-template-columns: 24rem 1fr;
    gap: 0.75rem;
}

/* 좌측/우측 섹션 공통 스타일 */
.evtgoods-section[b-3ujn41hdxq] {
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    padding: 0.5rem;
    background: #ffffff;
    min-height: 30rem;
}

/* 우측 섹션이 충분히 넓게 보이도록 처리 */
.evtgoods-right[b-3ujn41hdxq] {
    min-width: 0;
}

/* 섹션 제목 + 버튼 영역 */
.evtgoods-title-row[b-3ujn41hdxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

/* 제목 텍스트 스타일 */
.evtgoods-title-row h3[b-3ujn41hdxq] {
    margin: 0;
    font-size: 1rem;
    color: #0b3ba7;
}

/* 버튼 그룹 */
.evtgoods-btns[b-3ujn41hdxq],
.evtgoods-row-btns[b-3ujn41hdxq],
.evtgoods-modal-btns[b-3ujn41hdxq] {
    display: flex;
    gap: 0.25rem;
}

/* 버튼 기본 스타일 */
.evtgoods-btns button[b-3ujn41hdxq],
.evtgoods-row-btns button[b-3ujn41hdxq],
.evtgoods-modal-btns button[b-3ujn41hdxq] {
    min-width: 3rem;
    height: 1.8rem;
    border: 1px solid #9ca3af;
    background: #f8fafc;
    cursor: pointer;
}

/* 선택 코드 표시 */
.evtgoods-selected-code[b-3ujn41hdxq] {
    margin-bottom: 0.5rem;
    color: #1f2937;
}

/* 테이블 래퍼(세로 스크롤) */
.evtgoods-table-wrap[b-3ujn41hdxq] {
    max-height: 36rem;
    overflow: auto;
}

/* 우측은 더 긴 표를 보여주도록 높이 확장 */
.evtgoods-table-wrap-large[b-3ujn41hdxq] {
    max-height: 36rem;
}

/* 테이블 기본 */
.evtgoods-table[b-3ujn41hdxq] {
    width: 100%;
    border-collapse: collapse;
}

/* 헤더/셀 공통 스타일 */
.evtgoods-table th[b-3ujn41hdxq],
.evtgoods-table td[b-3ujn41hdxq] {
    border: 1px solid #d1d5db;
    padding: 0.25rem;
    white-space: nowrap;
    vertical-align: middle;
}

/* 헤더 배경 */
.evtgoods-table th[b-3ujn41hdxq] {
    position: sticky;
    top: 0;
    background: #eff6ff;
    z-index: 1;
}

/* 숫자 입력/표시 우측 정렬 */
.evtgoods-table td.num[b-3ujn41hdxq],
.evtgoods-table th.num[b-3ujn41hdxq],
.evtgoods-table input.num[b-3ujn41hdxq] {
    text-align: right;
}

/* 행 편집 입력 컨트롤 */
.evtgoods-table input[b-3ujn41hdxq] {
    width: 100%;
    min-width: 0;
    height: 1.75rem;
    border: 1px solid #5d5d5d;
    padding: 0 0.25rem;
}

/* 선택/편집 행 강조 */
.evtgoods-table tr.selected td[b-3ujn41hdxq] {
    background: #dbeafe;
}

/* 모달 배경 */
.evtgoods-modal-backdrop[b-3ujn41hdxq] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.45);
    z-index: 1000;
}

/* 모달 본문 */
.evtgoods-modal[b-3ujn41hdxq] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28rem;
    border: 1px solid #9ca3af;
    border-radius: 0.4rem;
    background: #ffffff;
    padding: 0.75rem;
    z-index: 1001;
    display: grid;
    gap: 0.5rem;
}

/* 모달 제목 */
.evtgoods-modal-title[b-3ujn41hdxq] {
    color: #0b3ba7;
    font-weight: 700;
}

/* 모달 입력 그리드 */
.evtgoods-modal-grid[b-3ujn41hdxq] {
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 0.25rem;
    align-items: center;
}

/* 모달 라벨 */
.evtgoods-modal-grid label[b-3ujn41hdxq] {
    text-align: right;
    padding-right: 0.25rem;
}

/* 모달 입력 */
.evtgoods-modal-grid input[b-3ujn41hdxq] {
    width: 100%;
    min-width: 0;
    height: 1.75rem;
    border: 1px solid #5d5d5d;
    padding: 0 0.25rem;
}

/* 모달 버튼 정렬 */
.evtgoods-modal-btns[b-3ujn41hdxq] {
    justify-content: flex-end;
}

/* 안내 메시지 */
.evtgoods-message[b-3ujn41hdxq] {
    color: #b91c1c;
}

/* 좌측 행사물품 컬럼 너비 및 정렬 */
.evtgoods-mst-grid[b-3ujn41hdxq] { table-layout: fixed; width: 100%; }
.evtgoods-mst-grid .evtgoods-col-code[b-3ujn41hdxq] { width: 6rem; }
.evtgoods-mst-grid .evtgoods-col-name[b-3ujn41hdxq] { width: 25rem; }
.evtgoods-mst-grid .evtgoods-col-remark[b-3ujn41hdxq] { width: auto; }
.evtgoods-mst-grid .evtgoods-code-head[b-3ujn41hdxq],
.evtgoods-mst-grid .evtgoods-code-cell[b-3ujn41hdxq] { text-align: center; }

/* 우측 기간별 단가: 비고만 가변폭, 나머지 고정폭 */
.evtgoods-detail-grid[b-3ujn41hdxq] { table-layout: fixed; width: 100%; }
.evtgoods-detail-grid .evtgoods-dcol-fr[b-3ujn41hdxq] { width: 9.5rem; }
.evtgoods-detail-grid .evtgoods-dcol-tr[b-3ujn41hdxq] { width: 9.5rem; }
.evtgoods-detail-grid .evtgoods-dcol-qty[b-3ujn41hdxq] { width: 8.8rem; }
.evtgoods-detail-grid .evtgoods-dcol-cost[b-3ujn41hdxq] { width: 8.8rem; }
.evtgoods-detail-grid .evtgoods-dcol-amt[b-3ujn41hdxq] { width: 8.8rem; }
.evtgoods-detail-grid .evtgoods-dcol-remark[b-3ujn41hdxq] { width: auto; }

/* 타이틀 중앙 정렬 */
.form-title-bar[b-3ujn41hdxq] { position: relative; }
.form-title-bar .form-title[b-3ujn41hdxq] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.form-title-bar .form-btns[b-3ujn41hdxq] { margin-left: auto; }

/* 그리드 헤더 타이틀 중앙 정렬 */
.evtgoods-mst-grid th[b-3ujn41hdxq],
.evtgoods-detail-grid th[b-3ujn41hdxq] {
    text-align: center;
}
/* /Components/Pages/Event/DocList.razor.rz.scp.css */
/* ===== 증서발송현황 (DocList) - 파워빌더 정확한 데이터윈도우 구현 ===== */

/**
 * 메인 페이지 컨테이너
 * - list-wrap-border: 프로젝트 표준 리스트 페이지 래퍼
 * - doc-list-page: 증서발송현황 페이지 전용 추가 스타일
 */
.doc-list-page[b-ugo2zsb9ei] {
    /* list-wrap-border에서 이미 flex column 설정됨 */
}

/**
 * 메인 콘테이너: 좌측(반송 통계 dw_2) + 우측(상세 발송정보 dw_1)
 * - display: flex로 좌우 나란히 배치
 * - gap: 각 섹션 간 간격
 * - flex: 1로 남은 공간 채우기
 * - min-height: 0으로 flex 내부 스크롤 가능
 */
.doc-list-content[b-ugo2zsb9ei] {
    display: flex;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
    padding: 0.5rem;
    background: #f5f5f5;
}

/**
 * 좌측 섹션: 반송처리 그룹박스 + 반송 통계 그리드 (dw_2)
 * - flex: 0 0 20%로 20% 너비 고정 (원래 40%에서 절반으로 축소)
 * - display: flex (column)로 그룹박스와 그리드 세로 배치
 * - min-height: 0으로 그리드 스크롤 활성화
 */
.doc-list-left-section[b-ugo2zsb9ei] {
    flex: 0 0 20%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
}

/**
 * 우측 섹션: 발송정보 그룹박스 + 상세 발송정보 그리드 (dw_1)
 * - flex: 1로 남은 공간 채우기 (80%)
 * - display: flex (column)로 그룹박스와 그리드 세로 배치
 * - min-height: 0으로 그리드 스크롤 활성화
 */
.doc-list-right-section[b-ugo2zsb9ei] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
}

/**
 * 그룹박스 스타일 (반송처리, 발송정보)
 * - border: 1px solid #999로 테두리
 * - border-radius: 0.25rem로 약간의 모깥각
 * - padding: 0.5rem으로 내부 여백
 * - background: #f9f9f9로 배경색
 * - flex-shrink: 0으로 축소되지 않음 (고정 높이 유지)
 */
.doc-list-groupbox[b-ugo2zsb9ei] {
    border: 1px solid #999;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background: #f9f9f9;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/**
 * 그룹박스 제목 (legend)
 * - font-weight: 600으로 볼드 처리
 * - background: #d9d9d9로 회색 배경 (파워빌더 스타일)
 * - padding: 0.3rem 0.5rem
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 0.875rem (12px→10.5px)
 * - color: #333 (검정색)
 */
.doc-list-groupbox legend[b-ugo2zsb9ei] {
    font-weight: 600;
    color: #333;
    background-color: #d9d9d9;
    padding: 0.3rem 0.5rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 0.875rem;
}

/**
 * 폼 행: 입력 필드와 라벨
 * - display: flex로 가로 배치
 * - align-items: center로 세로 중앙 정렬
 * - gap: 0.5rem 간격
 */
.doc-list-form-row[b-ugo2zsb9ei] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/**
 * 인라인 행: 그룹박스 내 모든 필드를 한 줄로 배치
 * - display: flex로 모든 요소를 가로로 배치
 * - align-items: center로 세로 중앙 정렬
 * - gap: 0.4rem으로 요소 간 간격
 * - flex-wrap: wrap으로 필요시 다음 줄로 넘김
 * - padding: 0.4rem으로 내부 여백
 */
.doc-list-inline-row[b-ugo2zsb9ei] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
    padding: 0.35rem;
}

/**
 * 인라인 라벨: 한 줄 레이아웃에서 사용
 * - white-space: nowrap으로 줄바꿈 방지
 * - width: auto (자동 크기)
 * - font-weight: 500
 * - text-align: right로 우측 정렬
 * - font-size: 11px (축소된 폰트)
 */
.doc-list-inline-row .doc-list-label[b-ugo2zsb9ei] {
    white-space: nowrap;
    width: auto;
    font-weight: 500;
    text-align: right;
    font-size: 11px;
    flex-shrink: 0;
}

/**
 * 인라인 입력 필드 (text 및 date)
 * - flex: 0 1 auto로 콘텐츠 크기로 조정
 * - padding: 0.25rem 0.35rem로 축소된 여백
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 12px
 * - min-width: 7rem으로 축소된 최소 너비
 * - max-width: 12rem으로 축소된 최대 너비
 */
.doc-list-inline-row input[b-ugo2zsb9ei] {
    flex: 0 1 auto;
    padding: 0.25rem 0.35rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 12px;
    min-width: 7rem;
    max-width: 12rem;
    color: #333;
    background-color: white;
}

/**
 * date input 캘린더 아이콘 스타일
 * - ::placeholder-shown 상태에서 텍스트 컬러 조정
 * - ::-webkit-calendar-picker-indicator: 캘린더 아이콘 (웹킷 브라우저)
 */
.doc-list-inline-row input[type="date"][b-ugo2zsb9ei] {
    cursor: pointer;
}

.doc-list-inline-row input[type="date"][b-ugo2zsb9ei]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(0.8);
    opacity: 0.8;
}

.doc-list-inline-row input[type="date"][b-ugo2zsb9ei]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/**
 * 인라인 버튼 (변경 버튼)
 * - padding: 0.25rem 0.5rem (축소된 패딩으로 한 줄 배치 최적화)
 * - background-color: #4a90a4
 * - color: white
 * - border: 1px solid #3a6f7d
 * - border-radius: 0.25rem
 * - cursor: pointer
 * - font-size: 11px (축소된 폰트로 공간 절약)
 * - font-weight: 600
 * - white-space: nowrap
 * - flex-shrink: 1로 필요시 축소 허용
 */
.doc-list-inline-row .btn-action[b-ugo2zsb9ei] {
    padding: 0.25rem 0.5rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 1;
    transition: background-color 0.15s;
}

.doc-list-inline-row .btn-action:hover[b-ugo2zsb9ei] {
    background-color: #3a6f7d;
}

.doc-list-page .date-center[b-ugo2zsb9ei] {
    text-align: center;
}


/**
 * 폼 라벨 (기본 스타일)
 * - white-space: nowrap으로 줄바꿈 방지
 * - font-weight: 500
 * - text-align: right로 우측 정렬
 * - font-size: 12px
 */
.doc-list-label[b-ugo2zsb9ei] {
    white-space: nowrap;
    font-weight: 500;
    text-align: right;
    font-size: 12px;
}

/**
 * 폼 행 내 라벨 (doc-list-form-row 컨텍스트)
 * - width: 6rem으로 고정 너비
 */
.doc-list-form-row .doc-list-label[b-ugo2zsb9ei] {
    width: 6rem;
}

/**
 * 폼 입력 필드 (input, textarea)
 * - flex: 1로 남은 공간 채우기
 * - padding: 0.4rem
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 12px
 * - color: #333
 * - background-color: white
 */
.doc-list-form-row input[b-ugo2zsb9ei] {
    flex: 1;
    padding: 0.4rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 12px;
    color: #333;
    background-color: white;
}

/**
 * date input 캘린더 아이콘 스타일 (폼 행)
 * - cursor: pointer로 마우스 포인터 변경
 */
.doc-list-form-row input[type="date"][b-ugo2zsb9ei] {
    cursor: pointer;
}

.doc-list-form-row input[type="date"][b-ugo2zsb9ei]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(0.8);
    opacity: 0.8;
}

.doc-list-form-row input[type="date"][b-ugo2zsb9ei]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/**
 * 버튼 그룹 (반송처리/반송취소, 변경 버튼)
 * - display: flex로 가로 배치
 * - gap: 0.5rem 간격
 * - margin-top: 0.25rem으로 위쪽 여백
 */
.doc-list-button-group[b-ugo2zsb9ei] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

/**
 * 액션 버튼 (반송처리, 반송취소, 변경)
 * - padding: 0.4rem 0.75rem
 * - background-color: #4a90a4 (파워빌더 스타일 버튼색)
 * - color: white
 * - border: 1px solid #3a6f7d
 * - border-radius: 0.25rem
 * - cursor: pointer
 * - font-size: 12px
 * - font-weight: 600
 * - white-space: nowrap으로 줄바꿈 방지
 * - transition: 0.15s 부드러운 변화
 */
.btn-action[b-ugo2zsb9ei] {
    padding: 0.4rem 0.75rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s;
}

.btn-action:hover[b-ugo2zsb9ei] {
    background-color: #3a6f7d;
}

/**
 * 그리드 컨테이너 (반송 통계, 상세 발송정보)
 * - flex: 1로 남은 공간 채우기
 * - display: flex로 스크롤 컨테이너 배치
 * - min-height: 0으로 내부 스크롤 활성화
 * - background: white
 * - border: 1px solid #e2e8f0
 * - border-radius: 0.25rem
 * - overflow: hidden으로 테두리 내 컨텐츠 제한
 */
.doc-list-grid-container[b-ugo2zsb9ei] {
    flex: 1;
    display: flex;
    min-height: 0;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    overflow: hidden;
}

/**
 * 테이블 스크롤 컨테이너
 * - flex: 1로 남은 공간 채우기
 * - overflow: auto로 스크롤 처리
 */
.doc-list-grid-container .list-table-scroll[b-ugo2zsb9ei] {
    flex: 1;
    overflow: auto;
}

/**
 * 테이블 스타일
 * - width: 100% 고정
 * - border-collapse: collapse로 테두리 통합
 */
.doc-list-grid-container .list-table[b-ugo2zsb9ei] {
    width: 100%;
    border-collapse: collapse;
}

/**
 * 테이블 헤더
 * - background: #e9eef1 (프로젝트 표준)
 * - position: sticky, top: 0으로 고정 헤더
 * - border-bottom: 1px solid #e2e8f0
 */
.doc-list-grid-container thead[b-ugo2zsb9ei] {
    background: #e9eef1;
    position: sticky;
    top: 0;
}

.doc-list-grid-container thead tr[b-ugo2zsb9ei] {
    border-bottom: 1px solid #e2e8f0;
    height: 2rem;
}

/**
 * 테이블 헤더 셀
 * - padding: 0.4rem 0.5rem
 * - font-weight: 600
 * - font-size: 12px
 * - color: #475569
 * - text-align: left (기본)
 * - white-space: nowrap으로 줄바꿈 방지
 * - border-right: 1px solid #e2e8f0으로 컬럼 구분
 */
.doc-list-grid-container th[b-ugo2zsb9ei] {
    padding: 0.4rem 0.5rem;
    font-weight: 600;
    font-size: 12px;
    color: #475569;
    text-align: center;
    white-space: nowrap;
    border-right: 1px solid #e2e8f0;
}

.doc-list-grid-container th:last-child[b-ugo2zsb9ei] {
    border-right: none;
}

/**
 * 테이블 바디: 행 스타일
 * - height: 1.75rem으로 일관된 행 높이
 * - border-bottom: 1px solid #e2e8f0
 * - cursor: pointer
 * - transition: 0.15s 부드러운 변화
 */
.doc-list-grid-container tbody tr[b-ugo2zsb9ei] {
    border-bottom: 1px solid #e2e8f0;
    height: 1.75rem;
    cursor: pointer;
    transition: background-color 0.15s;
}

.doc-list-grid-container tbody tr:hover[b-ugo2zsb9ei] {
    background: #f1f5f9;
}

.doc-list-grid-container tbody tr.selected[b-ugo2zsb9ei] {
    background: #dbeafe;
    font-weight: 500;
}

/**
 * 테이블 셀: 데이터 표시
 * - padding: 0.4rem 0.5rem
 * - font-size: 12px
 * - color: #1f2937
 * - white-space: nowrap으로 줄바꿈 방지
 * - overflow: hidden으로 오버플로우 숨김
 * - text-overflow: ellipsis로 생략 표시
 * - border-right: 1px solid #e2e8f0으로 컬럼 구분
 */
.doc-list-grid-container td[b-ugo2zsb9ei] {
    padding: 0.4rem 0.5rem;
    font-size: 12px;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid #e2e8f0;
}

.doc-list-grid-container td:last-child[b-ugo2zsb9ei] {
    border-right: none;
}

/**
 * 숫자 필드 우측 정렬 (class="num" 사용)
 * - 총건수, 반송건수 등 숫자 표시 필드
 * - text-align: right
 */
.doc-list-grid-container td.num[b-ugo2zsb9ei] {
    text-align: right;
}

.doc-list-grid-container th.num[b-ugo2zsb9ei] {
    text-align: center;
}

/**
 * 좌측 그리드 (dw_2) 통계 테이블 스타일
 * 파워빌더: 발행일자(char 8), 총건수(long), 반송건수(long)
 * 컬럼 너비: 발행일자 12rem, 총건수 9rem, 반송건수 9rem
 */
.dw-statistics thead th[b-ugo2zsb9ei] {
    background: #e9eef1;
}

.dw-statistics tbody tr.selected[b-ugo2zsb9ei] {
    background: #dbeafe;
    font-weight: 500;
}

/**
 * 우측 그리드 (dw_1) 상세 발송정보 테이블 스타일
 * 파워빌더 컬럼 순서:
 * - 선택 (pbit): 3rem
 * - 회원코드 (jcode): 8rem
 * - 회원명 (kname): 10rem
 * - 발송일자 (jfdate): 10rem
 * - 반송일자 (jtdate): 9rem
 * - 발송담당자 (jman): 8rem
 * - 발송회사 (jtack): 10rem
 * - 지사 (tname): 6rem
 * - 지점 (jname): 6rem
 * - 영업소 (sname): 6rem
 * - 비고 (jbigo): 20rem (3배 이상 넓이)
 */
.dw-detail thead th[b-ugo2zsb9ei] {
    background: #e9eef1;
}

.dw-detail tbody tr.selected[b-ugo2zsb9ei] {
    background: #dbeafe;
    font-weight: 500;
}

/**
 * 체크박스 스타일 (선택 컬럼)
 * - cursor: pointer
 * - margin: 0 0.25rem으로 좌우 여백
 * - vertical-align: middle으로 중앙 정렬
 */
.doc-list-grid-container input[type="checkbox"][b-ugo2zsb9ei] {
    cursor: pointer;
    margin: 0 0.25rem;
    vertical-align: middle;
}

/**
 * 비고(적요) 컬럼: 3배 이상 넓이
 * - 우측 그리드의 비고 컬럼(마지막)은 20rem 이상
 * - white-space: normal으로 줄바꿈 허용
 * - overflow: visible으로 오버플로우 표시
 * - text-overflow: clip으로 생략 제거
 * - max-width: 20rem으로 최대 너비 제한
 */
.dw-detail th:last-child[b-ugo2zsb9ei],
.dw-detail td:last-child[b-ugo2zsb9ei] {
    min-width: 20rem;
    max-width: 20rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
/* /Components/Pages/Event/DocPrint.razor.rz.scp.css */
/* 증서발급대장 페이지 스타일 */

.screen-only[b-xl9mx43518] { display: block; }
.print-only[b-xl9mx43518] { display: none; }

.doc-print-page[b-xl9mx43518] {
    --page-wrap-border: #e2e8f0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 버튼 스타일 */
.doc-print-page .page-title-btns button[b-xl9mx43518] {
    height: 2.15rem;
    min-width: auto;
    padding: 0 0.69rem;
    border-radius: 0.31rem;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.08rem solid #cbd5e1;
    background: white;
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    gap: 0.31rem;
}

.doc-print-page .page-title-btns button:hover[b-xl9mx43518] {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.doc-print-page .page-title-btns button[data-action="close"][b-xl9mx43518] {
    background-color: #475569;
    border-color: #475569;
    color: #ffffff;
}

.doc-print-page .page-title-btns button[data-action="close"]:hover[b-xl9mx43518] {
    background-color: #334155;
    border-color: #334155;
}

.doc-print-filter[b-xl9mx43518] {
    display: flex;
    align-items: center;
    row-gap: 0.5rem;
    column-gap: 0.8rem;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    background: #fff;
    border: 1px solid var(--page-wrap-border);
    border-bottom: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.doc-print-message[b-xl9mx43518] {
    padding: 10px 16px;
    margin: 10px 16px;
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    border-radius: 4px;
    font-size: 12px;
}

/* 리스트 검색 항목 */
.doc-print-page .list-search-item[b-xl9mx43518] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.doc-print-page .list-search-item label[b-xl9mx43518] {
    font-weight: 600;
    color: #475569;
    font-size: 12px;
    white-space: nowrap;
}

.doc-print-page .list-search-item input[b-xl9mx43518],
.doc-print-page .list-search-item select[b-xl9mx43518] {
    padding: 6px 8px;
    font-size: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 0.25rem;
    background-color: #ffffff;
}

.doc-print-page .list-search-item input[type="date"][b-xl9mx43518] {
    width: 140px;
}

.doc-print-page .list-search-item select[b-xl9mx43518] {
    min-width: 120px;
}

.doc-print-page .list-search-item .help-btn[b-xl9mx43518] {
    padding: 4px 8px;
    font-size: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    background-color: #f8fafc;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}

.doc-print-page .list-search-item .help-btn:hover[b-xl9mx43518] {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
}

    background-color: #f1f5f9;
    color: #94a3b8;[b-xl9mx43518]
}

.doc-print-page .list-search-item input:focus[b-xl9mx43518],
.doc-print-page .list-search-item select:focus[b-xl9mx43518] {
    border-color: #3b82f6;
}

.doc-print-page .inline-check[b-xl9mx43518] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.doc-print-page .inline-check input[type="checkbox"][b-xl9mx43518],
.doc-print-page .inline-check input[type="radio"][b-xl9mx43518] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex: none;
}

/* 그리드 래퍼 - 전체 높이를 채우는 컨테이너 */
.doc-print-page .doc-print-grid-wrap[b-xl9mx43518] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* 그리드 스타일 - list-table 기본 스타일 사용 */
.doc-print-page .list-table-scroll[b-xl9mx43518] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--page-wrap-border);
    border-top: none;
    overflow: auto;
}

.doc-print-page .list-table[b-xl9mx43518] {
    width: 100%;
    border-collapse: collapse;
}

.doc-print-page .list-table th[b-xl9mx43518] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f8fafc;
    color: #334155;
    border-bottom: 1px solid #cbd5e1;
    border-right: 1px solid #e2e8f0;
    padding: 0.375rem 0.5rem;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}

.doc-print-page .list-table th:last-child[b-xl9mx43518] {
    border-right: none;
}

.doc-print-page .list-table td[b-xl9mx43518] {
    border-bottom: 1px solid #f1f5f9;
    border-right: 1px solid #f1f5f9;
    padding: 0.3125rem 0.5rem;
    white-space: nowrap;
    color: #334155;
}

.doc-print-page .list-table td:last-child[b-xl9mx43518] {
    border-right: none;
}

.doc-print-page .list-table tbody tr[b-xl9mx43518] {
    height: 2.25rem;
    background-color: #ffffff;
}

.doc-print-page .list-table tbody tr:nth-child(even)[b-xl9mx43518] {
    background-color: #fbfcfd;
}

.doc-print-page .list-table tbody tr:hover[b-xl9mx43518] {
    background-color: #e0f2fe !important;
}

.doc-print-page .list-table tfoot[b-xl9mx43518] {
    position: sticky;
    bottom: 0;
    z-index: 11;
    background-color: #eef2f7;
}

.doc-print-page .list-table tfoot td[b-xl9mx43518] {
    border-top: 1px solid #94a3b8;
    border-right: 1px solid #dbe3ee;
    padding: 0.375rem 0.5rem;
    font-weight: 700;
    color: #0f172a;
}

.doc-print-page .list-table tfoot td:last-child[b-xl9mx43518] {
    border-right: none;
}

/* 요약 정보 */
.doc-print-page .list-summary[b-xl9mx43518] {
    padding: 10px 16px;
    background-color: #f9fafb;
    border: 1px solid var(--page-wrap-border);
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: 12px;
    color: #475569;
    flex-shrink: 0;
}

.doc-print-page .list-summary strong[b-xl9mx43518] {
    font-weight: 600;
    color: #1e293b;
}

/* 반응형 */
@media (max-width: 1200px) {
    .doc-print-row[b-xl9mx43518] {
        gap: 8px;
        padding: 8px;
    }

    .doc-print-page .list-search-item[b-xl9mx43518] {
        min-width: 150px;
    }

    .doc-print-page .list-search-item label[b-xl9mx43518] {
        min-width: 70px;
    }
}

/* 출력 레이아웃 (데이터윈도우 좌표 대응) */
.print-certificate-wrap[b-xl9mx43518],
.print-address-wrap[b-xl9mx43518] {
    width: 210mm;
    margin: 0 auto;
}

.certificate-sheet[b-xl9mx43518] {
    position: relative;
    width: 170mm;
    height: 240mm;
    margin: 0 auto;
    page-break-after: always;
    font-family: "굴림", "Malgun Gothic", sans-serif;
    font-size: 12pt;
}

.certificate-sheet > div[b-xl9mx43518] {
    position: absolute;
    font-weight: 700;
}

.certificate-sheet .f-code[b-xl9mx43518] { left: 30mm; top: 80mm; width: 30mm; }
.certificate-sheet .f-name[b-xl9mx43518] { left: 65mm; top: 80mm; width: 60mm; }
.certificate-sheet .f-jumin[b-xl9mx43518] { left: 30mm; top: 95mm; width: 50mm; }
.certificate-sheet .f-address[b-xl9mx43518] { left: 95mm; top: 95mm; width: 70mm; font-size: 10pt; line-height: 1.4; }
.certificate-sheet .f-team[b-xl9mx43518] { left: 30mm; top: 110mm; width: 45mm; }
.certificate-sheet .f-sales[b-xl9mx43518] { left: 65mm; top: 110mm; width: 60mm; }
.certificate-sheet .f-item[b-xl9mx43518] { left: 20mm; top: 130mm; width: 40mm; }
.certificate-sheet .f-famt[b-xl9mx43518] { left: 58mm; top: 130mm; width: 22mm; text-align: right; }
.certificate-sheet .f-kindate[b-xl9mx43518] { left: 95mm; top: 130mm; width: 60mm; }
.certificate-sheet .f-kmamt[b-xl9mx43518] { left: 45mm; top: 145mm; width: 30mm; text-align: right; }
.certificate-sheet .f-nab[b-xl9mx43518] { left: 90mm; top: 145mm; width: 30mm; }
.certificate-sheet .f-kcnt[b-xl9mx43518] { left: 130mm; top: 145mm; width: 20mm; }
.certificate-sheet .f-bigo[b-xl9mx43518] { left: 95mm; top: 150mm; width: 55mm; font-size: 9pt; }

.address-sheet[b-xl9mx43518] {
    position: relative;
    width: 99.1mm;
    height: 33.9mm;
    box-sizing: border-box;
    padding: 3mm 3mm 2mm 3mm;
    page-break-inside: avoid;
    font-family: "바탕체", "Batang", serif;
}

.address-sheet.blank[b-xl9mx43518] {
    visibility: hidden;
}

.address-sheet .a-post[b-xl9mx43518] { font-size: 11pt; font-weight: 400; text-align: right; margin-bottom: 1mm; }
.address-sheet .a-name[b-xl9mx43518] { font-size: 11pt; font-weight: 700; text-align: center; margin-bottom: 1mm; }
.address-sheet .a-company[b-xl9mx43518] { font-size: 11pt; font-weight: 700; text-align: center; margin-bottom: 1mm; }
.address-sheet .a-address[b-xl9mx43518] { font-size: 11pt; font-weight: 700; line-height: 1.2; margin-bottom: 0.5mm; }
.address-sheet .a-phone[b-xl9mx43518] { font-size: 11pt; font-weight: 700; }

@media print {
    .screen-only[b-xl9mx43518] { display: none !important; }
    .print-only[b-xl9mx43518] { display: block !important; }

    .certificate-sheet[b-xl9mx43518],
    .address-sheet[b-xl9mx43518] {
        break-inside: avoid;
    }

    .print-address-wrap[b-xl9mx43518] {
        width: calc(99.1mm * 2 + 2.54mm);
        display: grid;
        grid-template-columns: 99.1mm 99.1mm;
        grid-auto-rows: 33.9mm;
        column-gap: 2.54mm;
        row-gap: 0.5mm;
        margin: 0 auto;
        padding-top: 14mm;
    }
}
/* /Components/Pages/Event/EventList.razor.rz.scp.css */
/* 행사관리현황 - 스크린샷 1:1 스타일 복원 */

.event-list-page[b-f6157ou423] {
    --evt-olive: #6f7800;
    --evt-olive-dark: #5c6400;
    --evt-bg: #f5f6f8;
    --evt-card: #ffffff;
    --evt-border: #d7dce3;
    --evt-text: #1f2937;
    --evt-muted: #6b7280;
    --evt-accent: #0f766e;
    --evt-row-hover: #f8fafc;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #ebf1f6;
    padding: 0.5rem;
}

.event-list-page .event-list-message[b-f6157ou423] {
    margin: 0 0 0.5rem 0;
    padding: 0.4rem 0.75rem;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 0.375rem;
    font-size: 12px;
}

/* 상단 검색영역 바깥 컨테이너 */
.event-list-page .event-list-filter[b-f6157ou423] {
    display: grid;
    grid-template-columns: 172px 162px 236px 190px;
    gap: 0.2rem;
    padding: 0.25rem;
    margin: 0.25rem 0 0.35rem 0;
    width: min(1120px, 100%);
    border: 1px solid #d0d7de;
    border-radius: 0.4rem;
    background: #edf2f7;
}

/* 각각의 흰색 카드 Box */
.event-list-page .event-list-filter .list-search-item[b-f6157ou423] {
    position: relative;
    min-height: 118px;
    border: 1px solid #cfd6df;
    border-radius: 0.35rem;
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.02);
    padding: 1.9rem 0.3rem 0.2rem 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
}

/* 우상단 올리브 타이틀 배지 */
.event-list-page .event-list-filter .list-search-item > label:first-child[b-f6157ou423] {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    right: auto;
    height: 22px;
    padding: 0 0.55rem;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    background: #6e7600;
    border-radius: 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    z-index: 2;
}

/* 1번째 카드 (기간구분) 내부 배치 */
.event-list-page .event-list-filter .list-search-item:nth-child(1)[b-f6157ou423] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* 달력 팝업 관련 스타일은 전역(app.css)에서 관리 */

.event-list-page .event-list-filter select[b-f6157ou423] {
    height: 26px;
    border: 1px solid #c9d1da;
    border-radius: 0.3rem;
    background: #fff;
    color: #2d3748;
    font-size: 12px;
    padding: 0 0.3rem;
    width: 135px;
    margin-bottom: 0.2rem;
}

.event-list-page .event-list-filter .list-search-item .date-separator[b-f6157ou423] {
    margin: 0.1rem 0.1rem;
    font-size: 11px;
    color: #718096;
}

/* 2번째 카드 (경조사구분) 라디오 기준 좌측 정렬 */
.event-list-page .event-list-filter .list-search-item:nth-child(2)[b-f6157ou423] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* 4번째 카드 (진행일차) 체크박스 좌측 정렬 */
.event-list-page .event-list-filter .list-search-item:nth-child(4)[b-f6157ou423] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.event-list-page .event-list-filter .list-search-item:nth-child(4) .option-with-count[b-f6157ou423] {
    justify-content: flex-start;
    text-align: left;
}

/* 3번째 카드 (조회구분) 2열 좌측 정렬 */
.event-list-page .event-list-filter .list-search-item:nth-child(3)[b-f6157ou423] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.25rem;
    row-gap: 0.15rem;
    justify-items: start;
}

.event-list-page .event-list-filter .list-search-item:nth-child(3) > label:first-child[b-f6157ou423] {
    grid-column: 1 / -1;
}

/* 라디오 / 체크박스 공통 */
.event-list-page .event-list-filter input[type="radio"][b-f6157ou423],
.event-list-page .event-list-filter input[type="checkbox"][b-f6157ou423] {
    accent-color: #0f766e;
    width: 14px;
    height: 14px;
    margin-right: 0.3rem;
    vertical-align: middle;
    cursor: pointer;
}

/* 라벨 + 숫자 알약 컨테이너 */
.event-list-page .event-list-filter .option-with-count[b-f6157ou423] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0.02rem 0;
    font-size: 12px;
    color: #2d3748;
    white-space: nowrap;
    gap: 0.25rem;
    cursor: pointer;
}

/* 숫자 알약 배지 (타원 라운드) */
.event-list-page .event-list-filter .option-count[b-f6157ou423] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.1rem;
    padding: 0 0.35rem;
    border: 1px solid #d0d7de;
    border-radius: 999px;
    background: #ffffff;
    color: #4a5568;
    font-size: 11px;
    line-height: 1;
}

/* 요약영역 */
.event-list-page .event-list-summary[b-f6157ou423] {
    margin: 0 0.5rem 0.5rem;
    border: 1px solid #dbe3ee;
    background: #f8fafc;
    border-radius: 0.55rem;
    padding: 0.45rem 0.65rem;
    display: grid;
    gap: 0.35rem;
}

.event-list-page .event-list-summary > div[b-f6157ou423] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.event-list-page .event-list-summary span[b-f6157ou423] {
    font-size: 11px;
    line-height: 1.5;
    color: #334155;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.12rem 0.5rem;
}

/* 그리드 */
.event-list-page .event-list-grid-wrap[b-f6157ou423] {
    margin: 0 0.5rem 0.5rem;
    border: 1px solid #d6dde8;
    border-radius: 0.6rem;
    background: #fff;
    overflow: auto;
}

.event-list-page .event-list-grid[b-f6157ou423] {
    width: 100%;
    border-collapse: collapse;
}

.event-list-page .event-list-grid th[b-f6157ou423] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #edf2f7;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #cfd8e3;
    border-right: 1px solid #e2e8f0;
    padding: 0.42rem 0.5rem;
    white-space: nowrap;
}

.event-list-page .event-list-grid th:last-child[b-f6157ou423] {
    border-right: none;
}

.event-list-page .event-list-grid td[b-f6157ou423] {
    border-bottom: 1px solid #eff3f8;
    border-right: 1px solid #f1f5f9;
    color: #1f2937;
    font-size: 12px;
    padding: 0.34rem 0.5rem;
    white-space: nowrap;
}

.event-list-page .event-list-grid td:last-child[b-f6157ou423] {
    border-right: none;
}

.event-list-page .event-list-grid tbody tr:nth-child(even)[b-f6157ou423] {
    background: #fbfdff;
}

.event-list-page .event-list-grid tbody tr:hover[b-f6157ou423] {
    background: var(--evt-row-hover);
}

.event-list-page .event-list-grid td.num[b-f6157ou423] {
    text-align: right;
}

/* 기간구분: 일자 입력 폭에 맞춘 컴팩트 너비 */
.event-list-page .event-list-filter .list-search-item:nth-child(1)[b-f6157ou423] {
    justify-self: start;
    width: 172px;
    min-width: 172px;
}

/* 경조사구분: 폭 축소 */
.event-list-page .event-list-filter .list-search-item:nth-child(2)[b-f6157ou423] {
    justify-self: start;
    width: 162px;
    min-width: 162px;
}

/* 조회구분: 폭 축소 */
.event-list-page .event-list-filter .list-search-item:nth-child(3)[b-f6157ou423] {
    justify-self: start;
    width: 236px;
    min-width: 236px;
}

/* 진행일차: 폭 축소 */
.event-list-page .event-list-filter .list-search-item:nth-child(4)[b-f6157ou423] {
    justify-self: start;
    width: 190px;
    min-width: 190px;
}

/* 조회구분(3번째 카드)도 크기를 줄여 같은 줄에 맞추되 내부는 2열 유지 */
.event-list-page .event-list-filter .list-search-item:nth-child(3)[b-f6157ou423] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.25rem;
    row-gap: 0.15rem;
    align-content: start;
    padding-top: 2.2rem;
    padding-bottom: 0.45rem;
}

.event-list-page .event-list-filter .list-search-item:nth-child(3) > label:first-child[b-f6157ou423] {
    grid-column: 1 / -1;
}

.event-list-page .event-list-filter .list-search-item:nth-child(3) > label:not(:first-child)[b-f6157ou423] {
    margin: 0 0.4rem;
}

@media (max-width: 1200px) {
    .event-list-page .event-list-filter[b-f6157ou423] {
        width: calc(100% - 1rem);
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }
}

@media (max-width: 900px) {
    .event-list-page .event-list-filter[b-f6157ou423] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Fee/FeeAddRegistor.razor.rz.scp.css */
/* ===== 기타수당등록 (FeeAddRegistor) ===== */

/**
 * 페이지 컨테이너
 * - list-wrap-border: 프로젝트 표준 리스트 페이지 래퍼
 * - fee-add-page: 기타수당등록 페이지 전용 스타일
 */
.fee-add-page[b-snpdi3uyp0] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/**
 * 검색/필터 패널
 * - list-search-panel: 프로젝트 표준 검색 패널
 * - fee-add-filter: 기타수당 필터 전용 스타일
 * - display: flex로 한 줄 레이아웃
 * - gap: 요소 간 간격
 * - align-items: center로 수직 중앙 정렬
 * - padding: 내부 여백
 * - background: 연한 배경색
 * - border-bottom: 구분선
 */
.list-search-panel.fee-add-filter[b-snpdi3uyp0] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.75rem;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    flex-wrap: wrap;
}

/**
 * 검색 항목
 * - list-search-item: 프로젝트 표준 검색 항목
 * - range-inline: 한 줄 인라인 배치
 * - display: flex로 라벨과 입력필드 가로 배치
 * - align-items: center로 수직 중앙 정렬
 * - gap: 0.5rem 간격
 */
.list-search-item.range-inline[b-snpdi3uyp0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

/**
 * 검색 라벨
 * - font-weight: 500 (중간 굵기)
 * - font-size: 12px
 * - color: #333 (검정색)
 */
.list-search-item label[b-snpdi3uyp0] {
    font-weight: 500;
    font-size: 12px;
    color: #333;
}

/**
 * 검색 입력 필드 (input, select)
 * - padding: 0.4rem 0.6rem
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 12px
 * - min-width: 10rem
 * - color: #333
 * - background-color: white
 */
.list-search-item input[b-snpdi3uyp0],
.list-search-item select[b-snpdi3uyp0] {
    padding: 0.4rem 0.6rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 12px;
    color: #333;
    background-color: white;
    min-width: 10rem;
}

.list-search-item input[type="password"][b-snpdi3uyp0] {
    min-width: 8rem;
}

/**
 * 정보 텍스트
 * - font-size: 11px (작은 폰트)
 * - color: #666 (회색)
 * - padding: 자체적으로 여백
 */
.list-search-item:last-child[b-snpdi3uyp0] {
    font-size: 11px;
    color: #666;
    flex-grow: 1;
    text-align: right;
}

/**
 * 메시지 바
 * - padding: 0.75rem 1rem
 * - background-color: #ffffcc (옅은 노랑)
 * - color: #333
 * - border: 1px solid #ffcc00
 * - border-radius: 0.25rem
 * - margin-bottom: 1rem
 * - font-size: 12px
 */
.fee-add-message[b-snpdi3uyp0] {
    padding: 0.75rem 1rem;
    background-color: #ffffcc;
    color: #333;
    border: 1px solid #ffcc00;
    border-radius: 0.25rem;
    margin: 0.5rem;
    font-size: 12px;
}

/**
 * 그리드 컨테이너
 * - flex: 1로 남은 공간 채우기
 * - overflow: hidden으로 스크롤 영역 제어
 * - border-top: 1px solid #ddd 구분선
 */
.list-table-scroll.fee-add-grid-wrap[b-snpdi3uyp0] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ddd;
}

/**
 * 그리드 테이블
 * - width: 100%
 * - border-collapse: collapse로 테두리 합침
 * - font-size: 12px
 * - background-color: white
 */
.fee-add-grid[b-snpdi3uyp0] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background-color: white;
}

/**
 * 그리드 헤더 행
 * - background-color: #d9d9d9 (파워빌더 스타일 헤더)
 * - color: #333
 * - font-weight: 600 (굵음)
 * - border-bottom: 1px solid #999
 * - height: 2rem
 * - position: sticky로 스크롤 시 고정
 * - top: 0
 * - z-index: 10
 */
.fee-add-grid thead[b-snpdi3uyp0] {
    background-color: #d9d9d9;
    color: #333;
    font-weight: 600;
    border-bottom: 1px solid #999;
    position: sticky;
    top: 0;
    z-index: 10;
}

.fee-add-grid th[b-snpdi3uyp0] {
    padding: 0.5rem;
    text-align: left;
    border-right: 1px solid #999;
    height: 2rem;
    line-height: 1rem;
}

/**
 * 그리드 헤더 마지막 셀 (우측 테두리 제거)
 */
.fee-add-grid th:last-child[b-snpdi3uyp0] {
    border-right: none;
}

/**
 * 그리드 바디 행
 * - border-bottom: 1px solid #ddd로 행 구분
 * - height: 2rem
 * - hover 시 배경색 변경
 */
.fee-add-grid tbody tr[b-snpdi3uyp0] {
    border-bottom: 1px solid #ddd;
    height: 2rem;
}

.fee-add-grid tbody tr:hover[b-snpdi3uyp0] {
    background-color: #f0f0f0;
}

/**
 * 그리드 셀
 * - padding: 0.25rem 0.5rem
 * - border-right: 1px solid #ddd
 * - vertical-align: middle
 * - overflow: hidden
 * - text-overflow: ellipsis
 * - white-space: nowrap
 */
.fee-add-grid td[b-snpdi3uyp0] {
    padding: 0.25rem 0.5rem;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fee-add-grid td:last-child[b-snpdi3uyp0] {
    border-right: none;
}

/**
 * 선택(체크박스) 컬럼
 * - width: 4rem
 * - text-align: center
 */
.fee-add-grid td:first-child[b-snpdi3uyp0] {
    width: 4rem;
    text-align: center;
}

/**
 * 사원코드 컬럼
 * - width: 8rem
 */
.fee-add-grid td:nth-child(2)[b-snpdi3uyp0] {
    width: 8rem;
}

/**
 * 사원명 컬럼
 * - width: 10rem
 */
.fee-add-grid td:nth-child(3)[b-snpdi3uyp0] {
    width: 10rem;
}

/**
 * 수당액 컬럼 (숫자 우측 정렬)
 * - width: 10rem
 * - text-align: right
 */
.fee-add-grid td:nth-child(4)[b-snpdi3uyp0] {
    width: 10rem;
    text-align: right;
}

/**
 * 수당내역 컬럼
 * - width: 자동(flex)
 * - min-width: 15rem
 */
.fee-add-grid td:nth-child(5)[b-snpdi3uyp0] {
    min-width: 15rem;
    flex: 1;
}

/**
 * 수당종류 컬럼
 * - width: 10rem
 */
.fee-add-grid td:nth-child(6)[b-snpdi3uyp0] {
    width: 10rem;
}

/**
 * 그리드 체크박스
 * - width: 1rem
 * - height: 1rem
 * - cursor: pointer
 * - vertical-align: middle
 */
.fee-add-grid input[type="checkbox"][b-snpdi3uyp0] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    vertical-align: middle;
}

/**
 * 그리드 입력 필드 (text, number)
 * - width: 100%
 * - padding: 0.2rem 0.3rem
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 12px
 * - color: #333
 * - background-color: white
 */
.fee-add-grid input[type="text"][b-snpdi3uyp0],
.fee-add-grid input[type="number"][b-snpdi3uyp0] {
    width: 100%;
    padding: 0.2rem 0.3rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 12px;
    color: #333;
    background-color: white;
    box-sizing: border-box;
}

.fee-add-grid input[type="text"]:focus[b-snpdi3uyp0],
.fee-add-grid input[type="number"]:focus[b-snpdi3uyp0] {
    outline: none;
    border-color: #4a90a4;
    background-color: #fffacd;
}

/**
 * 그리드 선택 필드 (select, option)
 * - width: 100%
 * - padding: 0.2rem 0.3rem
 * - border: 1px solid #999
 * - border-radius: 0.125rem
 * - font-size: 12px
 * - background-color: white
 */
.fee-add-grid select[b-snpdi3uyp0] {
    width: 100%;
    padding: 0.2rem 0.3rem;
    border: 1px solid #999;
    border-radius: 0.125rem;
    font-size: 12px;
    background-color: white;
    box-sizing: border-box;
}

.fee-add-grid select:focus[b-snpdi3uyp0] {
    outline: none;
    border-color: #4a90a4;
    background-color: #fffacd;
}

/**
 * 빈 상태 메시지
 * - text-align: center
 * - padding: 2rem
 * - color: #999
 * - font-size: 12px
 */
.fee-add-grid td[colspan][b-snpdi3uyp0] {
    text-align: center;
    padding: 2rem !important;
    color: #999;
    font-size: 12px;
}

/**
 * 페이지 제목 (page-title-bar에서 제공)
 * - 파워빌더 스타일 맞춘 헤더
 */
.page-title-bar[b-snpdi3uyp0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

/**
 * 페이지 제목 버튼 그룹
 */
.page-title-btns[b-snpdi3uyp0] {
    display: flex;
    gap: 0.5rem;
}

/**
 * 버튼 스타일 (page-title-btns 내 버튼)
 * - padding: 0.4rem 0.75rem
 * - background-color: #4a90a4 (파워빌더 버튼색)
 * - color: white
 * - border: 1px solid #3a6f7d
 * - border-radius: 0.25rem
 * - cursor: pointer
 * - font-size: 12px
 * - font-weight: 600
 * - transition: 배경색 0.15s
 */
.page-title-btns button[b-snpdi3uyp0] {
    padding: 0.4rem 0.75rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.15s;
}

.page-title-btns button:hover[b-snpdi3uyp0] {
    background-color: #3a6f7d;
}

.page-title-btns button:active[b-snpdi3uyp0] {
    background-color: #2a5a6d;
}

/**
 * 닫기 버튼 전용 스타일
 */
.page-title-btns button[data-action="close"][b-snpdi3uyp0]:before {
    content: "닫 기";
}

.page-title-btns button[data-action="close"][b-snpdi3uyp0] {
    min-width: 3rem;
}

/**
 * 반응형 조정 (작은 화면)
 */
@media (max-width: 768px) {
    .list-search-panel.fee-add-filter[b-snpdi3uyp0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .list-search-item.range-inline[b-snpdi3uyp0] {
        width: 100%;
    }

    .list-search-item input[b-snpdi3uyp0],
    .list-search-item select[b-snpdi3uyp0] {
        min-width: auto;
        flex: 1;
    }

    .fee-add-grid[b-snpdi3uyp0] {
        font-size: 11px;
    }

    .fee-add-grid th[b-snpdi3uyp0],
    .fee-add-grid td[b-snpdi3uyp0] {
        padding: 0.2rem 0.3rem;
    }

    .page-title-btns[b-snpdi3uyp0] {
        flex-wrap: wrap;
    }

    .page-title-btns button[b-snpdi3uyp0] {
        padding: 0.3rem 0.5rem;
        font-size: 11px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-gv6m7hfnbc] {
	max-width: 1440px;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 22px;
	overflow: auto;
	padding-right: 4px;
}

.dashboard-hero[b-gv6m7hfnbc] {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	padding: 28px 32px;
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(135deg, #f5f8ff 0%, var(--primary-soft) 65%, #e4ecff 100%);
	border: 1px solid var(--border);
	box-shadow: var(--shadow-sm);
}

.dashboard-hero[b-gv6m7hfnbc]::before {
	content: "";
	position: absolute;
	right: -60px;
	top: -70px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(0, 40, 142, 0.05);
}

.dashboard-hero[b-gv6m7hfnbc]::after {
	content: "";
	position: absolute;
	right: 60px;
	bottom: -90px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: rgba(0, 40, 142, 0.04);
}

.hero-copy[b-gv6m7hfnbc] {
	position: relative;
	z-index: 1;
}

.eyebrow[b-gv6m7hfnbc] {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--primary);
	text-transform: uppercase;
}

.dashboard-hero h1[b-gv6m7hfnbc] {
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 800;
	color: var(--text-dark);
}

.dashboard-hero p[b-gv6m7hfnbc] {
	margin: 8px 0 0;
	color: var(--text-gray);
	font-size: 14px;
}

.hero-actions[b-gv6m7hfnbc] {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.hero-actions .action-button[b-gv6m7hfnbc] {
	border-color: var(--border);
	background: var(--white);
	color: var(--text-dark);
}

.hero-actions .action-button:hover[b-gv6m7hfnbc] {
	border-color: var(--primary-soft);
	color: var(--primary);
	box-shadow: 0 8px 20px rgba(0, 40, 142, 0.08);
}

.action-button[b-gv6m7hfnbc],
.text-button[b-gv6m7hfnbc] {
	border: 1px solid var(--border);
	border-radius: 10px;
	background: var(--white);
	color: var(--text-dark);
	font: inherit;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.action-button[b-gv6m7hfnbc] {
	min-height: 40px;
	padding: 0 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
}

.text-button[b-gv6m7hfnbc] {
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.action-button:hover[b-gv6m7hfnbc],
.text-button:hover[b-gv6m7hfnbc] {
	border-color: var(--primary-soft);
	color: var(--primary);
	box-shadow: 0 8px 20px rgba(0, 40, 142, 0.08);
	transform: translateY(-1px);
}

.panel[b-gv6m7hfnbc] {
	border: 1px solid var(--border);
	border-radius: 16px;
	background: var(--white);
	box-shadow: var(--shadow-sm);
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.panel:hover[b-gv6m7hfnbc] {
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}

.panel-org[b-gv6m7hfnbc] {
	overflow: visible;
}

.panel-head[b-gv6m7hfnbc] {
	padding: 16px 20px;
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.panel-head.split[b-gv6m7hfnbc] {
	align-items: center;
}

.panel-title-group[b-gv6m7hfnbc] {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.panel-head h2[b-gv6m7hfnbc] {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--text-dark);
	white-space: nowrap;
}

.panel-icon-badge[b-gv6m7hfnbc] {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.panel-icon-badge .material-symbols-outlined[b-gv6m7hfnbc] {
	font-size: 20px;
}

.badge-org[b-gv6m7hfnbc] {
	background: #e2e8f0;
	color: #334155;
}

.badge-sawon[b-gv6m7hfnbc] {
	background: #e0f2fe;
	color: #0369a1;
}

.badge-review[b-gv6m7hfnbc] {
	background: #fef3c7;
	color: #b45309;
}

.badge-event[b-gv6m7hfnbc] {
	background: var(--primary-soft);
	color: var(--primary);
}

.badge-member[b-gv6m7hfnbc] {
	background: #dcfce7;
	color: #15803d;
}

.badge-deposit[b-gv6m7hfnbc] {
	background: #ede9fe;
	color: #7c3aed;
}

/* 조직 현황 */
.org-summary-grid[b-gv6m7hfnbc] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 18px 20px 20px;
	gap: 20px;
}

.org-summary-col[b-gv6m7hfnbc] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 20px;
	border-left: 1px solid var(--border);
}

.org-summary-col:first-child[b-gv6m7hfnbc] {
	padding-left: 0;
	border-left: none;
}

.org-summary-col-title[b-gv6m7hfnbc] {
	font-size: 11px;
	font-weight: 700;
	color: var(--primary);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.org-summary-line[b-gv6m7hfnbc] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
}

.org-summary-line label[b-gv6m7hfnbc] {
	color: var(--text-gray);
}

.org-summary-line span[b-gv6m7hfnbc] {
	font-weight: 700;
	color: var(--text-dark);
}

.org-value-positive[b-gv6m7hfnbc] {
	color: #15803d !important;
}

.org-value-negative[b-gv6m7hfnbc] {
	color: #dc2626 !important;
}

/* 사원 현황 */
.sawon-summary-row[b-gv6m7hfnbc] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 18px 20px 20px;
}

.sawon-summary-item[b-gv6m7hfnbc] {
	position: relative;
	flex: 1 1 140px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--surface-container-low);
	border-left: 3px solid transparent;
	transition: background-color 0.2s ease;
}

.sawon-summary-item.highlight[b-gv6m7hfnbc] {
	background: var(--primary-soft);
}

.accent-sawon.highlight[b-gv6m7hfnbc] {
	border-left-color: #0369a1;
}

.sawon-summary-label[b-gv6m7hfnbc] {
	font-size: 12px;
	color: var(--text-gray);
}

.sawon-summary-value[b-gv6m7hfnbc] {
	font-size: 19px;
	font-weight: 800;
	color: var(--text-dark);
}

/* 심사/행사/회원/입금 통계 카드 */
.stat-grid[b-gv6m7hfnbc] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.stat-summary-row[b-gv6m7hfnbc] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 18px 20px 20px;
}

.stat-summary-item[b-gv6m7hfnbc] {
	position: relative;
	flex: 1 1 120px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--surface-container-low);
	border-left: 3px solid transparent;
	transition: background-color 0.2s ease;
}

.stat-summary-item.highlight[b-gv6m7hfnbc] {
	background: var(--primary-soft);
}

.stat-summary-label[b-gv6m7hfnbc] {
	font-size: 12px;
	color: var(--text-gray);
}

.stat-summary-value[b-gv6m7hfnbc] {
	font-size: 19px;
	font-weight: 800;
	color: var(--text-dark);
}

.stat-item-icon[b-gv6m7hfnbc] {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-flex;
	opacity: 0.28;
}

.stat-item-icon .material-symbols-outlined[b-gv6m7hfnbc] {
	font-size: 22px;
}

.accent-review.highlight[b-gv6m7hfnbc] {
	border-left-color: #d97706;
}

.accent-event.highlight[b-gv6m7hfnbc] {
	border-left-color: var(--primary);
}

.accent-member.highlight[b-gv6m7hfnbc] {
	border-left-color: #15803d;
}

.accent-deposit.highlight[b-gv6m7hfnbc] {
	border-left-color: #7c3aed;
}

/* 각 통계 카드 하단 최근 목록 */
.mini-list-divider[b-gv6m7hfnbc] {
	height: 1px;
	margin: 4px 20px 0;
	background: var(--border);
}

.mini-list[b-gv6m7hfnbc] {
	list-style: none;
	margin: 0;
	padding: 6px 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-height: 236px;
	overflow-y: auto;
}

.mini-list-item[b-gv6m7hfnbc] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border-radius: 10px;
	transition: background-color 0.15s ease;
}

.mini-list-item:hover[b-gv6m7hfnbc] {
	background: var(--surface-container-low);
}

.mini-list-avatar[b-gv6m7hfnbc] {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.avatar-review[b-gv6m7hfnbc] {
	background: #d97706;
}

.avatar-event[b-gv6m7hfnbc] {
	background: var(--primary);
}

.avatar-member[b-gv6m7hfnbc] {
	background: #15803d;
}

.avatar-deposit[b-gv6m7hfnbc] {
	background: #7c3aed;
}

.mini-list-body[b-gv6m7hfnbc] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.mini-list-title[b-gv6m7hfnbc] {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--text-dark);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mini-list-sub[b-gv6m7hfnbc] {
	margin-top: 1px;
	font-size: 11px;
	color: var(--text-gray);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mini-list-meta[b-gv6m7hfnbc] {
	flex: 0 0 auto;
	font-size: 11px;
	color: var(--text-light);
	font-weight: 600;
}

.mini-list-empty[b-gv6m7hfnbc] {
	padding: 20px 12px;
	text-align: center;
	color: var(--text-light);
	font-size: 12px;
}

@media (max-width: 1024px) {
	.dashboard-hero[b-gv6m7hfnbc] {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.stat-grid[b-gv6m7hfnbc] {
		grid-template-columns: 1fr;
	}

	.org-summary-grid[b-gv6m7hfnbc] {
		grid-template-columns: 1fr;
	}

	.org-summary-col[b-gv6m7hfnbc] {
		padding-left: 0;
		padding-top: 14px;
		border-left: none;
		border-top: 1px solid var(--border);
	}

	.org-summary-col:first-child[b-gv6m7hfnbc] {
		padding-top: 0;
		border-top: none;
	}
}

@media (max-width: 768px) {
	.dashboard-hero[b-gv6m7hfnbc] {
		padding: 22px 20px;
		border-radius: 16px;
	}

	.panel-head[b-gv6m7hfnbc],
	.stat-summary-row[b-gv6m7hfnbc],
	.sawon-summary-row[b-gv6m7hfnbc],
	.org-summary-grid[b-gv6m7hfnbc],
	.mini-list-divider[b-gv6m7hfnbc] {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mini-list-divider[b-gv6m7hfnbc] {
		margin-left: 16px;
		margin-right: 16px;
	}
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page-wrapper[b-r8ba4h3y9i] {
	--primary: #00288e;
	--primary-container: #1e40af;
	--on-primary: #ffffff;
	--primary-fixed: #dde1ff;
	--secondary: #505f76;
	--surface: #ffffff; /* 배경을 완전히 흰색으로 지정 */
	--surface-container-lowest: #ffffff;
	--surface-container-low: #f2f4f6;
	--on-surface: #191c1e;
	--on-surface-variant: #444653;
	--outline: #757684;
	--outline-variant: #c4c5d5;
	--error: #ba1a1a;
	--radius-lg: 0.25rem;
	--radius-xl: 0.5rem;
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;
}

.login-page-wrapper[b-r8ba4h3y9i] {
	font-family: 'Inter', sans-serif;
	background-color: var(--surface);
	color: var(--on-surface);
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
	/* 중요: 자식 요소(.split-screen-container)를 화면 정중앙에 정렬 */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.material-symbols-outlined[b-r8ba4h3y9i] {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	display: inline-block;
	vertical-align: middle;
	color: var(--on-primary);
}

/* Layout Structure */
.split-screen-container[b-r8ba4h3y9i] {
	display: flex;
	width: 1200px;
	height: 800px;
	max-width: 95vw;
	max-height: 95vh;
	border-radius: 12px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

/* Left Side: Background & Info */
.hero-section[b-r8ba4h3y9i] {
	display: flex;
	position: relative;
	overflow: hidden;
	width: 60%;
	justify-content: center;
	align-items: center;
	color: #fff;
	/* 선형 그라디언트 오버레이와 배경 이미지를 함께 적용 */
	background: linear-gradient(135deg, rgba(0, 40, 142, 0.85) 0%, rgba(30, 64, 175, 0.7) 100%), url('/img/bg_login.png') no-repeat;
	background-position: center;
	background-size: cover;
}

/* 중요: 상하 배치를 위해 패딩과 정렬 방식 수정 */
.hero-content[b-r8ba4h3y9i] {
	position: relative;
	z-index: 10;
	padding: 100px 40px 60px;
	color: var(--on-primary);
	width: 100%;
	max-width: 640px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* 상단 헤더와 하단 푸터를 양끝으로 분리 */
	box-sizing: border-box;
}

/* 헤더 부분을 중앙 정렬 */
.brand-header[b-r8ba4h3y9i] {
	text-align: center;
	margin-top: 20px;
}

.brand-logo-large[b-r8ba4h3y9i] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-lg);
}

.brand-logo-large .material-symbols-outlined[b-r8ba4h3y9i] {
	font-size: 40px; /* 이미지 크기에 맞춰 조절 */
}

.brand-name-large[b-r8ba4h3y9i] {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.hero-title[b-r8ba4h3y9i] {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: var(--spacing-sm);
}

.hero-description[b-r8ba4h3y9i] {
	font-size: 15px;
	line-height: 1.6;
	opacity: 0.85;
}

/* 하단 요소 배치 영역 */
.hero-footer[b-r8ba4h3y9i] {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl);
}

/* 반투명 공지사항 카드 */
.notice-card[b-r8ba4h3y9i] {
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
	padding: var(--spacing-md) var(--spacing-lg);
	border-radius: var(--radius-xl);
}

.notice-title[b-r8ba4h3y9i] {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: var(--spacing-sm);
	margin-top: 0;
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
	color: var(--on-primary);
}

.notice-list[b-r8ba4h3y9i] {
	list-style: none;
	font-size: 12px;
	opacity: 0.9;
	padding: 0;
	margin: 0;
}

.notice-item[b-r8ba4h3y9i] {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--spacing-xs);
}

	.notice-item:last-child[b-r8ba4h3y9i] {
		margin-bottom: 0;
	}

/* 하단 고객센터 정보 양옆 정렬 */
.support-info[b-r8ba4h3y9i] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: var(--spacing-md);
}

.support-contact[b-r8ba4h3y9i] {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.support-label[b-r8ba4h3y9i] {
	font-size: 14px;
	opacity: 0.7;
	margin: 0;
}

/* Right Side: Login Card */
.login-section[b-r8ba4h3y9i] {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	padding: var(--spacing-lg);
	box-sizing: border-box;
}

.login-card[b-r8ba4h3y9i] {
	width: 100%;
	max-width: 380px;
}

.login-header[b-r8ba4h3y9i] {
	text-align: center;
	margin-bottom: var(--spacing-xl);
}

.card-brand-identity[b-r8ba4h3y9i] {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin-bottom: var(--spacing-sm);
}

.brand-icon-box[b-r8ba4h3y9i] {
	width: 36px;
	height: 36px;
	background-color: var(--primary);
	border-radius: var(--radius-xl);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--on-primary);
}

.brand-text-sm[b-r8ba4h3y9i] {
	font-size: 15px;
	font-weight: 700;
	color: var(--primary);
}

.login-heading[b-r8ba4h3y9i] {
	font-size: 24px;
	font-weight: 700;
	color: #111;
	margin: 0;
}

.login-subheading[b-r8ba4h3y9i] {
	font-size: 13px;
	color: var(--secondary);
	margin-top: var(--spacing-xs);
	margin-bottom: 0;
}

/* Form Styling */
.login-form[b-r8ba4h3y9i] {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.form-group[b-r8ba4h3y9i] {
	display: flex;
	flex-direction: column;
}

.label-row[b-r8ba4h3y9i] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.input-label[b-r8ba4h3y9i] {
	font-size: 13px;
	font-weight: 600;
	color: var(--on-surface-variant);
}

.input-link[b-r8ba4h3y9i] {
	font-size: 11px;
	color: var(--primary);
	text-decoration: none;
}

	.input-link:hover[b-r8ba4h3y9i] {
		text-decoration: underline;
	}

.input-wrapper[b-r8ba4h3y9i] {
	position: relative;
}
	.input-wrapper .material-symbols-outlined[b-r8ba4h3y9i] {
		color: #999;
	}

	.input-icon[b-r8ba4h3y9i] {
		position: absolute;
		top: 50%;
		left: 14px;
		transform: translateY(-50%);
		pointer-events: none;
		font-size: 18px;
	}

.input-field[b-r8ba4h3y9i] {
	width: 100%;
	padding: 12px 14px 12px 40px;
	background-color: #ffffff;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 13px;
	color: var(--on-surface);
	transition: all 0.2s ease;
	box-sizing: border-box;
}

	.input-field:focus[b-r8ba4h3y9i] {
		outline: none;
		border-color: var(--primary);
		box-shadow: 0 0 0 3px rgba(0, 40, 142, 0.15);
	}

.password-toggle[b-r8ba4h3y9i] {
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #999;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
}

	.password-toggle:hover[b-r8ba4h3y9i] {
		color: var(--primary);
	}

.remember-me[b-r8ba4h3y9i] {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	margin-top: var(--spacing-xs);
}

.checkbox[b-r8ba4h3y9i] {
	width: 16px;
	height: 16px;
	accent-color: var(--primary);
	border: 1px solid #d1d5db;
	border-radius: 4px;
	margin: 0;
}

.checkbox-label[b-r8ba4h3y9i] {
	font-size: 12px;
	color: var(--on-surface-variant);
	user-select: none;
}

.login-button[b-r8ba4h3y9i] {
	width: 100%;
	padding: 14px;
	background-color: var(--primary);
	color: var(--on-primary);
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-sm);
	transition: background-color 0.2s;
	margin-top: var(--spacing-xs);
}

	.login-button:hover[b-r8ba4h3y9i] {
		background-color: var(--primary-container);
	}

/* Footer Security Info */
.login-footer[b-r8ba4h3y9i] {
	margin-top: var(--spacing-xl);
	padding-top: var(--spacing-lg);
	border-top: 1px solid #eeeeee;
	text-align: center;
}

.security-badge[b-r8ba4h3y9i] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xs);
	color: var(--secondary);
	margin-bottom: var(--spacing-sm);
}

.security-text[b-r8ba4h3y9i] {
	font-size: 11px;
	color: #888888;
	line-height: 1.6;
	max-width: 340px;
	margin: 0 auto;
}

/* Alert Message */
.alert-danger[b-r8ba4h3y9i] {
	padding: var(--spacing-sm) var(--spacing-md);
	background-color: rgba(186, 26, 26, 0.05);
	border: 1px solid var(--error);
	color: var(--error);
	border-radius: var(--radius-xl);
	font-size: 13px;
	margin-bottom: var(--spacing-xs);
}

/* Spinner */
.spinner[b-r8ba4h3y9i] {
	width: 14px;
	height: 14px;
	border: 2px solid transparent;
	border-top-color: var(--on-primary);
	border-radius: 50%;
}

.animate-spin[b-r8ba4h3y9i] {
	animation: spin-b-r8ba4h3y9i 1s linear infinite;
}

@keyframes spin-b-r8ba4h3y9i {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
/* /Components/Pages/Member/HoldRegistor.razor.rz.scp.css */
.hold-member-box[b-jbtgy308s6] {
    margin-bottom: 0.67rem;
}

.hold-registor-layout[b-jbtgy308s6] {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 0.67rem;
    align-items: start;
}

.hold-registor-left[b-jbtgy308s6] {
    display: grid;
    grid-template-rows: auto auto;
    gap: 0.67rem;
}

.hold-registor-right[b-jbtgy308s6] {
    min-height: 100%;
}

.hold-member-info th[b-jbtgy308s6],
.hold-member-info td[b-jbtgy308s6],
.hold-input-form th[b-jbtgy308s6],
.hold-input-form td[b-jbtgy308s6],
.hold-history-grid th[b-jbtgy308s6],
.hold-history-grid td[b-jbtgy308s6],
.hold-sch-grid th[b-jbtgy308s6],
.hold-sch-grid td[b-jbtgy308s6] {
    border: 1px solid #d9d9d9;
}

.hold-input-form input[b-jbtgy308s6],
.hold-member-info input[b-jbtgy308s6] {
    width: 100%;
}

.hold-member-mini-grid[b-jbtgy308s6] {
    display: grid;
    grid-template-columns: max-content 1fr max-content 1fr max-content 1fr;
    gap: 0.33rem 0.5rem;
    align-items: center;
}

.hold-member-mini-grid > label[b-jbtgy308s6] {
    text-align: right;
    font-weight: 500;
}

.hold-member-mini-grid > input[b-jbtgy308s6] {
    width: 100%;
}

.hold-member-name[b-jbtgy308s6] {
    min-width: 6.67rem;
}

.hold-history-grid[b-jbtgy308s6],
.hold-sch-grid[b-jbtgy308s6] {
    width: 100%;
}
/* /Components/Pages/Member/MemberMaster.razor.rz.scp.css */
/* MemFrm003.xaml의 최상위 4행과 좌우 패널 배치를 Blazor로 표현합니다. */
.member-master-page[b-5s8ekbawaw] { min-height: 0; gap: 0.35rem; overflow: hidden; font-family: var(--font-family-base); font-size: 1rem; }
/* 계약정보(4행)는 고정 높이로 유지하고, 구좌정보(2행)는 남은 높이를 동적으로 사용합니다. */
.member-master-xaml-shell[b-5s8ekbawaw] { display: grid; grid-template-columns: minmax(42.5rem, 1fr) minmax(26rem, 0.62fr); grid-template-rows: 20.5rem minmax(4.8rem, 1fr) 0.25rem 28.3rem; min-height: 0; flex: 1 1 auto; overflow: hidden; border: 1px solid var(--border-dark); background: var(--white); }
/* 기존 상단 영역 컨테이너는 자식 패널을 외곽 그리드에 직접 배치하기 위해 display: contents를 사용한다. */
.member-master-xaml-top[b-5s8ekbawaw] { display: contents; }
.member-master-left-form-panel[b-5s8ekbawaw] { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--border-dark); grid-column: 1; grid-row: 4; border-top: 1px solid var(--border-dark); }
.member-master-left-form-content[b-5s8ekbawaw] { min-width: 0; min-height: 0; flex: 1 1 auto; overflow: auto; }
.member-master-member-summary[b-5s8ekbawaw] { flex: 0 0 auto; padding: 0.3rem; background: #fffff4; border-top: 1px solid #dcdca3; border-bottom: 1px solid #dcdca3; }
.member-master-fixed-row[b-5s8ekbawaw], .member-master-summary-row[b-5s8ekbawaw] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.2rem; }
.member-master-summary-memo[b-5s8ekbawaw] { display: grid; grid-template-columns: 6.25rem minmax(0, 1fr) auto; gap: 0.2rem; margin-top: 0.2rem; }
.member-master-summary-memo strong[b-5s8ekbawaw] { color: #c00000; white-space: nowrap; }
.member-master-form-section[b-5s8ekbawaw] { flex: 0 0 auto; min-width: 0; border-bottom: 1px solid var(--border-dark); }
.member-master-section-header[b-5s8ekbawaw] { display: flex; align-items: center; justify-content: space-between; min-height: 1.75rem; padding: 0.2rem 0.4rem; color: #1e3a8a; font-weight: 700; background: var(--primary-soft); border-bottom: 1px solid var(--border-dark); font-size: 1rem; }
.member-master-section-header > div[b-5s8ekbawaw], .member-master-section-header > button[b-5s8ekbawaw] { display: flex; gap: 0.2rem; }
.member-master-section-header button[b-5s8ekbawaw], .member-master-action-panel button[b-5s8ekbawaw] { min-height: 1.5rem; padding: 0 0.4rem; white-space: nowrap; }
/* 구좌정보 타이틀과 유지건 체크박스를 한 줄에 붙여 배치합니다. */
.member-master-guja-header[b-5s8ekbawaw] { display: inline-flex; align-items: center; gap: 0.6rem; }
/* 유지건 체크박스는 타이틀 옆에서 작고 깔끔하게 정렬합니다. */
.member-master-guja-keep-filter[b-5s8ekbawaw] { display: inline-flex; align-items: center; gap: 0.2rem; color: #111827; font-weight: 400; font-size: 1rem; }
.member-master-guja-keep-filter input[b-5s8ekbawaw] { width: 1rem; height: 1rem; margin: 0; }
.member-master-guja-keep-filter span[b-5s8ekbawaw] { line-height: 1; white-space: nowrap; }
.member-master-contract-form[b-5s8ekbawaw] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.15rem 0.25rem; padding: 0.3rem; }
/* 계약정보를 4열 컬럼 레이아웃으로 구성해 각 열 필드 묶음을 유지합니다. */
.member-master-contract-form-four-columns[b-5s8ekbawaw] { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; }
.member-master-contract-column[b-5s8ekbawaw] { display: grid; gap: 0.15rem; align-content: start; min-width: 0; }
/* 계약정보 맨 아래 증서우편/주소/상세주소를 한 줄로 배치합니다. */
.member-master-contract-cert-bottom[b-5s8ekbawaw] { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr 2fr 2fr; gap: 0.25rem; }
/* 계약정보 맨 아래 메모를 한 줄 전체로 배치합니다. */
.member-master-contract-memo-bottom[b-5s8ekbawaw] { grid-column: 1 / -1; }
/* 계약정보의 증서발송주소도 회원정보탭 주소와 동일한 레이블/주소 라인 구조를 사용합니다. */
.member-master-contract-cert-address-field[b-5s8ekbawaw] {
    grid-column: 1 / -1;
    align-items: start;
}
.member-master-contract-cert-address-field > label[b-5s8ekbawaw] {
    padding-top: 0;
    align-self: center;
}
.member-master-contract-cert-address-field input[b-5s8ekbawaw] { width: 100%; min-width: 0; }
.member-master-contract-post[b-5s8ekbawaw] { max-width: 7.92rem; }
.member-master-payment-form[b-5s8ekbawaw] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.1rem 0.2rem; padding: 0.2rem 0.25rem; }
/* 계약정보/상단 입력 라벨 폭을 추가로 더 늘리고 입력 컬럼 폭을 그만큼 더 줄입니다. */
.member-master-field[b-5s8ekbawaw] { display: grid; grid-template-columns: 8.2rem minmax(0, 1fr); align-items: center; min-width: 0; gap: 0.2rem; }
.member-master-field label[b-5s8ekbawaw] { min-width: 0; padding: 0.41rem 0.1rem 0 0.1rem; color: #111827; font-weight: 400; text-align: right; white-space: nowrap; font-size: 1rem; }
.member-master-field input[b-5s8ekbawaw], .member-master-search-input input[b-5s8ekbawaw], .member-master-summary-memo input[b-5s8ekbawaw] { width: 100%; min-width: 0; height: 1.55rem; padding: 0 0.3rem; border: 1px solid var(--border); border-radius: 0.15rem; background: var(--white); font-size: 1rem; font-family: inherit; }
/* 계약정보 모집사원코드 입력과 검색 버튼을 한 줄로 배치합니다. */
.member-master-contract-code-search[b-5s8ekbawaw] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.2rem; align-items: center; }
/* 계약정보 모집사원 검색 버튼 폭을 줄여 코드 필드와 균형을 맞춥니다. */
.member-master-contract-code-find[b-5s8ekbawaw] { min-width: 2.5rem; padding: 0 0.42rem; }
/* 계약정보 2개 값을 한 행에 표시할 때 사용하는 2열 입력 영역입니다. */
.member-master-dual-field[b-5s8ekbawaw] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.2rem; min-width: 0; }
.member-master-field-wide[b-5s8ekbawaw] { grid-column: span 2; }
.member-master-field-full[b-5s8ekbawaw] { grid-column: 1 / -1; }
.member-master-subsection-title[b-5s8ekbawaw] { padding: 0.25rem 0.5rem; color: var(--primary-dark); font-weight: 700; background: #f7f7f7; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.member-master-action-panel[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: repeat(9, minmax(5.5rem, 1fr));
    gap: 0.2rem;
    flex: 0 0 auto;
    min-width: 51.75rem;
    overflow-x: auto;
    padding: 0.3rem;
    background: var(--white);
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    position: relative;
    z-index: 2;
}

.member-master-action-panel button[b-5s8ekbawaw] {
    width: 100%;
}
.member-master-top-member-search[b-5s8ekbawaw] {
    min-width: 6.5rem;
}
.member-master-guja-row[b-5s8ekbawaw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    /* 구좌정보는 가운데 행에서 전체 너비(좌/우 컬럼)를 사용한다. */
    grid-column: 1 / 3;
    grid-row: 2;
}
.member-master-guja-table[b-5s8ekbawaw] {
    min-width: 0;
    min-height: 4.8rem;
    max-height: none;
    flex: 1 1 auto;
    overflow: auto;
}
/* 구좌정보 선택 행을 배경/글자 강조로 명확히 구분합니다. */
.member-master-guja-table .list-table tbody tr.selected-row[b-5s8ekbawaw] {
    background-color: #fffbe6;
    font-weight: 700;
}
/* 선택 행에서도 셀 경계가 유지되도록 셀 배경을 동일하게 맞춥니다. */
.member-master-guja-table .list-table tbody tr.selected-row td[b-5s8ekbawaw] {
    background-color: #fffbe6;
}
/* 마우스 오버보다 선택 강조가 우선되도록 hover 상태를 동일하게 고정합니다. */
.member-master-guja-table .list-table tbody tr.selected-row:hover[b-5s8ekbawaw],
.member-master-guja-table .list-table tbody tr.selected-row:hover td[b-5s8ekbawaw] {
    background-color: #fffbe6;
}
.member-master-xaml-bottom.member-master-guja-bottom[b-5s8ekbawaw] {
    display: contents;
}
.member-master-guja-bottom .member-master-talk-panel[b-5s8ekbawaw] {
    grid-column: 2;
    /* 상담등록은 탭영역과 같은 상단 행 높이를 사용한다. */
    grid-row: 1;
    border-right: 0;
    border-left: 1px solid var(--border-dark);
}
.member-master-guja-bottom .member-master-bottom-data[b-5s8ekbawaw] {
    grid-column: 1;
    grid-row: 1;
}
.member-master-schedule-panel[b-5s8ekbawaw] { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; grid-column: 2; grid-row: 4; border-left: 1px solid var(--border-dark); }
.member-master-schedule-table[b-5s8ekbawaw], .member-master-account-table[b-5s8ekbawaw], .member-master-grid-panel[b-5s8ekbawaw] { min-width: 0; min-height: 0; overflow: auto; }
.member-master-schedule-table[b-5s8ekbawaw], .member-master-account-table[b-5s8ekbawaw] { flex: 1 1 auto; }
/* 납부내역 rowspan 셀의 값을 셀 상단에 붙여 표시합니다. */
.member-master-schedule-table td[rowspan][b-5s8ekbawaw] { vertical-align: top; }
.member-master-account-row[b-5s8ekbawaw] { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; border-top: 1px solid var(--border-dark); }
.member-master-account-total[b-5s8ekbawaw] { flex: 0 0 1.56rem; padding: 0.25rem 0.5rem; text-align: right; font-weight: 700; background: var(--surface-container-low); border-top: 1px solid var(--border-dark); }
.member-master-xaml-splitter[b-5s8ekbawaw] { height: 0.31rem; background: #d0d0d0; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #f5f5f5; grid-column: 1 / 3; grid-row: 3; }
.member-master-xaml-bottom[b-5s8ekbawaw] { display: grid; grid-template-columns: 25rem minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; }
.member-master-talk-panel[b-5s8ekbawaw], .member-master-bottom-data[b-5s8ekbawaw] { min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid var(--border-dark); }
.member-master-talk-panel[b-5s8ekbawaw] { display: flex; flex-direction: column; gap: 0.17rem; padding-bottom: 0.3rem; }
/* 상담등록도 구좌정보처럼 타이틀 바를 유지하고 버튼은 별도 우측 액션 줄로 배치합니다. */
.member-master-talk-actions[b-5s8ekbawaw] {
    display: flex;
    justify-content: flex-end;
    padding: 0 0.25rem;
}
.member-master-talk-actions button[b-5s8ekbawaw] {
    min-height: 1.5rem;
    padding: 0 0.4rem;
}
.member-master-talk-form[b-5s8ekbawaw] { display: grid; gap: 0.2rem 0.25rem; padding: 0.2rem 0.25rem 0.25rem; }
.member-master-talk-form.form-grid.col2[b-5s8ekbawaw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.member-master-talk-form .member-master-field[b-5s8ekbawaw] { grid-template-columns: 5rem minmax(0, 1fr); }
.member-master-talk-form .member-master-field-full[b-5s8ekbawaw] { grid-column: 1 / -1; }
.member-master-talk-form textarea[b-5s8ekbawaw] { width: 100%; min-height: 3.5rem; padding: 0.25rem 0.3rem; border: 1px solid var(--border); border-radius: 0.15rem; resize: none; }
.member-master-talk-form select[b-5s8ekbawaw] { width: 100%; min-width: 0; height: 1.55rem; padding: 0 0.3rem; border: 1px solid var(--border); border-radius: 0.15rem; background: var(--white); }
.member-master-bottom-data[b-5s8ekbawaw] { display: flex; flex-direction: column; border-right: 1px solid var(--border-dark); }
.member-master-tab-list[b-5s8ekbawaw] { display: flex; flex: 0 0 auto; gap: 0.1rem; padding: 0.25rem 0.25rem 0; border-bottom: 1px solid var(--border-dark); background: var(--surface-container-low); }
.member-master-tab-list button[b-5s8ekbawaw] { padding: 0.25rem 0.6rem; border: 1px solid var(--border-dark); border-bottom: 0; background: var(--white); }
.member-master-tab-list button.active[b-5s8ekbawaw] { color: var(--primary-dark); font-weight: 700; background: var(--primary-soft); }
.member-master-tab-content[b-5s8ekbawaw] { min-width: 0; min-height: 0; flex: 1 1 auto; overflow: auto; padding: 0.25rem; }

/* 회원정보 탭 세로 높이를 조금 줄이기 위해 내부 여백을 축소합니다. */
.member-master-member-info-panel[b-5s8ekbawaw] {
    padding: 0.17rem;
}

.member-master-member-info-actions[b-5s8ekbawaw] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.17rem;
}

.member-master-member-info-actions button[b-5s8ekbawaw] {
    min-height: 1.5rem;
    padding: 0 0.4rem;
}

/* 회원정보 전체 컨테이너를 form-grid 규칙과 함께 사용할 수 있게 grid 기반으로 유지합니다. */
.member-master-member-info-grid[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.18rem;
}

/* 회원정보 탭에서도 공통 grid 형식 표준인 form-grid를 사용합니다. */
.member-master-member-info-row.form-grid.col4[b-5s8ekbawaw] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* form-grid 기본 여백(gap/padding)보다 우선하여 회원정보 행간을 실제로 줄입니다. */
.member-master-member-info-row.form-grid[b-5s8ekbawaw] {
    gap: 0.18rem 0.18rem;
    padding: 0;
}

/* form-grid 공통 label 상단 패딩을 제거해 회원정보 행 높이를 줄입니다. */
.member-master-member-info-row.form-grid .member-master-member-info-field > label[b-5s8ekbawaw] {
    padding-top: 0;
    align-self: center;
}

.member-master-member-info-row[b-5s8ekbawaw] {
    display: grid;
    gap: 0.18rem;
}

.member-master-member-info-row-four[b-5s8ekbawaw] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* 회원정보 탭 라벨 폭을 추가로 더 늘려 행 정렬을 안정화하고 입력 컬럼 폭을 더 줄입니다. */
.member-master-member-info-field[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: 6.8rem minmax(0, 1fr);
    gap: 0.25rem;
    align-items: center;
    min-width: 0;
}

/* 개인/법인구분 라디오 버튼을 입력 영역 중앙에 정렬합니다. */
.member-master-member-info-radio-group[b-5s8ekbawaw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.member-master-member-info-radio-option[b-5s8ekbawaw] {
    display: inline-flex;
    align-items: center;
    gap: 0.17rem;
    font-size: 1rem;
    color: #334155;
    white-space: nowrap;
}

.member-master-member-info-radio-option input[type="radio"][b-5s8ekbawaw] {
    width: auto;
    min-width: 0;
    min-height: 0;
    margin: 0;
}

/* 본부등록과 동일한 FormPostField(폭 80px) 기준으로 주소 3칸 레이아웃을 맞춥니다. */
.member-master-member-info-address-line[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: 7.92rem minmax(0, 1fr) minmax(0, 0.85fr);
    gap: 0.25rem;
    min-width: 0;
    align-items: center;
}

.member-master-member-info-field-address[b-5s8ekbawaw] {
    align-items: start;
}

.member-master-member-info-field label[b-5s8ekbawaw] {
    font-size: 12px;
    text-align: right;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.member-master-member-info-field input[b-5s8ekbawaw],
.member-master-member-info-field textarea[b-5s8ekbawaw] {
    width: 100%;
    min-width: 0;
    min-height: 1.2rem;
    padding: 0.06rem 0.35rem;
    font-size: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 0.18rem;
    box-sizing: border-box;
    background: var(--white);
}

.member-master-member-info-field textarea[b-5s8ekbawaw] {
    min-height: 2.4rem;
    resize: none;
}

.member-master-member-info-field-wide[b-5s8ekbawaw] {
    grid-column: span 2;
}

.member-master-member-info-field-full[b-5s8ekbawaw] {
    grid-column: 1 / -1;
}

.member-master-member-info-spacer[b-5s8ekbawaw] {
    min-height: 0;
}

.member-master-paychange-backdrop[b-5s8ekbawaw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    padding: 0.75rem;
}

.member-master-paychange-modal[b-5s8ekbawaw] {
    width: min(72rem, 97vw);
    background: var(--white);
    border: 1px solid var(--border-dark);
    border-radius: 0.2rem;
    box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* 납부변경 팝업도 다른 팝업과 동일한 제목바 구조를 사용합니다. */
.member-master-paychange-titlebar[b-5s8ekbawaw] {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-dark);
}

/* 납부변경 본문은 제목바 아래에서 기존 간격으로 내용을 배치합니다. */
.member-master-paychange-body[b-5s8ekbawaw] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.8rem;
}

/* 납부변경 상단 회원 메타정보는 1행에 회원코드/회원명/개인법인구분/주민NO를 배치합니다. */
.member-master-paychange-meta[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.4rem 1rem;
    font-size: 12px;
}

.member-master-paychange-grid[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem 0.7rem;
}

.member-master-paychange-field[b-5s8ekbawaw] {
    display: grid;
    grid-template-columns: 7.2rem minmax(0, 1fr);
    gap: 0.35rem;
    align-items: center;
}

.member-master-paychange-field label[b-5s8ekbawaw] {
    font-size: 12px;
    color: #334155;
    font-weight: 700;
    text-align: right;
}

.member-master-paychange-field input[b-5s8ekbawaw],
.member-master-paychange-field select[b-5s8ekbawaw] {
    width: 100%;
    min-height: 1.8rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.16rem;
    padding: 0.2rem 0.45rem;
    font-size: 12px;
    background: var(--white);
}

.member-master-paychange-note[b-5s8ekbawaw] {
    border: 1px solid var(--border);
    background: #f8fafc;
    padding: 0.5rem 0.6rem;
    font-size: 12px;
    color: #334155;
}

.member-master-paychange-actions[b-5s8ekbawaw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.member-master-paychange-actions button[b-5s8ekbawaw] {
    min-height: 1.7rem;
    padding: 0 0.7rem;
    font-size: 12px;
}

.member-master-bottom-grids[b-5s8ekbawaw] { display: grid; grid-template-columns: minmax(22rem, 1fr) minmax(22rem, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 0.25rem; min-height: 0; flex: 1 1 auto; padding: 0.25rem; }
.member-master-grid-panel[b-5s8ekbawaw] { border: 1px solid var(--border-dark); }
.member-master-grid-title[b-5s8ekbawaw] { position: sticky; top: 0; z-index: 1; padding: 0.2rem 0.35rem; color: var(--primary-dark); font-weight: 700; background: var(--primary-soft); border-bottom: 1px solid var(--border-dark); }
.member-master-tab-content .member-master-grid-title[b-5s8ekbawaw] { display: none; }
.member-master-search-row[b-5s8ekbawaw] { display: flex; align-items: center; gap: 0.31rem; min-width: 0; flex-wrap: nowrap; overflow-x: auto; }
.member-master-search-row > label[b-5s8ekbawaw] { flex: 0 0 5.8rem; color: var(--text-gray); font-weight: 700; text-align: center; white-space: nowrap; }
.member-master-search-row > span[b-5s8ekbawaw] { color: var(--text-gray); white-space: nowrap; }
/* 검색 입력 영역은 그대로 유지하고 나머지 작업 버튼들은 납부변경 오른쪽에 연속 배치합니다. */
.member-master-search-input[b-5s8ekbawaw] { display: flex; align-items: center; flex: 0 0 18rem; min-width: 12rem; width: 18rem; }
/* 검색어 입력창은 검색 영역의 고정 폭 안에서 전체 너비를 사용합니다. */
.member-master-search-input input[b-5s8ekbawaw] { flex: 1 1 auto; min-width: 0; }
/* 검색행 전체 버튼은 상단 보류처리 계열 버튼과 같은 스타일로 통일합니다. */
.member-master-search-row > button[b-5s8ekbawaw] {
    flex: 0 0 auto;
    height: 2.1rem;
    padding: 0 0.69rem;
    border: 1px solid #c9d5e4;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    cursor: pointer;
    color: #334155;
    transition: all 0.15s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 0.31rem;
    white-space: nowrap;
}
/* 검색행 버튼 hover도 상단 보류처리 계열 버튼과 동일하게 맞춥니다. */
.member-master-search-row > button:hover[b-5s8ekbawaw] {
    background: linear-gradient(180deg, #f8fafc 0%, #f0f4f8 100%);
    border-color: #a1afc9;
    color: #0f172a;
}
.member-master-new-button[b-5s8ekbawaw] { flex: 0 0 auto; margin-left: 0; }
/* 조직관리 타이틀 우측 버튼 영역과 동일한 배치 간격을 적용합니다. */
.member-master-title-bar .page-title-btns[b-5s8ekbawaw] { margin-left: auto; gap: 0.2rem; }
.member-master-empty[b-5s8ekbawaw] { padding: 1rem; color: var(--text-gray); text-align: center; }
.remark-column[b-5s8ekbawaw] { min-width: 18rem; }
.num[b-5s8ekbawaw] { text-align: right; }
@media (max-width: 90rem) {
    .member-master-xaml-shell[b-5s8ekbawaw] { grid-template-columns: minmax(36rem, 1fr) minmax(20rem, 0.8fr); }
    .member-master-contract-form[b-5s8ekbawaw] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .member-master-xaml-bottom.member-master-guja-bottom[b-5s8ekbawaw] { grid-template-columns: 1fr minmax(20rem, 0.8fr); }
}
@media (max-width: 75rem) {
    .member-master-page[b-5s8ekbawaw] { overflow: auto; }
    .member-master-xaml-shell[b-5s8ekbawaw] { min-width: 76rem; overflow: visible; }
}
/* /Components/Pages/Member/MemberRegister.razor.rz.scp.css */
/* CSS for MemberRegister component */
/* /Components/Pages/Member/PayList.razor.rz.scp.css */
.pay-list-page[b-gwbvjtxnfx] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pay-list-main-wrap[b-gwbvjtxnfx] {
    flex: 1 1 auto;
    min-height: 36rem;
    display: grid;
    grid-template-columns: 30rem minmax(0, 1fr);
    gap: 0.35rem;
}

.pay-list-summary-wrap[b-gwbvjtxnfx] {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.35rem;
}

.pay-list-summary-left[b-gwbvjtxnfx],
.pay-list-summary-right[b-gwbvjtxnfx],
.pay-list-detail-wrap[b-gwbvjtxnfx] {
    min-height: 0;
}

.pay-list-detail-wrap[b-gwbvjtxnfx] {
    height: 100%;
    overflow: auto;
}

.pay-list-summary-left .list-table[b-gwbvjtxnfx],
.pay-list-summary-right .list-table[b-gwbvjtxnfx] {
    width: 100%;
}

.pay-list-detail-wrap .list-table[b-gwbvjtxnfx] {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
}

.pay-list-detail-summary[b-gwbvjtxnfx] {
    background-color: var(--app-surface-soft, #f7f8fa);
    font-weight: 600;
}

.pay-list-detail-grand-total[b-gwbvjtxnfx] {
    background-color: var(--app-primary-soft, #eef4ff);
}
/* /Components/Pages/Member/PayListMethod.razor.rz.scp.css */
.pay-list-method-page[b-e8efjwa4kl] {
    gap: 0.5rem;
    min-height: 0;
}

.pay-list-method-filter[b-e8efjwa4kl] {
    grid-template-columns: repeat(3, minmax(14rem, 1fr));
}

.pay-list-method-filter .list-search-item.date-range[b-e8efjwa4kl] {
    flex: 0 0 auto;
}

.pay-list-method-filter .list-search-item.date-range .date-input-group[b-e8efjwa4kl] {
    width: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.pay-list-method-filter[b-e8efjwa4kl]  .pay-list-method-date-picker {
    width: 7.7rem !important;
    min-width: 7.7rem !important;
    max-width: 7.7rem !important;
    flex: 0 0 7.7rem !important;
}

.pay-list-method-filter[b-e8efjwa4kl]  .pay-list-method-date-picker .mud-input-control {
    width: 7.7rem !important;
    min-width: 7.7rem !important;
}

.pay-list-method-filter[b-e8efjwa4kl]  .pay-list-method-date-picker .mud-input-root {
    min-width: 0 !important;
}

.pay-list-method-table-wrap[b-e8efjwa4kl] {
    min-height: 0;
    flex: 1 1 auto;
}

.pay-list-method-table td.num[b-e8efjwa4kl],
.pay-list-method-table th.num[b-e8efjwa4kl] {
    text-align: right;
}

.pay-list-method-subtotal td[b-e8efjwa4kl],
.pay-list-method-grandtotal td[b-e8efjwa4kl] {
    background: #f8fafc;
    font-weight: 600;
}

.pay-list-method-grandtotal td[b-e8efjwa4kl] {
    background: #eef2ff;
}

.pay-list-method-table .summary-label[b-e8efjwa4kl] {
    text-align: center;
    white-space: nowrap;
}
/* /Components/Pages/Member/PayListStatus.razor.rz.scp.css */
.pay-list-status-page[b-uwwv48o9kx] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pay-list-status-message[b-uwwv48o9kx] {
    padding: 0.35rem 0.5rem;
    border: 1px solid #fde68a;
    background: #fefce8;
    color: #92400e;
    border-radius: 0.35rem;
    font-size: 0.78rem;
}

.pay-list-status-grid-wrap[b-uwwv48o9kx] {
    flex: 1 1 auto;
    min-height: 36rem;
}

.pay-list-status-grid[b-uwwv48o9kx] {
    width: 100%;
}

.pay-list-status-grid th.num[b-uwwv48o9kx],
.pay-list-status-grid td.num[b-uwwv48o9kx] {
    text-align: right;
}

.pay-list-status-grid tfoot td[b-uwwv48o9kx] {
    font-weight: 700;
    color: #dc2626;
}
/* /Components/Pages/Member/PayRegister.razor.rz.scp.css */
.pay-register-page[b-qtifostn0b] {
    gap: 0.75rem;
    min-height: 0;
}

.pay-register-top-btns[b-qtifostn0b] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.pay-register-pass[b-qtifostn0b] {
    width: 6.5rem;
}

.pay-register-content[b-qtifostn0b] {
    display: grid;
    grid-template-columns: 29rem minmax(0, 1fr);
    gap: 0.35rem;
    min-height: 40rem;
}

.pay-register-left-pane[b-qtifostn0b] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 0;
}

.pay-register-right-pane[b-qtifostn0b] {
    display: grid;
    grid-template-rows: minmax(24rem, 71%) minmax(10rem, 29%);
    gap: 0.35rem;
    min-height: 0;
}

.pay-register-right-top[b-qtifostn0b],
.pay-register-right-bottom[b-qtifostn0b],
.pay-register-schedule-wrap[b-qtifostn0b],
.pay-register-list-wrap[b-qtifostn0b] {
    min-height: 0;
}

.pay-register-master-wrap[b-qtifostn0b],
.pay-register-member-wrap[b-qtifostn0b] {
    min-height: auto;
}

.pay-register-right-top[b-qtifostn0b],
.pay-register-right-bottom[b-qtifostn0b] {
    display: flex;
    flex-direction: column;
}

.pay-register-schedule-wrap[b-qtifostn0b],
.pay-register-list-wrap[b-qtifostn0b] {
    flex: 1 1 auto;
    overflow: auto;
}

.pay-register-schedule-wrap[b-qtifostn0b] {
    padding-right: 0;
    box-sizing: border-box;
}

.pay-register-panel[b-qtifostn0b] {
    border: 1px solid #dbe3ef;
    border-radius: 0.62rem;
    background: #ffffff;
    padding: 0.42rem;
}

.pay-register-section-title[b-qtifostn0b] {
    display: flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0 0.72rem;
    margin-bottom: 0.6rem;
    border: 1px solid #cfd8e3;
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(15, 23, 42, 0.06);
    color: #1e293b;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.pay-register-left-section[b-qtifostn0b] {
    background: #ffffff;
}

.pay-register-left-section + .pay-register-left-section[b-qtifostn0b] {
    background: #ffffff;
    border-top: 2px solid #e6edf5;
    padding-top: 0.55rem;
}

.pay-register-master-title[b-qtifostn0b],
.pay-register-member-title[b-qtifostn0b] {
    display: flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0 0.72rem;
    margin-bottom: 0.6rem;
    border: 1px solid #cfd8e3;
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(15, 23, 42, 0.06);
    color: #1e293b;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.pay-register-section-title[b-qtifostn0b]::before,
.pay-register-master-title[b-qtifostn0b]::before,
.pay-register-member-title[b-qtifostn0b]::before {
    content: "";
    width: 0.28rem;
    height: 1rem;
    margin-right: 0.45rem;
    border-radius: 0.2rem;
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);
    flex: 0 0 auto;
}

.pay-register-panel-card[b-qtifostn0b] {
    padding: 0.5rem;
}

.pay-register-mini-grid[b-qtifostn0b] {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 5px 6px;
}

.pay-register-mini-grid label[b-qtifostn0b] {
    color: #111827;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    padding-right: 0.38rem;
    line-height: 1.2;
    align-self: center;
}

.pay-register-mini-grid input[b-qtifostn0b],
.pay-register-mini-grid select[b-qtifostn0b] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 12px;
    background: #fff;
    min-height: 1.9rem;
}

.pay-register-mini-grid input[type="number"][b-qtifostn0b] {
    text-align: right;
    -moz-appearance: textfield;
}

.pay-register-mini-grid input.pay-register-amount-input[b-qtifostn0b] {
    text-align: right;
}

.pay-register-mini-grid input[type="number"][b-qtifostn0b]::-webkit-outer-spin-button,
.pay-register-mini-grid input[type="number"][b-qtifostn0b]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pay-register-mini-grid .with-help[b-qtifostn0b] {
    display: grid;
    grid-template-columns: 7.8rem 1.8rem minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
}

.pay-register-mini-grid .with-help input[b-qtifostn0b] {
    width: 100%;
}

.pay-register-member-name[b-qtifostn0b] {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0 0.45rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #f8fafc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pay-register-ino-label[b-qtifostn0b] {
    align-self: center;
}

.pay-register-ino-cell[b-qtifostn0b] {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
}

.pay-register-ino-cell input[b-qtifostn0b] {
    border: 0;
    background: transparent;
    font-weight: 700;
    padding: 0;
    min-height: auto;
}

.pay-register-member-title[b-qtifostn0b] {
    margin-bottom: 0.35rem;
}

.pay-register-grid-compact th[b-qtifostn0b],
.pay-register-grid-compact td[b-qtifostn0b] {
    padding: 0.2rem 0.45rem;
}

.pay-register-schedule-wrap .pay-register-grid-compact[b-qtifostn0b] {
    min-width: 38rem;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(1)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(1)[b-qtifostn0b] {
    min-width: 3.4rem;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(2)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(2)[b-qtifostn0b] {
    min-width: 6.2rem;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(3)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(3)[b-qtifostn0b] {
    min-width: 6.8rem;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(4)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(4)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(5)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(5)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(6)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(6)[b-qtifostn0b] {
    min-width: 6.2rem;
}

.pay-register-grid-compact td.num[b-qtifostn0b],
.pay-register-grid-compact th.num[b-qtifostn0b] {
    text-align: right;
}

.pay-register-schedule-wrap .pay-register-grid-compact thead th[b-qtifostn0b] {
    text-align: center !important;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(2)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(2)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(3)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(3)[b-qtifostn0b] {
    text-align: center;
}

.pay-register-schedule-wrap .pay-register-grid-compact th:nth-child(6)[b-qtifostn0b],
.pay-register-schedule-wrap .pay-register-grid-compact td:nth-child(6)[b-qtifostn0b] {
    min-width: 5.5rem;
}

.help-btn[b-qtifostn0b] {
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
}

.pay-register-bottom-header[b-qtifostn0b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
}

.pay-register-bottom-header span[b-qtifostn0b] {
    font-size: 0.8rem;
    color: #64748b;
}

.list-table tbody tr.pay-register-selected[b-qtifostn0b] {
    background-color: #dbeafe !important;
}

.pay-register-revival-wrap[b-qtifostn0b] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.25rem;
}

.pay-register-revival-wrap label[b-qtifostn0b] {
    color: #dc2626;
    font-weight: 600;
}

.pay-receipt-overlay[b-qtifostn0b] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
}

.pay-receipt-window[b-qtifostn0b] {
    width: min(72rem, 94vw);
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.28);
    overflow: hidden;
}

.pay-receipt-titlebar[b-qtifostn0b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: #1f2937;
    color: #fff;
    font-weight: 700;
}

.pay-receipt-toolbar[b-qtifostn0b] {
    display: grid;
    grid-template-columns: auto 7rem auto 7rem auto 8rem auto auto;
    gap: 0.4rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.pay-receipt-toolbar input[b-qtifostn0b],
.pay-receipt-toolbar select[b-qtifostn0b],
.pay-receipt-toolbar button[b-qtifostn0b] {
    min-height: 1.8rem;
}

.pay-receipt-toolbar .num[b-qtifostn0b] {
    text-align: right;
}

.pay-receipt-body[b-qtifostn0b] {
    padding: 0.6rem 0.75rem 0.75rem;
    overflow: auto;
    max-height: 65vh;
}

.pay-receipt-sheet[b-qtifostn0b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(21rem, 1fr));
    gap: 0.7rem;
    min-width: 66rem;
    background: #d9d9d9;
    padding: 0.7rem;
}

.pay-receipt-copy[b-qtifostn0b] {
    border: 2px solid #000;
    padding: 0.4rem;
    background: #efefef;
}

.pay-receipt-copy-empty[b-qtifostn0b] {
    border: 0;
    background: transparent;
    padding: 0;
}

.pay-receipt-copy-title[b-qtifostn0b] {
    margin: 0 0 0.45rem;
    text-align: center;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid #9ca3af;
    background: #e5e7eb;
}

.pay-receipt-form-table[b-qtifostn0b] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.4rem;
}

.pay-receipt-form-table th[b-qtifostn0b],
.pay-receipt-form-table td[b-qtifostn0b] {
    border: 1px solid #000;
    padding: 0.2rem 0.3rem;
    font-size: 1.2rem;
    line-height: 1.2;
    background: #efefef;
}

.pay-receipt-form-table th[b-qtifostn0b] {
    width: 6.2rem;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
}

.pay-receipt-form-table td[b-qtifostn0b] {
    background: #efefef;
}

.pay-receipt-form-table td.num[b-qtifostn0b] {
    text-align: right;
}

.pay-receipt-foot[b-qtifostn0b],
.pay-receipt-foot-date[b-qtifostn0b] {
    text-align: center;
    font-size: 1.3rem;
    margin-top: 0.25rem;
    font-weight: 700;
}

@media print {
    .page-title-bar[b-qtifostn0b],
    .page-title-btns[b-qtifostn0b],
    .help-btn[b-qtifostn0b],
    button[b-qtifostn0b],
    .mud-popover[b-qtifostn0b] {
        display: none !important;
    }

    .pay-register-page[b-qtifostn0b],
    .pay-register-content[b-qtifostn0b],
    .pay-register-left-pane[b-qtifostn0b],
    .pay-register-right-pane[b-qtifostn0b],
    .pay-register-panel[b-qtifostn0b] {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        box-shadow: none !important;
        border-color: #000 !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .pay-register-right-pane[b-qtifostn0b] {
        margin-top: 0.5rem;
    }

    .list-table-scroll[b-qtifostn0b],
    .pay-register-schedule-wrap[b-qtifostn0b],
    .pay-register-list-wrap[b-qtifostn0b] {
        overflow: visible !important;
        max-height: none !important;
    }

    .pay-register-grid-compact[b-qtifostn0b] {
        width: 100% !important;
    }

    .pay-receipt-overlay[b-qtifostn0b] {
        display: none !important;
    }
}
/* /Components/Pages/Member/RefundRegister.razor.rz.scp.css */
.refund-register-page[b-he0j96zl35] {
    gap: 0.75rem;
    min-height: 0;
}

.refund-register-page .page-title-bar[b-he0j96zl35] {
    padding: 0.4rem 0;
}

.refund-register-title[b-he0j96zl35] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.refund-register-top-btns[b-he0j96zl35] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.refund-register-main-wrap[b-he0j96zl35] {
    display: grid;
    grid-template-columns: 29rem minmax(0, 1fr);
    gap: 0.35rem;
    min-height: 40rem;
}

.refund-register-left-wrap[b-he0j96zl35] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-height: 0;
}

.refund-register-panel[b-he0j96zl35] {
    border: 1px solid #dbe3ef;
    border-radius: 0.62rem;
    background: #ffffff;
    padding: 0.5rem;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.refund-register-section-title[b-he0j96zl35] {
    display: flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0 0.6rem;
    margin-bottom: 0.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #334155;
    font-size: 0.8rem;
    font-weight: 700;
}

.refund-register-list-wrap .list-table-scroll[b-he0j96zl35] {
    flex: 1 1 auto;
    min-height: 0;
}

.refund-register-grid-compact[b-he0j96zl35] {
    width: 100%;
}

.refund-register-grid-compact th[b-he0j96zl35],
.refund-register-grid-compact td[b-he0j96zl35] {
    padding: 0.16rem 0.28rem;
}

.refund-register-panel-card[b-he0j96zl35] {
    padding: 0.5rem;
}

.refund-register-mini-grid[b-he0j96zl35] {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 5px 6px;
}

.refund-register-mini-grid label[b-he0j96zl35] {
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    align-self: center;
}

.refund-register-mini-grid input[b-he0j96zl35],
.refund-register-mini-grid select[b-he0j96zl35],
.refund-register-mini-grid textarea[b-he0j96zl35],
.refund-register-readonly[b-he0j96zl35] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 12px;
    background: #fff;
    min-height: 1.9rem;
}

.refund-register-mini-grid textarea[b-he0j96zl35] {
    min-height: 4.6rem;
    resize: vertical;
}

.refund-register-mini-grid input[type="number"][b-he0j96zl35],
.refund-register-mini-grid input.num[b-he0j96zl35] {
    text-align: right;
    -moz-appearance: textfield;
}

.refund-register-mini-grid input[type="number"][b-he0j96zl35]::-webkit-outer-spin-button,
.refund-register-mini-grid input[type="number"][b-he0j96zl35]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.refund-register-grid-compact td.num[b-he0j96zl35],
.refund-register-grid-compact th.num[b-he0j96zl35] {
    text-align: right;
}

.refund-register-grid-compact tfoot td[b-he0j96zl35] {
    color: #dc2626;
    font-weight: 700;
}

.list-table tbody tr.refund-register-selected[b-he0j96zl35] {
    background-color: #dbeafe !important;
}

.member-code-cell[b-he0j96zl35] {
    display: grid;
    grid-template-columns: 7.8rem 1.8rem;
    align-items: center;
    gap: 0.35rem;
}

.member-code-cell input[b-he0j96zl35] {
    width: 100%;
}

.help-btn[b-he0j96zl35] {
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
}

.refund-register-member-code-label[b-he0j96zl35] {
    align-self: center;
}

.refund-register-readonly[b-he0j96zl35] {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0 0.45rem;
    background: #f8fafc;
}

.refund-register-member-wrap .refund-register-mini-grid input[readonly][b-he0j96zl35] {
    background: #f8fafc;
}
/* /Components/Pages/Org/AcompRegister.razor.rz.scp.css */
/* CSS for AcompRegister component */

.form-grid.col4[b-e6i97d2zq3] {
	grid-template-columns: 10rem 1fr 10rem 1fr;
}

.form-grid.acnt-form-box[b-e6i97d2zq3] {
	background: #fff;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content minmax(0, 1fr);
}

.acomp-seal-modal[b-e6i97d2zq3] {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.35);
	z-index: 2000;
}

.acomp-seal-modal-content[b-e6i97d2zq3] {
	width: 16.67rem;
	max-width: 90vw;
	max-height: 85vh;
	display: flex;
	flex-direction: column;
	background: #fff;
}

.acomp-seal-modal-content .modal-body[b-e6i97d2zq3] {
	overflow: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem 1rem 0;
}

.acomp-seal-modal-content .modal-footer[b-e6i97d2zq3] {
	padding: 0.67rem 1rem;
	text-align: center;
}

.acomp-seal-popup-image[b-e6i97d2zq3] {
	width: 8.33rem;
	height: 8.33rem;
	max-width: 8.33rem;
	max-height: 8.33rem;
	object-fit: contain;
	display: block;
}
/* /Components/Pages/Org/BonbuRegister.razor.rz.scp.css */
/* CSS for BonbuRegister component */
.form-grid[b-hf6mdh7dmd] {
	grid-template-columns: 6rem 1fr 5rem 1.2fr;
}
/* /Components/Pages/Org/CodeManage.razor.rz.scp.css */
/* CSS for CodeManage component */
.dw-split-h[b-9ar1t7iyft] {
width: 1000px;
}

.code-list[b-9ar1t7iyft] {
	list-style: none;
	margin: 0;
	padding: 6px;
	overflow: auto;
}

	.code-list li[b-9ar1t7iyft] {
		padding: 8px 10px;
		border-radius: 6px;
		font-size: 12px;
		color: #334155;
		cursor: pointer;
		border: 1px solid transparent;
	}

		.code-list li:hover[b-9ar1t7iyft] {
			background: #f1f5f9;
		}

		.code-list li.active[b-9ar1t7iyft] {
			background: #e0f2fe;
			border-color: #7dd3fc;
			color: #0c4a6e;
			font-weight: 700;
		}
    
/* /Components/Pages/Org/JijumRegister.razor.rz.scp.css */
/* CSS for JijumRegister component */
.form-grid[b-odslg80qiy] {
	grid-template-columns: 7rem 1fr 5rem 1.2fr;
}
/* /Components/Pages/Org/JojikRegister.razor.rz.scp.css */
/* CSS for JojikRegister component */
.form-grid[b-a768w9u0nf] {
	grid-template-columns: 5rem 1fr 4rem 1.2fr;
}
/* /Components/Pages/Org/OrgCounselSection.razor.rz.scp.css */
/* CSS for OrgCounselSection component */
.page-form-wrap[b-eaev0366k9] {
	height: auto;
	flex: 1;
	margin-top: 0.5rem;
}
.form-grid[b-eaev0366k9] {
	grid-template-columns: 5rem 1fr;
}
/* /Components/Pages/Org/OrgSearch.razor.rz.scp.css */
/* CSS for OrgSearch component */
.page-left-box[b-pm7cymjlll] {
    width: 450px;
    display: flex;
    flex-direction: column;
}
.page-form-wrap[b-pm7cymjlll] {
    height: auto;
}
/* /Components/Pages/Org/SawonRegister.razor.rz.scp.css */
/* CSS for SawonRegister component */
.form-grid.col2[b-uzl8kq2bmf] {
	grid-template-columns: 7rem 1fr;
}
.form-grid.col4[b-uzl8kq2bmf] {
	grid-template-columns: 5rem 1fr 7rem 1fr;
}
.form-grid.col4-2[b-uzl8kq2bmf] {
	grid-template-columns: 5rem 1.2fr 5rem 1fr;
}
.form-grid.col6[b-uzl8kq2bmf] {
	grid-template-columns: 6rem 1.2fr 7rem 1fr 5rem 1fr;
}
.form-grid.col4-3[b-uzl8kq2bmf] {
	grid-template-columns: 8rem 1fr 8rem 1fr;
}

.dw-left[b-uzl8kq2bmf],
.dw-right[b-uzl8kq2bmf] {
	display: flex;
	flex-direction: column;
}

.dw-left[b-uzl8kq2bmf] {
	gap: 2px;
	width: 600px!important;
}

/* page-form-wrap은 원래 단일 패널이 화면을 꽉 채우는 용도(height:100%)라
   dw-left처럼 여러 개를 세로로 쌓으면 내용량과 무관하게 균등 분배되어 버린다.
   여기서는 각 블록이 내용 높이만큼만 차지하도록 오버라이드한다. */
.dw-left .page-form-wrap[b-uzl8kq2bmf] {
	flex: 0 0 auto;
	height: auto;
}
.dw-right[b-uzl8kq2bmf] {
	flex: 1;
	overflow: hidden;
}

.btn-bonin-account:focus[b-uzl8kq2bmf] {
	box-shadow: none;
}
/* /Components/Pages/Org/SetEvtcoms.razor.rz.scp.css */
/* ===== 협력업체관리 - SetEvtcoms ===== */

/**
 * 페이지 컨테이너
 */
.acomp-management-page[b-vtugzy3su2] {
    display: flex;
    flex-direction: column;
    gap: 0.31rem;
    overflow-x: auto;
    font-family: inherit;
}

/**
 * 메시지 바
 */
.acomp-message[b-vtugzy3su2] {
    margin: 0 0.31rem;
    padding: 0.38rem 0.62rem;
    border: 1px solid #facc15;
    border-radius: 0.25rem;
    background: #fffbeb;
    color: #92400e;
}

/**
 * 메인 레이아웃 - 왼쪽(입력폼) / 오른쪽(목록 그리드)
 * 좌측: 입력폼, 우측: 목록
 */
.acomp-layout[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 45.2rem minmax(20.2rem, 1fr);
    gap: 0.31rem;
    width: 100%;
    min-width: 65.71rem;
    height: 54rem;
    min-height: 54rem;
    overflow: hidden;
}

/**
 * 왼쪽 섹션 - 협력업체 입력폼 (dw_a_32)
 */
.acomp-left[b-vtugzy3su2] {
    display: block;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dbe3ef;
    padding: 0.31rem;
    box-sizing: border-box;
    height: 54rem;
    min-height: 54rem;
    min-width: 0;
}

.acomp-dw-form[b-vtugzy3su2] {
    width: 44.45rem;
    min-width: 44.45rem;
    height: 53.2rem;
    min-height: 53.2rem;
    padding: 0.12rem 0.2rem;
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-sizing: border-box;
    overflow: hidden;
    display: grid;
    gap: 0.23rem;
}

.acomp-dw-row[b-vtugzy3su2] {
    display: grid;
    /* 코드/업체명처럼 좌우 필드 사이에 남는 빈 폭이 생기지 않도록 각 필드 실제 폭만 사용한다. */
    grid-template-columns: max-content max-content;
    gap: 0.21rem;
    align-items: center;
    min-height: 1.69rem;
    margin-bottom: 0;
}

.acomp-dw-address-row[b-vtugzy3su2] {
    grid-template-columns: 1fr;
    align-items: start;
    min-height: 5.53rem;
}

/**
 * 메모/주소처럼 한 줄 전체를 쓰는 행은 DataWindow 폭을 유지한다.
 */
.acomp-dw-row:has(.acomp-dw-full)[b-vtugzy3su2],
.acomp-dw-row:has(.acomp-dw-address-block)[b-vtugzy3su2] {
    grid-template-columns: 1fr;
}

.acomp-dw-field[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 9.5rem 1fr;
    gap: 0.2rem;
    align-items: center;
    min-width: 0;
}

.acomp-dw-field label[b-vtugzy3su2] {
    min-height: 1.69rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #111827;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    padding-right: 0.1rem;
    box-sizing: border-box;
}

.acomp-dw-field input[b-vtugzy3su2],
.acomp-dw-field select[b-vtugzy3su2] {
    width: 100%;
    min-width: 0;
    height: 1.62rem;
    border: 1px solid #5d5d5d;
    border-radius: 0;
    padding: 0 0.31rem;
    background: #ffffff;
    color: #111827;
    line-height: 1.2;
    box-sizing: border-box;
}

.acomp-dw-field input:read-only[b-vtugzy3su2],
.acomp-dw-field input[readonly][b-vtugzy3su2] {
    background: #f8fafc;
}

.acomp-dw-field .num[b-vtugzy3su2] {
    text-align: right;
}

/**
 * 왼쪽 기본 필드도 오른쪽 필드와 동일한 라벨/입력 폭을 사용한다.
 */
.acomp-dw-left-short[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

.acomp-dw-left-short input[b-vtugzy3su2],
.acomp-dw-left-short select[b-vtugzy3su2] {
    width: 13.05rem;
}

.acomp-dw-left-mini input[b-vtugzy3su2],
.acomp-dw-left-mini select[b-vtugzy3su2] {
    width: 11rem;
}

.acomp-dw-left-wide[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

.acomp-dw-left-wide input[b-vtugzy3su2] {
    width: 13.05rem;
}

.acomp-dw-left-account[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

.acomp-dw-left-account input[b-vtugzy3su2] {
    width: 13.05rem;
}

.acomp-dw-right[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

/**
 * 주소 영역은 우편번호/주소/상세주소를 세 줄로 배치한다.
 */
.acomp-dw-address-block[b-vtugzy3su2] {
    display: grid;
    grid-template-rows: 1.69rem 1.69rem 1.69rem;
    gap: 0.23rem;
}

.acomp-dw-post-line[b-vtugzy3su2] {
    grid-template-columns: 8rem 5.5rem 3.2rem;
    min-height: 1.69rem;
}

.acomp-dw-address-line[b-vtugzy3su2] {
    grid-template-columns: 8rem 34.5rem;
    min-height: 1.69rem;
}

.acomp-dw-post[b-vtugzy3su2] {
    width: 5.5rem;
}

/**
 * 우편번호 검색 버튼은 추후 주소 스크립트를 연결하기 위한 자리이다.
 */
.acomp-post-search-btn[b-vtugzy3su2] {
    width: 3.2rem;
    height: 1.62rem;
    border: 1px solid #5d5d5d;
    border-radius: 0;
    background: #f8fafc;
    color: #111827;
    line-height: 1.2;
    cursor: pointer;
    box-sizing: border-box;
}

.acomp-dw-range[b-vtugzy3su2] {
    grid-template-columns: 8rem 3.7rem 3.2rem 3.7rem 2.5rem;
}

.acomp-dw-range span[b-vtugzy3su2] {
    white-space: nowrap;
    color: #111827;
}

/**
 * 임대료/안치금 범위 입력은 오른쪽 영역 안에서 밀리지 않도록 폭을 제한한다.
 */
.acomp-dw-range input[b-vtugzy3su2] {
    width: 3.7rem;
}

.acomp-dw-area input[b-vtugzy3su2] {
    width: 100%;
}

.acomp-dw-area[b-vtugzy3su2] {
    grid-template-columns: 8rem 6rem 7rem;
}

.acomp-dw-full[b-vtugzy3su2] {
    grid-template-columns: 8rem 34.5rem;
}

.acomp-dw-full input[b-vtugzy3su2] {
    width: 34.5rem;
}

.acomp-dw-audit[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

.acomp-dw-audit-date[b-vtugzy3su2] {
    grid-template-columns: 8rem 13.05rem;
}

/**
 * 오른쪽 섹션 - 협력업체 목록 그리드 (dw_1)
 */
.acomp-right[b-vtugzy3su2] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dbe3ef;
    padding: 0.31rem;
    box-sizing: border-box;
    height: 54rem;
    min-height: 54rem;
    min-width: 0;
}

/**
 * 그룹박스 컨테이너 (PB DataWindow 구조)
 */
.acomp-groupbox[b-vtugzy3su2] {
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding: 0.12rem 0.2rem;
    display: grid;
    gap: 0.2rem;
    flex-shrink: 0;
    min-height: 0;
}

/**
 * 그룹박스 제목
 */
.acomp-groupbox-title[b-vtugzy3su2] {
    color: #0b3ba7;
    font-weight: 700;
    padding-left: 0.1rem;
    line-height: 1.2;
}

/**
 * 그룹박스 콘텐츠 영역
 */
.acomp-groupbox-content[b-vtugzy3su2] {
    display: grid;
    gap: 0.23rem;
}

/**
 * 행(row) 컨테이너 - 2열 레이아웃
 */
.acomp-row[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.31rem;
    align-items: center;
    min-height: 1.69rem;
}

/**
 * 열(col-item) - label + input
 */
.acomp-col-item[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 7.8rem 1fr;
    gap: 0.2rem;
    align-items: center;
}

/**
 * 라벨 스타일 (PB DataWindow 스타일)
 */
.acomp-groupbox-content label[b-vtugzy3su2] {
    color: #111827;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    padding-right: 0.2rem;
    line-height: 1.2;
    width: auto;
}

/**
 * 입력 필드 스타일 (PB DataWindow 스타일)
 */
.acomp-groupbox-content input[b-vtugzy3su2],
.acomp-groupbox-content select[b-vtugzy3su2] {
    width: 100%;
    min-width: 0;
    height: 1.62rem;
    border: 1px solid #5d5d5d;
    border-radius: 0;
    padding: 0 0.31rem;
    background: #ffffff;
    line-height: 1.2;
    align-self: center;
    color: #111827;
    font-weight: 400;
    box-sizing: border-box;
}

.acomp-groupbox-content input:focus[b-vtugzy3su2],
.acomp-groupbox-content select:focus[b-vtugzy3su2] {
    outline: none;
    border-color: #0b3ba7;
    background-color: #f0f5ff;
}

.acomp-groupbox-content input:read-only[b-vtugzy3su2],
.acomp-groupbox-content input[readonly][b-vtugzy3su2] {
    background-color: #e9ecef;
    color: #6c757d;
}

/**
 * 협력업체 목록 영역 (오른쪽 dw_1)
 */
.acomp-list[b-vtugzy3su2] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: auto;
    border: 1px solid #dbe3ef;
    border-radius: 0;
    background: #ffffff;
}

/**
 * 목록 헤더
 */
.acomp-list-header[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 4rem 12rem 6rem 6rem 8rem 6rem 6rem 7rem 7rem minmax(18rem, 1fr) minmax(18rem, 1fr);
    gap: 0;
    background: #e8eef8;
    border-bottom: 1px solid #b8c7df;
    padding: 0.25rem 0;
    font-weight: 700;
    color: #111827;
    position: sticky;
    top: 0;
    z-index: 10;
}

/**
 * 목록 컬럼 - 코드
 */
.acomp-list-col-code[b-vtugzy3su2] {
    padding: 0 0.25rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 목록 컬럼 - 회사명
 */
.acomp-list-col-name[b-vtugzy3su2] {
    padding: 0 0.25rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 목록 컬럼 - 대표자
 */
.acomp-list-col-owner[b-vtugzy3su2] {
    padding: 0 0.25rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 협력업체 목록 추가 컬럼 공통 스타일이다.
 */
.acomp-list-col-type[b-vtugzy3su2],
.acomp-list-col-category[b-vtugzy3su2],
.acomp-list-col-business[b-vtugzy3su2],
.acomp-list-col-date[b-vtugzy3su2],
.acomp-list-col-uptae[b-vtugzy3su2],
.acomp-list-col-jong[b-vtugzy3su2],
.acomp-list-col-memo[b-vtugzy3su2] {
    padding: 0 0.25rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 목록 컬럼 - 전화
 */
.acomp-list-col-tel[b-vtugzy3su2] {
    padding: 0 0.25rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
 * 목록 행
 */
.acomp-list-row[b-vtugzy3su2] {
    display: grid;
    grid-template-columns: 4rem 12rem 6rem 6rem 8rem 6rem 6rem 7rem 7rem minmax(18rem, 1fr) minmax(18rem, 1fr);
    gap: 0;
    min-height: 1.38rem;
    padding: 0.1rem 0;
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
    color: #111827;
    align-items: center;
}

.acomp-list-row:hover[b-vtugzy3su2] {
    background: #eff6ff;
}

.acomp-list-row.selected[b-vtugzy3su2] {
    background: #dbeafe;
    border-left: 3px solid #0b3ba7;
    padding-left: 0;
}

/**
 * 빈 목록 메시지
 */
.acomp-list-empty[b-vtugzy3su2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    color: #999;
}


/* /Components/Pages/Org/TeamRegister.razor.rz.scp.css */
/* CSS for TeamRegister component */
.form-grid[b-cdw1cunh75] {
	grid-template-columns: 5rem 1fr 6rem 1.2fr;
}
/* /Components/Pages/Reject/RejectRegistor.razor.rz.scp.css */
/* ===== 해약관리(해약실효관리) - RejectRegistor ===== */

/**
 * 페이지 컨테이너
 */
.reject-registor-page[b-rtapbjus7g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0.5rem;
}

/**
 * 상태 표시 바
 */
.reject-registor-status[b-rtapbjus7g] {
    padding: 0.5rem 1rem;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    font-size: 12px;
    color: #333;
}

/**
 * 메시지 바
 */
.reject-registor-message[b-rtapbjus7g] {
    padding: 0.75rem 1rem;
    background-color: #ffffcc;
    color: #333;
    border: 1px solid #ffcc00;
    border-radius: 0.25rem;
    margin: 0 0.5rem;
    font-size: 12px;
}

/**
 * 메인 레이아웃 컨테이너 - 3단계 수직 구조
 * - flex-direction: column으로 세로 배치
 * - TOP (회원정보): flex: 0 0 auto
 * - MIDDLE (해약정보): flex: 0 0 auto
 * - BOTTOM (이력+스케줄): flex: 1 (남은 공간 채우기)
 */
.reject-registor-layout[b-rtapbjus7g] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: #f5f5f5;
}

/**
 * TOP 섹션: 회원정보 (전체 너비, 자동 높이)
 */
.reject-registor-top[b-rtapbjus7g] {
    flex: 0 0 auto;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/**
 * 그룹박스 컨테이너 (PB DataWindow 구조)
 * - border: 1px solid #dbe3ef
 * - border-radius: 0.4rem
 * - background: linear-gradient
 * - padding: 0.12rem 0.2rem
 */
.reject-registor-groupbox[b-rtapbjus7g] {
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    padding: 0.12rem 0.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

/**
 * 그룹박스 제목
 * - color: #0b3ba7 (파란색)
 * - font-weight: 700 (굵음)
 * - padding-left: 0.1rem
 * - height: auto
 */
.reject-registor-groupbox-title[b-rtapbjus7g] {
    color: #0b3ba7;
    font-weight: 700;
    padding-left: 0.1rem;
    font-size: 0.9rem;
    line-height: 1.2;
}

/**
 * 그룹박스 컨텐츠 영역
 * - display: flex (column)
 * - gap: 0.12rem
 */
.reject-registor-groupbox-content[b-rtapbjus7g] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

/**
 * 행(row) 컨테이너 - PB DataWindow 좌우 4열 아이템 배치
 * - display: grid
 * - 각 필드 사이에 30rem 갭 추가
 * - cols: label1(6rem) + input1(10rem) + gap(30rem) + label2(6rem) + input2(10rem) + gap(30rem) + label3(6rem) + input3(10rem) + gap(30rem) + label4(6rem) + input4(10rem)
 */
.reject-registor-row[b-rtapbjus7g] {
    display: grid;
    grid-template-columns: 6rem 10rem 3rem 6rem 10rem 3rem 6rem 10rem 3rem 6rem 10rem;
    gap: 0.5rem;
    align-items: center;
}

/* 1번째 col-item (회원상태) - col 1-2 차지 */
.reject-registor-row > .reject-registor-col-item:nth-child(1)[b-rtapbjus7g] {
    display: contents;
}

/* 2번째 col-item (계약일자) - col 4-5 차지 (col 3은 gap) */
.reject-registor-row > .reject-registor-col-item:nth-child(2)[b-rtapbjus7g] {
    display: grid;
    grid-column: 4 / 6;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/* 3번째 col-item (주민등록번호) - col 7-8 차지 (col 6은 gap) */
.reject-registor-row > .reject-registor-col-item:nth-child(3)[b-rtapbjus7g] {
    display: grid;
    grid-column: 7 / 9;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/* 4번째 col-item (자금신청상태) - col 10-11 차지 (col 9는 gap) */
.reject-registor-row > .reject-registor-col-item:nth-child(4)[b-rtapbjus7g] {
    display: grid;
    grid-column: 10 / 12;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/**
 * 컬럼 항목 (일반) - row 내에서 직접 배치됨
 * - 주의: 1번째는 display: contents, 나머지는 명시적 grid-column으로 처리
 * - 기본 스타일은 제거됨
 */
.reject-registor-col-item[b-rtapbjus7g] {
    /* 제거됨 */
}

/**
 * 컬럼 항목 (담당자 정보) - row 내에서 직접 배치됨
 * - 주의: 1번째는 display: contents, 나머지는 명시적 grid-column으로 처리
 */

/* 1번째 col-item-staff (사원) - col 1-2 차지 */
.reject-registor-row > .reject-registor-col-item-staff:nth-child(1)[b-rtapbjus7g] {
    display: contents;
}

/* 2번째 col-item-staff (본부) - col 4-5 차지 (col 3은 gap) */
.reject-registor-row > .reject-registor-col-item-staff:nth-child(2)[b-rtapbjus7g] {
    display: grid;
    grid-column: 4 / 6;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/* 3번째 col-item-staff (지사) - col 7-8 차지 (col 6은 gap) */
.reject-registor-row > .reject-registor-col-item-staff:nth-child(3)[b-rtapbjus7g] {
    display: grid;
    grid-column: 7 / 9;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/* 4번째 col-item-staff (지점) - col 10-11 차지 (col 9는 gap) */
.reject-registor-row > .reject-registor-col-item-staff:nth-child(4)[b-rtapbjus7g] {
    display: grid;
    grid-column: 10 / 12;
    grid-template-columns: 6rem 10rem;
    gap: 0.1rem;
    align-items: center;
}

/**
 * 그룹박스 내 Label 스타일 (행사등록 스타일)
 * - color: #111827 (진한 회색)
 * - font-weight: 400 (보통 굵기)
 * - white-space: nowrap
 * - text-align: right (오른쪽 정렬)
 * - padding-right: 0.38rem
 * - line-height: 1.2
 * - align-self: center
 * - height: 1.62rem
 * - display: flex, align-items: center (텍스트 수직 중앙)
 * - width: 6rem (고정 너비)
 * - justify-content: flex-end (텍스트를 오른쪽으로 밀기)
 */
.reject-registor-groupbox-content label[b-rtapbjus7g] {
    color: #111827;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    padding-right: 0.38rem;
    line-height: 1.2;
    align-self: center;
    height: 1.62rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 6rem;
}

/**
 * 그룹박스 내 Input/Select 스타일 (행사등록 스타일)
 * - width: 10rem (고정 너비)
 * - min-width: 0
 * - height: 1.62rem (표준화된 높이)
 * - border: 1px solid #5d5d5d (진한 회색 테두리)
 * - border-radius: 0 (직각)
 * - padding: 0 0.31rem
 * - background: #ffffff (흰색)
 * - line-height: 1.2
 * - align-self: center
 * - color: #111827
 * - font-weight: 400
 */
.reject-registor-groupbox-content input[b-rtapbjus7g],
.reject-registor-groupbox-content select[b-rtapbjus7g] {
    width: 10rem;
    min-width: 0;
    height: 1.62rem;
    border: 1px solid #5d5d5d;
    border-radius: 0;
    padding: 0 0.31rem;
    background: #ffffff;
    line-height: 1.2;
    align-self: center;
    color: #111827;
    font-weight: 400;
}

/* number input 스핀 버튼 제거 */
.reject-registor-groupbox-content input[type="number"][b-rtapbjus7g]::-webkit-outer-spin-button,
.reject-registor-groupbox-content input[type="number"][b-rtapbjus7g]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.reject-registor-groupbox-content input[type="number"][b-rtapbjus7g] {
    -moz-appearance: textfield;
}


/**
 * MIDDLE 섹션: 해약정보 입력폼 (전체 너비, 자동 높이)
 */
.reject-registor-middle[b-rtapbjus7g] {
    flex: 0 0 auto;
    overflow: auto;
}

/**
 * BOTTOM 섹션: (좌) 해약정보 입력+이력 / (우) 스케줄
 * - display: flex (가로 배치)
 * - gap: 0.5rem
 * - flex: 1 (남은 공간 채우기 - 높이 전체 채우기)
 */
.reject-registor-bottom[b-rtapbjus7g] {
    display: flex;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
}

/**
 * BOTTOM 좌측: 해약정보 입력 + 해약이력
 * - width: 600px (고정 너비)
 * - display: flex (세로 배치)
 * - flex-direction: column
 * - gap: 0.5rem (항목 간 간격)
 * - flex: 0 0 420px (높이는 전체, 너비는 420px 고정)
 */
.reject-registor-bottom-left[b-rtapbjus7g] {
    width: 420px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 0;
    flex-shrink: 0;
    flex: 0 0 420px;
}

/**
 * BOTTOM 우측: 입금스케줄 그리드
 * - width: 620px (고정 너비)
 * - flex-shrink: 0 (축소 방지)
 * - min-width: 0 (내부 콘텐츠가 너비를 무시하도록 강제)
 * - 높이: 전체 상속 (부모 flex: 1에 의해 자동 채워짐)
 */
.reject-registor-bottom-right[b-rtapbjus7g] {
    width: 620px;
    min-width: 620px;
    max-width: 620px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
}

/**
 * list-table-scroll과 함께 사용될 때 우측 패널 너비 강제
 */
.reject-registor-bottom-right.list-table-scroll[b-rtapbjus7g] {
    width: 620px !important;
    min-width: 620px !important;
    max-width: 620px !important;
    flex-shrink: 0;
    overflow: hidden;
}

/**
 * 패널 스타일 (회원정보, 해약정보 입력)
 * 행사등록 스타일 적용:
 * - border: 1px solid #dbe3ef (부드러운 파란색 테두리)
 * - border-radius: 0.4rem (더 둥근 모서리)
 * - padding: 0.12rem 0.2rem (행사등록 스타일 패딩)
 * - background: linear-gradient (연한 그래디언트 배경)
 * - display: grid (grid 기반)
 * - gap: 0.23rem (일정한 항목 간 간격)
 */
.reject-registor-member-panel[b-rtapbjus7g],
.reject-registor-edit-panel[b-rtapbjus7g] {
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    padding: 0.12rem 0.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    display: grid;
    gap: 0.23rem;
}

/**
 * 해약정보 입력 패널 (좌측 상단)
 * - flex: 0 0 auto (입력항목만큼 높이)
 */
.reject-registor-edit-panel[b-rtapbjus7g] {
    flex: 0 0 auto;
}

/**
 * 해약이력 그리드 (행사등록 스타일)
 * - flex: 1 (남은 공간 채우기)
 * - border: 1px solid #dbe3ef
 * - border-radius: 0.4rem
 * - background: linear-gradient
 * - display: flex (flex-direction: column)
 * - align-content: flex-start (테이블 또는 제목이 위쪽에 붙음)
 * - 제목과 테이블 포함
 */
.reject-registor-history-grid[b-rtapbjus7g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #dbe3ef;
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    overflow: hidden;
    padding: 0.12rem 0.2rem;
    align-content: flex-start;
}

/**
 * 패널 제목 (행사등록 스타일)
 * - color: #0b3ba7 (파란색)
 * - font-weight: 700 (굵음)
 * - padding-left: 0.1rem
 * - flex-shrink: 0
 */
.reject-registor-panel-title[b-rtapbjus7g] {
    color: #0b3ba7;
    font-weight: 700;
    padding-left: 0.1rem;
    margin: 0;
    flex-shrink: 0;
    text-align: left;
}

/**
 * 그리드 제목 (행사등록 스타일)
 * - color: #0b3ba7 (파란색)
 * - font-weight: 700 (굵음)
 * - padding-left: 0.1rem
 * - flex-shrink: 0
 */
.reject-registor-grid-title[b-rtapbjus7g] {
    color: #0b3ba7;
    font-weight: 700;
    padding-left: 0.1rem;
    flex-shrink: 0;
}

/**
 * 검색 항목 (list-search-item)
 */
.list-search-panel[b-rtapbjus7g] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.list-search-item.range-inline[b-rtapbjus7g] {
    display: grid;
    grid-template-columns: 6rem 10rem;
    gap: 0.12rem;
    align-items: center;
}

.list-search-item label[b-rtapbjus7g] {
    color: #111827;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    padding-right: 0.38rem;
    line-height: 1.2;
    align-self: center;
}

.list-search-item input.num[b-rtapbjus7g],
.list-search-item select[b-rtapbjus7g] {
    width: 100%;
    min-width: 0;
    height: 1.62rem;
    border: 1px solid #5d5d5d;
    border-radius: 0;
    padding: 0 0.31rem;
    background: #ffffff;
    line-height: 1.2;
    align-self: center;
}

.list-search-item input[readonly][b-rtapbjus7g] {
    background-color: #f0f0f0;
    color: #666;
}

.list-search-item input.num[b-rtapbjus7g] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/**
 * 그리드 컨테이너
 * - list-table-scroll: 프로젝트 표준 스크롤 영역
 * - overflow: auto로 스크롤 가능
 * - border: 1px solid #999 (그룹박스 보더)
 * - border-radius: 0.25rem
 * - background: white
 * - display: flex (column)으로 구조 정리
 */
.list-table-scroll[b-rtapbjus7g] {
    overflow: auto;
    border: 1px solid #999;
    border-radius: 0.25rem;
    background-color: white;
    display: flex;
    flex-direction: column;
}

/**
 * 이력 그리드 제목과 테이블을 같은 컨테이너로
 */
.reject-registor-history-grid.list-table-scroll[b-rtapbjus7g] {
    padding: 0;
}

.reject-registor-history-grid.list-table-scroll .reject-registor-grid-title[b-rtapbjus7g] {
    flex-shrink: 0;
    margin: 0;
    border-bottom: 1px solid #999;
}

/**
 * 테이블 기본 스타일
 */
.list-table[b-rtapbjus7g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background-color: white;
}

/**
 * 테이블 헤더
 * - background-color: #d9d9d9 (파워빌더 스타일)
 * - color: #333
 * - font-weight: 600
 * - border-bottom: 1px solid #999
 * - padding: 0.5rem
 * - position: sticky로 스크롤 시 고정
 * - top: 0
 * - z-index: 10
 */
.list-table thead[b-rtapbjus7g] {
    background-color: #d9d9d9;
    color: #333;
    font-weight: 600;
    border-bottom: 1px solid #999;
    position: sticky;
    top: 0;
    z-index: 10;
}

.list-table th[b-rtapbjus7g] {
    padding: 0.4rem 0.5rem;
    text-align: left;
    border-right: 1px solid #999;
    height: 2rem;
    line-height: 1rem;
}

.list-table th:last-child[b-rtapbjus7g] {
    border-right: none;
}

.list-table th.num[b-rtapbjus7g] {
    text-align: right;
}

/**
 * 테이블 바디
 */
.list-table tbody tr[b-rtapbjus7g] {
    border-bottom: 1px solid #ddd;
    height: 2.2rem;
}

.list-table tbody tr:only-child[b-rtapbjus7g],
.list-table tbody tr:only-of-type[b-rtapbjus7g] {
    height: auto;
    min-height: 6rem;
}

.list-table tbody tr:hover[b-rtapbjus7g] {
    background-color: #f0f0f0;
}

.list-table tbody tr.selected-row[b-rtapbjus7g] {
    background-color: #ffffcc;
    font-weight: 500;
}

/**
 * 테이블 셀
 */
.list-table td[b-rtapbjus7g] {
    padding: 0.3rem 0.5rem;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-table td:last-child[b-rtapbjus7g] {
    border-right: none;
}

.list-table td.num[b-rtapbjus7g] {
    text-align: right;
}

/**
 * 상태 모달 배경
 */
.reject-status-modal-backdrop[b-rtapbjus7g] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/**
 * 상태 모달
 */
.reject-status-modal[b-rtapbjus7g] {
    background-color: white;
    border: 1px solid #999;
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 1200px;
    height: 80%;
    display: flex;
    flex-direction: column;
    z-index: 1001;
}

/**
 * 상태 모달 헤더
 */
.reject-status-header[b-rtapbjus7g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    flex-shrink: 0;
}

.reject-status-header h3[b-rtapbjus7g] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.reject-status-header button[b-rtapbjus7g] {
    padding: 0.5rem 1rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 12px;
}

.reject-status-header button:hover[b-rtapbjus7g] {
    background-color: #3a6f7d;
}

/**
 * 상태 모달 필터
 */
.reject-status-filter[b-rtapbjus7g] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.reject-status-filter button[b-rtapbjus7g] {
    padding: 0.4rem 0.75rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}

.reject-status-filter button:hover[b-rtapbjus7g] {
    background-color: #3a6f7d;
}

/**
 * 상태 그리드 래퍼
 */
.reject-status-grid-wrap[b-rtapbjus7g] {
    flex: 1;
    overflow: auto;
    min-height: 0;
}

/**
 * 상태 그리드
 */
.reject-status-grid[b-rtapbjus7g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.reject-status-grid thead[b-rtapbjus7g] {
    background-color: #d9d9d9;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 10;
}

.reject-status-grid th[b-rtapbjus7g],
.reject-status-grid td[b-rtapbjus7g] {
    padding: 0.3rem 0.4rem;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.reject-status-grid th:last-child[b-rtapbjus7g],
.reject-status-grid td:last-child[b-rtapbjus7g] {
    border-right: none;
}

.reject-status-grid td.num[b-rtapbjus7g] {
    text-align: right;
}

.reject-status-grid tbody tr:hover[b-rtapbjus7g] {
    background-color: #f0f0f0;
}

/**
 * 페이지 제목 바
 */
.page-title-bar[b-rtapbjus7g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.page-title-btns[b-rtapbjus7g] {
    display: flex;
    gap: 0.5rem;
}

.page-title-btns button[b-rtapbjus7g] {
    padding: 0.4rem 0.75rem;
    background-color: #4a90a4;
    color: white;
    border: 1px solid #3a6f7d;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.page-title-btns button:hover[b-rtapbjus7g] {
    background-color: #3a6f7d;
}

.page-title-btns button[data-action="close"][b-rtapbjus7g]:before {
    content: "닫 기";
}

.page-title-btns button[data-action="close"][b-rtapbjus7g] {
    min-width: 3rem;
}

/**
 * 반응형 조정
 */
@media (max-width: 1024px) {
    .reject-registor-bottom[b-rtapbjus7g] {
        flex-direction: column;
    }

    .reject-registor-bottom-left[b-rtapbjus7g],
    .reject-registor-bottom-right[b-rtapbjus7g] {
        flex: 0 0 auto;
        width: auto;
        height: 250px;
    }

    .reject-registor-bottom-right[b-rtapbjus7g] {
        width: 620px !important;
    }
}

@media (max-width: 768px) {
    .reject-registor-layout[b-rtapbjus7g] {
        padding: 0.25rem;
        gap: 0.25rem;
    }

    .list-search-item label[b-rtapbjus7g] {
        min-width: 4rem;
        font-size: 10px;
    }

    .list-search-item input[b-rtapbjus7g],
    .list-search-item select[b-rtapbjus7g] {
        font-size: 10px;
        min-width: 3rem;
    }

    .list-table[b-rtapbjus7g] {
        font-size: 10px;
    }

    .list-table th[b-rtapbjus7g],
    .list-table td[b-rtapbjus7g] {
        padding: 0.2rem 0.3rem;
    }
}

/* 해약정보 입력 섹션의 number input 스핀 제거 */
.list-search-item input[type="number"][b-rtapbjus7g]::-webkit-outer-spin-button,
.list-search-item input[type="number"][b-rtapbjus7g]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.list-search-item input[type="number"][b-rtapbjus7g] {
    -moz-appearance: textfield;
}

/**
 * 닫기 버튼 스타일 (행사등록과 동일)
 */
.reject-registor-page .page-title-btns button[data-action="close"][b-rtapbjus7g]::before {
    content: "close";
}

.reject-registor-page .page-title-btns button[data-action="close"][b-rtapbjus7g]::after {
    content: "닫기";
}