/* _content/Server/Components/Account/Pages/Login.razor.rz.scp.css */
.login-container[b-r5kseguyhv] {
	max-width: 28rem;
	justify-items: center;
	border-radius: 10px;
	background: white;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
}
/* _content/Server/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.bg-image[b-6r4p8c74ub] {
    background-image: url("/assets/bg.png") !important;
    background-size: 100% 100% !important;
}

.content[b-6r4p8c74ub] {
/*    backdrop-filter: blur(15px);
    z-index: -1;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* _content/Server/Components/Common/FileUploadDropZone.razor.rz.scp.css */
.custom-drop-zone[b-y3qztszzbw] {
    padding: 0 !important;
    border-style: dashed;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(183, 183, 183, 0.1);
}

    .custom-drop-zone.custom-drop-zone-hover[b-y3qztszzbw] {
        border-style: solid;
    }

    .custom-drop-zone svg[b-y3qztszzbw] {
        width: 42px;
        height: 42px;
    }

    .custom-drop-zone > *:not(#overviewDemoSelectButton)[b-y3qztszzbw] {
        pointer-events: none;
    }
/* _content/Server/Components/Common/Header.razor.rz.scp.css */
.navbar[b-pt940vrkuy] {
    z-index: 100;
}

.navbar.header-navbar[b-pt940vrkuy] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 2rem;
    min-height: 2rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-pt940vrkuy] {
    outline: none;
    border-radius: 0;
    padding: 0px;
    box-shadow: none;
    align-self: stretch;
    width: 2rem;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-pt940vrkuy] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 1.5rem;
    width: 1.5rem;
}

.title[b-pt940vrkuy] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}


@media (max-width: 450px) {
    .title[b-pt940vrkuy] {
        font-size: inherit;
    }
}

.refresh-button[b-pt940vrkuy] {
    font-size: 40px
}

/* _content/Server/Components/Common/MobileNavMenu.razor.rz.scp.css */
.sidebar[b-xp9zjppdft] {
	display: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	transition: transform 0.1s ease-out;
	max-height: 100%;
	overflow-y: hidden;
	background-color: var(--bs-body-bg);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	position: fixed;
	z-index: 10;
	top: 2rem;
	left: 0;
	height: calc(100% - 2rem);
	min-width: 100%;
	z-index: 1050;
	padding-top: 1rem;
}

	.sidebar.collapse[b-xp9zjppdft] {
		display: none;
	}

	.sidebar.expand[b-xp9zjppdft] {
		display: block;
	}
/* _content/Server/Components/Common/ModuleHeader.razor.rz.scp.css */
.col-1fr-auto[b-t35114f2pu] {
	display: grid;
	grid-template-columns: 1fr auto;
}

.content-settings[b-t35114f2pu] {
	border-bottom: none;
	border-left: var(--bs-card-border-width) solid var(--bs-card-border-color);
	min-width: 53px;
}

/* _content/Server/Components/Common/ModuleHeaderWrap.razor.rz.scp.css */
/* 기존 ModuleHeader 스타일 유지 */
.col-1fr-auto[b-k8zxzqa1xz] {
	display: grid;
	grid-template-columns: 1fr auto;
}

.content-settings[b-k8zxzqa1xz] {
	border-bottom: none;
	border-left: var(--bs-card-border-width) solid var(--bs-card-border-color);
	min-width: 53px;
}

/* 
 * ModuleHeaderWrap 전용 스타일
 * DxToolbar의 Adaptive 기능을 완전히 비활성화하고 줄바꿈 활성화
 */

/* Grid를 Flex로 변경 - 설정 버튼 줄바꿈 가능 */
.col-1fr-auto-wrap[b-k8zxzqa1xz] {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0;
	align-items: stretch;
}

/* 툴바 영역 - 자동 확장 */
.col-1fr-auto-wrap > :first-child[b-k8zxzqa1xz] {
	flex: 1 1 auto !important;
	min-width: 0;
}

/* 설정 영역 - 공간 부족시 다음 줄로 */
.col-1fr-auto-wrap > .content-settings[b-k8zxzqa1xz] {
	flex: 0 0 auto !important;
	border-left: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-bottom: none;
	min-width: 53px;
}

/*
 * 툴바 컨테이너 - multi-line 지원
 * SubDxToolbarItems 영역이 여러 줄로 표시되도록 설정
 */
.toolbar-wrap-container[b-k8zxzqa1xz] {
	display: flex !important;
	flex-wrap: wrap !important; /* 공간 부족시 검색버튼이 다음 줄로 이동 */
	align-items: flex-start !important;
	gap: 8px;
	min-height: auto !important;
	height: auto !important;
	overflow: visible !important;
}

/* 툴바 아이템 영역 - multi-line 컨테이너 */
.toolbar-items-area[b-k8zxzqa1xz] {
	flex: 1 1 0 !important; /* 0으로 설정하여 실제 컨텐츠 크기만 사용 */
	min-width: 0 !important;
	max-width: 100% !important; /* 부모 컨테이너 너비 초과 방지 */
	min-height: auto !important;
	height: auto !important;
	overflow: visible !important;
	display: flex !important;
	flex-direction: column !important; /* 세로 방향 - multi-line 가능 */
}

/* 검색 버튼 영역 - 항상 첫 줄 맨 끝 고정 */
.toolbar-search-button[b-k8zxzqa1xz] {
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: flex-start !important;
	align-self: flex-start !important; /* 첫 줄에 고정 */
}

/*
 * DxToolbar 내부 스타일 - 줄바꿈 활성화
 */

/* DxToolbar 래퍼 - 너비 제한 */
.toolbar-wrap-inner[b-k8zxzqa1xz] {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}

/* DxToolbar 자체 스타일 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar {
	display: flex !important;
	flex-wrap: wrap !important;
	overflow: visible !important;
	align-items: center !important;
	gap: 4px 8px; /* 세로 4px, 가로 8px */
	min-height: fit-content !important;
	height: auto !important;
	width: 100% !important;
	min-width: 0 !important; /* DevExpress 인라인 스타일 무시 */
	max-width: 100% !important;
	box-sizing: border-box !important; /* padding/border 포함 계산 */
}

/* DevExpress 인라인 style 속성 강제 무시 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar[style] {
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important; /* 인라인 width 속성도 무시 */
}

/* BeginGroup으로 생성된 그룹 - 줄바꿈 가능 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-group {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 4px 8px;
	max-width: 100% !important;
	min-width: 0 !important;
}

/* BeginGroup 구분선 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-group-separator {
	display: inline-block !important;
	width: 1px !important;
	height: 20px !important;
	margin: 0 8px !important;
	background-color: var(--bs-border-color, #dee2e6) !important;
	flex: 0 0 auto !important;
	align-self: center !important;
}

/* 
 * Adaptive 기능 완전 비활성화
 */

/* 모든 아이템 강제 표시 및 줄바꿈 허용 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item {
	display: flex !important;
	flex: 0 1 auto !important; /* 줄바꿈 허용을 위해 shrink 가능하도록 변경 */
	visibility: visible !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Inline style display:none 무시 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item[style*="display: none"],
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item[style*="display:none"] {
	display: flex !important;
}

/* Adaptive 관련 클래스 모두 무시 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-hidden-item,
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-adaptive-item-text-hidden,
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-adaptive-item-state-no-text,
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-adaptive-item,
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-layout-block-item {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* ... (더보기) 버튼 숨기기 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-btn-ellipsis,
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-adaptive-ellipsis-state-default {
	display: none !important;
}

/* 
 * 강제 줄바꿈 기능
 */

/* 빈 공간으로 줄바꿈 생성 (보이지 않음) */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .toolbar-break {
	display: flex !important;
	flex-basis: 100% !important;
	width: 100% !important;
	min-width: 100% !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}

/* 이 클래스를 가진 아이템부터 다음 줄 시작 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .begin-new-line {
	display: flex !important;
	flex-basis: 100% !important;
	width: 100% !important;
}

/*
 * 개별 아이템 내부 컨텐츠 - 줄바꿈 허용
 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item > * {
	max-width: 100% !important;
	min-width: 0 !important;
}

/* Template 영역 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item .dxbl-toolbar-item-content {
	max-width: 100% !important;
	min-width: 0 !important;
}

/* label과 input 요소들 */
.toolbar-wrap-inner[b-k8zxzqa1xz]  .dxbl-toolbar-item label {
	max-width: 100% !important;
	flex-shrink: 1 !important;
}
/* _content/Server/Components/Common/ModuleLayout.razor.rz.scp.css */
.card-body[b-ip2w14e3se] {
	overflow-y: hidden;
}
/* _content/Server/Components/Common/NavMenu.razor.rz.scp.css */
.sidebar[b-8sif37h2ij] {
	min-width: 250px;
	max-width: 250px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	transition: transform 0.1s ease-out;
	height: 100%;
	max-height: 100%;
	overflow-y: hidden;
	background-color: var(--bs-body-bg);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 10;
}

/*li.disabled a {
	color: red;
}

li {
	pointer-events: none;
}*/

.sidebar.collapse[b-8sif37h2ij] {
	display: none;
}

.sidebar.expand[b-8sif37h2ij] {
	display: block;
}

@media (max-width: 999.98px) {
	.sidebar[b-8sif37h2ij] {
		display: none;
	}

		.sidebar.expand[b-8sif37h2ij] {
			position: fixed;
			top: 2rem;
			left: 0;
			height: calc(100% - 2rem);
			min-width: 100%;
			z-index: 1050;
		}
}

[b-8sif37h2ij] .dxbl-tabs-content-panel {
	overflow-y: hidden !important;
}

/*::deep .app-sidebar > .nav-pills > .nav-item:first-of-type {
	padding-top: 1rem;
}

::deep .app-sidebar > .nav-pills > .nav-item:last-of-type {
	padding-bottom: 1rem;
}

::deep .app-sidebar .nav-pills > .nav-item a {
	border-radius: 0px;
	display: flex;
	align-items: center;
}

::deep .app-sidebar > .nav-pills > .nav-item > a {
	font-size: 1rem !important;
	font-weight: 600 !important;
	padding: .25rem 1rem .25rem .125rem;
}

	::deep .app-sidebar,
	::deep .app-sidebar > .nav-pills,
	::deep .app-sidebar > .nav-pills > .nav-item,
	::deep .app-sidebar > .nav-pills > .nav-item > a:not(.active) {
		background-color: inherit;
	}

@media (max-width: 999.98px) {
	::deep .app-sidebar > .nav-pills > .nav-item:last-of-type {
		padding-bottom: 0;
	}
}

::deep dxbl-tabs {
	display: flex;
	flex-direction: column;
	height: 100%;
}
*/
/* _content/Server/Components/Common/SidebarTreeView.razor.rz.scp.css */
.favorite-container[b-jiotls9vby] {
	display: inline-flex;
	width: 100%;
	align-items: center;
	min-height: 18px;
}

.favorite-star[b-jiotls9vby] {
	display: flex;
	height: 18px;
	overflow: hidden;
	align-items: center;
}

.btn-favorite-off[b-jiotls9vby] {
	color: transparent;
}

.favorite-container:hover .btn-favorite-off:not(:hover)[b-jiotls9vby] {
	color: gray;
}

.btn-favorite-off:hover[b-jiotls9vby] {
	color: gold;
}

.btn-favorite-on[b-jiotls9vby] {
	color: gold;
}

	.btn-favorite-on:hover[b-jiotls9vby] {
		color: gray;
	}

.btn-settings[b-jiotls9vby] {
	position: absolute;
	left: 100%;
	transform: translate(calc(-100% - 8px), 0%);
	z-index: 1000;
	border-radius: 100%;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
	background: white;
	width: 28px;
	height: 28px;
	align-content: center;
	text-align: center;
	margin: 4px;
}

	.btn-settings > button[b-jiotls9vby] {
		background: none;
		padding: 0px;
	}
/* _content/Server/Components/Layout/EmptyLayout.razor.rz.scp.css */
#blazor-error-ui[b-0mdb9ed7pp] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-0mdb9ed7pp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Server/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0ub1g8931a] {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: inherit;
}
[b-0ub1g8931a] .page-layout,
[b-0ub1g8931a] .page-layout > .dx-gridlayout-root,
[b-0ub1g8931a] .layout-item {
    background-color: inherit;
}

[b-0ub1g8931a] .content {
    padding: 1rem;
    overflow: auto;
    z-index: 0;
}

@media (max-width: 999.98px) {
    [b-0ub1g8931a] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-0ub1g8931a] .fit-width {
    max-width: 100%;
}
/* _content/Server/Components/Layout/MobileLayout.razor.rz.scp.css */

.page[b-cnq8myu4t5] {
	height: var(--app-height);
	width: 100vw;
	overflow: hidden;
	background-color: inherit;
}

[b-cnq8myu4t5] .page-layout,
[b-cnq8myu4t5] .page-layout > .dx-gridlayout-root,
[b-cnq8myu4t5] .layout-item {
	background-color: inherit;
}

[b-cnq8myu4t5] .content {
	padding: 1rem;
	overflow: auto;
	z-index: 0;
}

[b-cnq8myu4t5] .page-layout > .dx-gridlayout-root {
	grid-template-columns: minmax(0, 1fr) !important;
}

[b-cnq8myu4t5] .fit-width {
	max-width: 100%;
}
/* _content/Server/Components/Layout/PopupLayout.razor.rz.scp.css */
.page[b-msxk9nu8xh] {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: inherit;
}
[b-msxk9nu8xh] .page-layout,
[b-msxk9nu8xh] .page-layout > .dx-gridlayout-root,
[b-msxk9nu8xh] .layout-item {
    background-color: inherit;
}

[b-msxk9nu8xh] .content {
    padding: 1rem;
    overflow: auto;
    z-index: 0;
}

@media (max-width: 999.98px) {
    [b-msxk9nu8xh] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-msxk9nu8xh] .fit-width {
    max-width: 100%;
}
/* _content/Server/Components/Pages/기준정보/사원정보.razor.rz.scp.css */
/* 사번 자동완성 컨테이너 */
.employee-code-autocomplete[b-0hypmo25e7] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

/* 입력 필드 기본 스타일 */
[b-0hypmo25e7] .ghost-textbox {
    position: relative;
    z-index: 2;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
}

/* 입력 필드 내부 요소 배경 및 테두리 제거 */
[b-0hypmo25e7] .ghost-textbox .dxbs-editor-input-container,
[b-0hypmo25e7] .ghost-textbox input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
}

/* 입력 필드 포커스 시 */
[b-0hypmo25e7] .ghost-textbox:focus-within,
[b-0hypmo25e7] .ghost-textbox:focus-within .dxbs-editor-input-container,
[b-0hypmo25e7] .ghost-textbox:focus-within input {
    outline: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ghost 텍스트 컨테이너 */
.ghost-text-overlay[b-0hypmo25e7] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

/* 입력된 텍스트 부분 (투명) */
.ghost-text-overlay .input-part[b-0hypmo25e7] {
    opacity: 0;
    user-select: none;
}

/* 자동완성 제안 부분 */
.ghost-text-overlay .suggestion-part[b-0hypmo25e7] {
    color: #6c757d;
    opacity: 0.5;
    user-select: none;
    font-style: italic;
    transition: opacity 0.2s ease;
}

/* 포커스 시 제안 텍스트 강조 */
[b-0hypmo25e7] .ghost-textbox:focus-within ~ .ghost-text-overlay .suggestion-part {
    opacity: 0.65;
    color: #495057;
}
/* _content/Server/Components/Pages/기준정보/호선정보_업로드.razor.rz.scp.css */
.custom-drop-zone[b-xrrt4dfdi1] {
	padding: 0 !important;
	border-style: dashed;
	border-width: 2px !important;
	height: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(183, 183, 183, 0.1);
}

	.custom-drop-zone.custom-drop-zone-hover[b-xrrt4dfdi1] {
		border-style: solid;
	}

	.custom-drop-zone svg[b-xrrt4dfdi1] {
		width: 42px;
		height: 42px;
	}

	.custom-drop-zone > *:not(#overviewDemoSelectButton)[b-xrrt4dfdi1] {
		pointer-events: none;
	}
/* _content/Server/Components/Pages/모바일/POR조회.razor.rz.scp.css */
table.table[b-dj8ys5shi6] {
    font-size: medium;
    width: 100%;
}

table.table th[b-dj8ys5shi6] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

table.table td[b-dj8ys5shi6] {
    text-align: center;
    vertical-align: middle;
}
/* _content/Server/Components/Pages/모바일/자재재고.razor.rz.scp.css */
table.table[b-mb1n8zla3e] {
    font-size: medium;
    width: 100%;
}

table.table th[b-mb1n8zla3e] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

table.table td[b-mb1n8zla3e] {
    text-align: center;
    vertical-align: middle;
}
/* _content/Server/Components/Pages/물량관리/도면물량관리1/도면물량관리_타입선택.razor.rz.scp.css */
/* 
 * 📋 도면물량관리 타입선택 화면 스타일
 * 작성일: 2025.01.17
 * 설명: DevExpress 호환 스타일, DxAlert 대체 메시지 포함
 */

/* ========================
   메인 컨테이너
======================== */
.type-selection-main[b-pbutygwg03] {
    padding: 30px;
    max-width: 800px;
    margin: 20px auto;
}

.selection-group[b-pbutygwg03] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ========================
   타이틀 섹션
======================== */
.title-section[b-pbutygwg03] {
    text-align: center;
    padding: 20px 0;
}

.title-section i[b-pbutygwg03] {
    font-size: 3rem;
    color: #0d6efd;
    margin-bottom: 15px;
    display: block;
}

.title-section h2[b-pbutygwg03] {
    font-size: 1.8rem;
    font-weight: 600;
    color: #495057;
    margin: 0 0 10px 0;
}

.title-section p[b-pbutygwg03] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* ========================
   타입 컨테이너
======================== */
.types-container[b-pbutygwg03] {
    margin: 20px 0;
}

.type-row[b-pbutygwg03] {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 25px;
    justify-content: center;
    padding: 15px 0;
}

/* ========================
   타입 카드 기본 스타일
======================== */
.type-card[b-pbutygwg03] {
    flex: 1;
    min-width: 180px;
    max-width: 220px;
    padding: 25px 20px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    text-align: center;
    transition: all 0.2s ease;
    position: relative;
}

.type-card.clickable[b-pbutygwg03] {
    cursor: pointer;
    user-select: none;
}

.type-card.clickable:hover[b-pbutygwg03] {
    border-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.25);
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
}

.type-card.clickable:active[b-pbutygwg03] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

.type-card i[b-pbutygwg03] {
    font-size: 1.8rem;
    margin-bottom: 12px;
    display: block;
}

.type-info strong[b-pbutygwg03] {
    display: block;
    font-size: 1rem;
    color: #495057;
    margin-bottom: 6px;
}

.type-info small[b-pbutygwg03] {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
}

/* ========================
   클릭 힌트
======================== */
/* ========================
   각 카드별 테마 색상 오버레이
======================== */
.click-hint[b-pbutygwg03] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* 각 카드별 오버레이 색상 */
.main-tray .click-hint[b-pbutygwg03] { background: rgba(220, 53, 69, 0.95); }
.fb .click-hint[b-pbutygwg03] { background: rgba(13, 202, 240, 0.95); }
.seat .click-hint[b-pbutygwg03] { background: rgba(111, 66, 193, 0.95); }
.tray .click-hint[b-pbutygwg03] { background: rgba(253, 126, 20, 0.95); }

.type-card.clickable:hover .click-hint[b-pbutygwg03] {
    opacity: 1;
}

/* ========================
   타입별 색상 및 호버 효과
======================== */
.main-tray[b-pbutygwg03] { 
    border-color: #dc3545; 
}
.main-tray i[b-pbutygwg03] { 
    color: #dc3545; 
}
.main-tray.clickable:hover[b-pbutygwg03] { 
    border-color: #dc3545; 
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.25);
}

.fb[b-pbutygwg03] { 
    border-color: #0dcaf0; 
}
.fb i[b-pbutygwg03] { 
    color: #0dcaf0; 
}
.fb.clickable:hover[b-pbutygwg03] { 
    border-color: #0dcaf0; 
    box-shadow: 0 6px 20px rgba(13, 202, 240, 0.25);
}

.ship-fb[b-pbutygwg03] {
    border-color: #0dcaf0;
}

.ship-fb i[b-pbutygwg03] {
    color: #0dcaf0;
}

.ship-fb.clickable:hover[b-pbutygwg03] {
    border-color: #0dcaf0;
    box-shadow: 0 6px 20px rgba(13, 202, 240, 0.25);
}

.seat[b-pbutygwg03] { 
    border-color: #6f42c1; 
}
.seat i[b-pbutygwg03] { 
    color: #6f42c1; 
}
.seat.clickable:hover[b-pbutygwg03] { 
    border-color: #6f42c1; 
    box-shadow: 0 6px 20px rgba(111, 66, 193, 0.25);
}

.tray[b-pbutygwg03] { 
    border-color: #fd7e14; 
}
.tray i[b-pbutygwg03] { 
    color: #fd7e14; 
}
.tray.clickable:hover[b-pbutygwg03] { 
    border-color: #fd7e14; 
    box-shadow: 0 6px 20px rgba(253, 126, 20, 0.25);
}

.seat-fb[b-pbutygwg03] { 
    border-color: #d63384; 
}
.seat-fb i[b-pbutygwg03] { 
    color: #d63384; 
}
.seat-fb.clickable:hover[b-pbutygwg03] { 
    border-color: #d63384; 
    box-shadow: 0 6px 20px rgba(214, 51, 132, 0.25);
}

/* ========================
   사용 방법 섹션
======================== */
.usage-steps[b-pbutygwg03] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.step-item[b-pbutygwg03] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.step-item:last-child[b-pbutygwg03] {
    margin-bottom: 0;
}

.step-number[b-pbutygwg03] {
    background: #0d6efd;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    margin-right: 15px;
    flex-shrink: 0;
}

.step-item span:not(.step-number)[b-pbutygwg03] {
    color: #495057;
    line-height: 1.4;
}

/* ========================
   DevExpress FormLayout 커스텀
======================== */
.title-item .dx-field-item-label[b-pbutygwg03] {
    display: none;
}

.alert-item .dx-field-item-label[b-pbutygwg03] {
    display: none;
}

/* 패딩 별도 적용 */
.types-item[b-pbutygwg03],
.guide-item[b-pbutygwg03] {
    padding-bottom: 15px !important;
}

.footer-item .dx-field-item-label[b-pbutygwg03] {
    display: none;
}

/* ========================
   반응형 지원 (작은 화면 대응)
======================== */
.type-row[b-pbutygwg03] {
    flex-direction: row;
}

.type-card[b-pbutygwg03] {
    min-width: 140px;
}
/* _content/Server/Components/Pages/물량관리/도면물량관리2/도면물량관리2_타입선택.razor.rz.scp.css */
/* ========================
   메인 컨테이너
======================== */
.type-selection-main[b-qi1k0xtn1y] {
    padding: 30px;
    max-width: 800px;
    margin: 20px auto;
}

.selection-group[b-qi1k0xtn1y] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ========================
   타이틀 섹션
======================== */
.title-section[b-qi1k0xtn1y] {
    text-align: center;
    padding: 20px 0;
}

.title-section i[b-qi1k0xtn1y] {
    font-size: 3rem;
    color: #0d6efd;
    margin-bottom: 15px;
    display: block;
}

.title-section h2[b-qi1k0xtn1y] {
    font-size: 1.8rem;
    font-weight: 600;
    color: #495057;
    margin: 0 0 10px 0;
}

.title-section p[b-qi1k0xtn1y] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* ========================
   타입 컨테이너
======================== */
.types-container[b-qi1k0xtn1y] {
    margin: 20px 0;
}

.type-row[b-qi1k0xtn1y] {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 25px;
    justify-content: center;
    padding: 15px 0;
}

/* ========================
   타입 카드 기본 스타일
======================== */
.type-card[b-qi1k0xtn1y] {
    flex: 1;
    min-width: 180px;
    max-width: 220px;
    padding: 25px 20px;
    background: white;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    text-align: center;
    transition: all 0.2s ease;
    position: relative;
}

.type-card.clickable[b-qi1k0xtn1y] {
    cursor: pointer;
    user-select: none;
}

.type-card.clickable:hover[b-qi1k0xtn1y] {
    border-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.25);
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
}

.type-card.clickable:active[b-qi1k0xtn1y] {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

.type-card i[b-qi1k0xtn1y] {
    font-size: 1.8rem;
    margin-bottom: 12px;
    display: block;
}

.type-info strong[b-qi1k0xtn1y] {
    display: block;
    font-size: 1rem;
    color: #495057;
    margin-bottom: 6px;
}

.type-info small[b-qi1k0xtn1y] {
    display: block;
    font-size: 0.75rem;
    color: #6c757d;
}

/* ========================
   클릭 힌트
======================== */
/* ========================
   각 카드별 테마 색상 오버레이
======================== */
.click-hint[b-qi1k0xtn1y] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* 각 카드별 오버레이 색상 */
.vent .click-hint[b-qi1k0xtn1y] { background: rgba(220, 53, 69, 0.95); }
.square-hatch .click-hint[b-qi1k0xtn1y] { background: rgba(13, 202, 240, 0.95); }
.access-hatch .click-hint[b-qi1k0xtn1y] { background: rgba(111, 66, 193, 0.95); }

.type-card.clickable:hover .click-hint[b-qi1k0xtn1y] {
    opacity: 1;
}

/* ========================
   타입별 색상 및 호버 효과
======================== */
.vent[b-qi1k0xtn1y] {
    border-color: #dc3545;
}
.vent i[b-qi1k0xtn1y] {
    color: #dc3545;
}
.vent.clickable:hover[b-qi1k0xtn1y] {
    border-color: #dc3545;
    box-shadow: 0 6px 20px rgba(220, 53, 69, 0.25);
}

.square-hatch[b-qi1k0xtn1y] {
    border-color: #0dcaf0;
}
.square-hatch i[b-qi1k0xtn1y] {
    color: #0dcaf0;
}
.square-hatch.clickable:hover[b-qi1k0xtn1y] {
    border-color: #0dcaf0;
    box-shadow: 0 6px 20px rgba(13, 202, 240, 0.25);
}

.access-hatch[b-qi1k0xtn1y] {
    border-color: #6f42c1;
}
.access-hatch i[b-qi1k0xtn1y] {
    color: #6f42c1;
}
.access-hatch.clickable:hover[b-qi1k0xtn1y] {
    border-color: #6f42c1;
    box-shadow: 0 6px 20px rgba(111, 66, 193, 0.25);
}

/* ========================
   사용 방법 섹션
======================== */
.usage-steps[b-qi1k0xtn1y] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #dee2e6;
}

.step-item[b-qi1k0xtn1y] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.step-item:last-child[b-qi1k0xtn1y] {
    margin-bottom: 0;
}

.step-number[b-qi1k0xtn1y] {
    background: #0d6efd;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    margin-right: 15px;
    flex-shrink: 0;
}

.step-item span:not(.step-number)[b-qi1k0xtn1y] {
    color: #495057;
    line-height: 1.4;
}

/* ========================
   DevExpress FormLayout 커스텀
======================== */
.title-item .dx-field-item-label[b-qi1k0xtn1y] {
    display: none;
}

.alert-item .dx-field-item-label[b-qi1k0xtn1y] {
    display: none;
}

/* 패딩 별도 적용 */
.types-item[b-qi1k0xtn1y],
.guide-item[b-qi1k0xtn1y] {
    padding-bottom: 15px !important;
}

.footer-item .dx-field-item-label[b-qi1k0xtn1y] {
    display: none;
}

/* ========================
   반응형 지원 (작은 화면 대응)
======================== */
.type-row[b-qi1k0xtn1y] {
    flex-direction: row;
}

.type-card[b-qi1k0xtn1y] {
    min-width: 140px;
}
/* _content/Server/Components/Pages/시스템관리/공지사항관리.razor.rz.scp.css */
.viewer[b-u6af3z6w0l] {
	all: initial;
}

[b-u6af3z6w0l] .viewer > p {
	margin: 0px;
}
/* _content/Server/Components/Pages/시스템관리/공지사항관리_글보기.razor.rz.scp.css */
.post-view-container[b-5qg55nrx9s] {
    padding: 0;
    background: linear-gradient(to bottom, #f8f9fb 0%, #ffffff 100%);
    margin: 0 auto;
}

.post-header[b-5qg55nrx9s] {
    padding: 40px 48px 32px 48px;
    text-align: center;
}

.post-title[b-5qg55nrx9s] {
    font-size: 24px;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.4;
    margin: 0 0 16px 0;
    letter-spacing: -0.3px;
}

.post-meta[b-5qg55nrx9s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 24px;
    color: #6b7c93;
    font-size: 13px;
}

.meta-item[b-5qg55nrx9s] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #6b7c93;
}

.meta-item i[b-5qg55nrx9s] {
    font-size: 12px;
    color: #4a6fa5;
}

.meta-item.category[b-5qg55nrx9s] {
    color: #2c5282;
    font-weight: 600;
    background: linear-gradient(135deg, #e6f0ff 0%, #d4e5ff 100%);
    padding: 4px 12px;
    border-radius: 12px;
}

.meta-item.category i[b-5qg55nrx9s] {
    color: #2c5282;
}

.meta-divider[b-5qg55nrx9s] {
    color: #cbd5e0;
}

.divider[b-5qg55nrx9s] {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #4a6fa5 50%, transparent);
}

.post-content[b-5qg55nrx9s] {
    padding: 40px 48px;
    min-height: 300px;
    line-height: 1.9;
    color: #2d3748;
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
}

.post-content p[b-5qg55nrx9s] {
    margin-bottom: 24px;
}

.post-content p:last-child[b-5qg55nrx9s] {
    margin-bottom: 0;
}

.post-content h1[b-5qg55nrx9s],
.post-content h2[b-5qg55nrx9s],
.post-content h3[b-5qg55nrx9s] {
    margin-top: 32px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #1e3a5f;
}

.post-content h1[b-5qg55nrx9s] {
    font-size: 28px;
}

.post-content h2[b-5qg55nrx9s] {
    font-size: 24px;
}

.post-content h3[b-5qg55nrx9s] {
    font-size: 20px;
}

.post-content img[b-5qg55nrx9s] {
    max-width: 100%;
    height: auto;
    margin: 32px 0;
    display: block;
    border-radius: 4px;
}

.post-content pre[b-5qg55nrx9s] {
    background: linear-gradient(135deg, #f0f4f8 0%, #e6eef7 100%);
    padding: 20px;
    border-radius: 4px;
    overflow-x: auto;
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.6;
    border-left: 3px solid #4a6fa5;
}

.post-content blockquote[b-5qg55nrx9s] {
    border-left: 3px solid #4a6fa5;
    padding-left: 24px;
    margin: 24px 0;
    color: #4a5568;
    font-style: italic;
    font-size: 18px;
    background: linear-gradient(to right, #f0f4f8 0%, transparent 100%);
    padding: 16px 24px;
}

.post-content ul[b-5qg55nrx9s],
.post-content ol[b-5qg55nrx9s] {
    padding-left: 32px;
    margin-bottom: 24px;
}

.post-content li[b-5qg55nrx9s] {
    margin-bottom: 12px;
}

.post-content a[b-5qg55nrx9s] {
    color: #2c5282;
    text-decoration: none;
    border-bottom: 1px solid #bee3f8;
    transition: all 0.2s ease;
}

.post-content a:hover[b-5qg55nrx9s] {
    color: #1e3a5f;
    border-bottom-color: #4a6fa5;
}

.post-attachments[b-5qg55nrx9s] {
    padding: 32px 48px 40px 48px;
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fb 100%);
}

.attachment-title[b-5qg55nrx9s] {
    font-size: 14px;
    font-weight: 600;
    color: #2c5282;
    margin: 20px 0 16px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.attachment-title i[b-5qg55nrx9s] {
    font-size: 14px;
    color: #4a6fa5;
}

.attachment-files[b-5qg55nrx9s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.file-link[b-5qg55nrx9s] {
    color: #2c5282;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
    background-color: #e6f0ff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.file-link i[b-5qg55nrx9s] {
    font-size: 12px;
    color: #4a6fa5;
}

.file-link:hover[b-5qg55nrx9s] {
    background-color: #bee3f8;
    color: #1e3a5f;
}

.file-link:hover i[b-5qg55nrx9s] {
    color: #1e3a5f;
}

.file-divider[b-5qg55nrx9s] {
    color: #cbd5e0;
}

@media (max-width: 768px) {
    .post-header[b-5qg55nrx9s] {
        padding: 32px 24px 24px 24px;
    }

    .post-title[b-5qg55nrx9s] {
        font-size: 20px;
    }

    .post-meta[b-5qg55nrx9s] {
        font-size: 12px;
        flex-wrap: wrap;
    }

    .post-content[b-5qg55nrx9s] {
        padding: 32px 24px;
        font-size: 15px;
    }

    .post-content h1[b-5qg55nrx9s] {
        font-size: 24px;
    }

    .post-content h2[b-5qg55nrx9s] {
        font-size: 20px;
    }

    .post-content h3[b-5qg55nrx9s] {
        font-size: 18px;
    }

    .post-attachments[b-5qg55nrx9s] {
        padding: 24px;
    }

    .attachment-files[b-5qg55nrx9s] {
        flex-direction: column;
        align-items: flex-start;
    }

    .file-divider[b-5qg55nrx9s] {
        display: none;
    }
}
/* _content/Server/Components/Pages/자재관리/F_발주관리_발주서수정.razor.rz.scp.css */
#lite-designer[b-td3fakozc3]  .dxrd-toolbox-wrapper {
    display: none !important;
}

#lite-designer[b-td3fakozc3]  .dxrd-navigation-panel-wrapper {
    display: none !important;
}
/* _content/Server/Components/Pages/자재관리/J_재고현황차트.razor.rz.scp.css */
.dashboard-root[b-0u5955kzc2]  div[data-bind*="scrollView.contentWrapperStyles"] {
    padding: 0 !important;
}
/* _content/Server/Components/Pages/작업관리/품목실적.razor.rz.scp.css */
.editcell[b-jpeblbh4fj] {
	background-color: #FFB
}

.editcell-unplanned[b-jpeblbh4fj] {
	background-color: #DFD
}
/* _content/Server/Components/Pages/작업관리/품목실적_일괄삭제.razor.rz.scp.css */
.section-title[b-2bx50f6qd5] {
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-left: 4px solid #3b82f6;
    background: #f8fafc;
    border-radius: 4px;
}

.process-section[b-2bx50f6qd5] {
    margin: 0 0 20px 0;
    width: 100%;
}

.process-section-manufacturing .section-title[b-2bx50f6qd5] {
    border-left-color: #3b82f6;
    background: linear-gradient(to right, #eff6ff, #f8fafc);
}

.process-section-assembly .section-title[b-2bx50f6qd5] {
    border-left-color: #10b981;
    background: linear-gradient(to right, #ecfdf5, #f8fafc);
}

.process-section-post-processing .section-title[b-2bx50f6qd5] {
    border-left-color: #f59e0b;
    background: linear-gradient(to right, #fffbeb, #f8fafc);
}

.process-section-inspection .section-title[b-2bx50f6qd5] {
    border-left-color: #8b5cf6;
    background: linear-gradient(to right, #f5f3ff, #f8fafc);
}

.step-card[b-2bx50f6qd5] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s;
}

.step-card:hover[b-2bx50f6qd5] {
    border-color: #d1d5db;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.step-header[b-2bx50f6qd5] {
    background: #f8fafc;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 12px;
    color: #374151;
    border-bottom: 1px solid #e5e7eb;
}

.step-body[b-2bx50f6qd5] {
    padding: 10px;
}

.production-steps-form[b-2bx50f6qd5] {
    padding: 16px;
}

.step-input[b-2bx50f6qd5] {
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    transition: all 0.2s;
    background: white;
}

.step-field[b-2bx50f6qd5] {
    margin: 0 0 0 0;
}

.step-row[b-2bx50f6qd5] {
    display: flex;
}
/* _content/Server/Components/Pages/작업관리/품목실적_일괄편집.razor.rz.scp.css */
.section-title[b-rd0bu4xh8a] {
    font-size: 15px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-left: 4px solid #3b82f6;
    background: #f8fafc;
    border-radius: 4px;
}

.process-section[b-rd0bu4xh8a] {
    margin: 0 0 20px 0;
    width: 100%;
}

/* 공정 그룹별 색상 테마 */
.process-section-manufacturing .section-title[b-rd0bu4xh8a] {
    border-left-color: #3b82f6;
    background: linear-gradient(to right, #eff6ff, #f8fafc);
}

.process-section-assembly .section-title[b-rd0bu4xh8a] {
    border-left-color: #10b981;
    background: linear-gradient(to right, #ecfdf5, #f8fafc);
}

.process-section-post-processing .section-title[b-rd0bu4xh8a] {
    border-left-color: #f59e0b;
    background: linear-gradient(to right, #fffbeb, #f8fafc);
}

.process-section-inspection .section-title[b-rd0bu4xh8a] {
    border-left-color: #8b5cf6;
    background: linear-gradient(to right, #f5f3ff, #f8fafc);
}

.step-card[b-rd0bu4xh8a] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s;
    height: 100%;
}

.step-card:hover[b-rd0bu4xh8a] {
    border-color: #3b82f6;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);
    transform: translateY(-2px);
}

.step-header[b-rd0bu4xh8a] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 12px 14px;
    font-weight: 600;
    font-size: 13px;
    color: #1e293b;
    border-bottom: 2px solid #e2e8f0;
    text-align: center;
}

.step-body[b-rd0bu4xh8a] {
    padding: 14px 12px;
    background: #ffffff;
}

.production-steps-form[b-rd0bu4xh8a] {
    padding: 16px;
}

.step-input[b-rd0bu4xh8a] {
    flex: 1;
    padding: 8px 10px;
    border: 1.5px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    transition: all 0.2s;
    background: white;
    font-weight: 500;
}

.step-input:focus[b-rd0bu4xh8a] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.step-input[b-rd0bu4xh8a]::placeholder {
    color: #9ca3af;
    font-weight: 400;
    font-size: 12px;
}

.step-field[b-rd0bu4xh8a] {
    margin: 0;
}

/* 착수일/완료일 레이블 크기 증가 */
[b-rd0bu4xh8a] .step-field .dxbl-flyt-item-caption {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #374151;
}

.step-row[b-rd0bu4xh8a] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: nowrap;
}

/* 오늘 버튼 스타일 */
.input-with-button[b-rd0bu4xh8a] {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
}

/* 단일 필드일 때 50% 너비 */
.input-with-button.single-field[b-rd0bu4xh8a] {
    max-width: 50%;
}

.today-btn[b-rd0bu4xh8a] {
    padding: 8px 14px;
    background: transparent;
    color: #6b7280;
    border: 1.5px solid #9ca3af;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.today-btn:hover[b-rd0bu4xh8a] {
    background: transparent;
    color: #374151;
    border-color: #6b7280;
    box-shadow: 0 2px 6px rgba(107, 114, 128, 0.15);
}

.today-btn:active[b-rd0bu4xh8a] {
    border-color: #4b5563;
    color: #1f2937;
    transform: scale(0.97);
}

/* 2025.11.04*/
/* 비고란 전용 높이 고정 */
.step-card textarea.form-control[b-rd0bu4xh8a] {
    height: 80px; /* 원하는 고정 높이 */
    min-height: 80px; /* 줄어들지 않게 */
    max-height: 80px; /* 커지지도 않게 */
    resize: none; /* 사용자가 크기조절 못하게 */
    overflow-y: auto; /* 스크롤 표시 */
}