/* 보스 예약확인·사이즈입력 전용 */
.size-page-intro{
	padding:74px 0 68px;
	background:#fff;
}

.size-page-intro-inner{
	width:min(1240px,calc(100% - 64px));
	margin:auto;
}

.size-page-title-badge{
	display:inline-flex;
	width:max-content;
	margin:0;
	padding:7px 11px;
	border-radius:8px;
	background:var(--black);
	color:var(--green);
	font-size:12px;
	font-weight:900;
	line-height:1.35;
	letter-spacing:.02em;
}

.size-page-hero-statement{
	max-width:none;
	margin:15px 0 0;
	color:var(--ink);
	font-size:clamp(42px,4.2vw,60px);
	font-weight:880;
	line-height:1.16;
	letter-spacing:-.06em;
}

.size-page-hero-description{
	max-width:720px;
	margin:22px 0 0;
	color:var(--muted);
	font-size:18px;
	line-height:1.65;
}

#rentalSizeForm{
	background:#f8fafc;
	min-height:100vh;
	color:#111827;
}

#rentalSizeForm *{
	box-sizing:border-box;
}

#rentalSizeForm [hidden],
.size-page-intro[hidden]{
	display:none !important;
}

.size-hero{
	padding:70px 20px 42px;
	background:linear-gradient(135deg, #0e110f 0%, #252b27 100%);
	color:#fff;
}

.size-hero-inner{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}

.size-hero-badge{
	display:inline-flex;
	align-items:center;
	gap:7px;
	height:34px;
	padding:0 13px;
	border-radius:999px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.2);
	color:#fff;
	font-size:13px;
	font-weight:800;
}

.size-hero-badge i,
.size-hero-badge svg{
	width:16px;
	height:16px;
	stroke-width:2.5;
}

.size-hero h1{
	margin:18px 0 10px;
	font-size:38px;
	line-height:1.15;
	font-weight:900;
	letter-spacing:-.04em;
}

.size-hero p{
	margin:0;
	color:rgba(255,255,255,.78);
	font-size:16px;
	line-height:1.6;
}

.size-section{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:34px 20px 70px;
}

.size-card{
	margin-bottom:22px;
	padding:28px;
	border:1px solid #e5e7eb;
	border-radius:22px;
	background:#fff;
	box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.size-card-head{
	margin-bottom:22px;
}

.size-card-head.row-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
}

.size-card-head h2,
.reservation-info-head h2{
	margin:0 0 6px;
	color:#111827;
	font-size:22px;
	font-weight:900;
	letter-spacing:-.03em;
}

.size-card-head p,
.reservation-info-head p{
	margin:0;
	color:#64748b;
	font-size:14px;
	line-height:1.5;
}

.lookup-form{
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto;
	gap:14px;
	align-items:end;
}

.form-field label{
	display:block;
	margin-bottom:8px;
	color:#334155;
	font-size:13px;
	font-weight:900;
}

.form-field input,
.form-field select,
.size-table input,
.size-table select{
	width:100%;
	height:44px;
	padding:0 13px;
	border:1px solid #d1d5db;
	border-radius:12px;
	background:#fff;
	color:#111827;
	font-size:15px;
	font-weight:700;
	outline:none;
}

.form-field input:focus,
.form-field select:focus,
.size-table input:focus,
.size-table select:focus{
	border-color:#0e110f;
	box-shadow:inset 0 0 0 1px #0e110f;
}

.size-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:44px;
	padding:0 20px;
	border-radius:12px;
	border:1px solid transparent;
	font-size:15px;
	font-weight:900;
	line-height:1;
	white-space:nowrap;
	cursor:pointer;
	text-decoration:none;
}

.size-btn i,
.size-btn svg{
	width:19px;
	height:19px;
	stroke-width:2.5;
}

.size-btn-primary{
	background:#0e110f;
	color:#fff;
	border-color:#0e110f;
}

.size-btn-primary:hover{
	background:#2a302c;
	border-color:#2a302c;
}

.size-btn-basic{
	background:#0e110f;
	color:#fff;
	border-color:#0e110f;
}

.size-btn-basic:hover{
	background:#2a302c;
	border-color:#2a302c;
}

.size-btn-large{
	min-width:190px;
	height:54px;
	font-size:16px;
}

.reservation-info-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	margin-bottom:20px;
}

.info-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	height:32px;
	padding:0 12px;
	border-radius:999px;
	background:#ecfdf5;
	color:#047857;
	border:1px solid #a7f3d0;
	font-size:13px;
	font-weight:900;
	white-space:nowrap;
}

.info-badge i,
.info-badge svg{
	width:15px;
	height:15px;
	stroke-width:2.5;
}

.reservation-info-grid{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	gap:12px;
}

.reservation-info-grid div{
	padding:16px;
	border-radius:16px;
	background:#f8fafc;
	border:1px solid #e5e7eb;
}

.reservation-info-grid span{
	display:block;
	margin-bottom:7px;
	color:#64748b;
	font-size:12px;
	font-weight:800;
}

.reservation-info-grid strong{
	display:block;
	color:#111827;
	font-size:15px;
	font-weight:900;
	word-break:break-all;
}

.size-table-wrap{
	overflow-x:auto;
	border:1px solid #e5e7eb;
	border-radius:16px;
}

.size-table{
	width:100%;
	min-width:860px;
	border-collapse:collapse;
}

.size-table th{
	height:46px;
	padding:0 12px;
	background:#f8fafc;
	border-bottom:1px solid #e5e7eb;
	color:#334155;
	font-size:13px;
	font-weight:900;
	text-align:center;
	white-space:nowrap;
}

.size-table td{
	position:relative;
	padding:10px;
	border-bottom:1px solid #f1f5f9;
	text-align:center;
}

.size-table tbody tr:last-child td{
	border-bottom:0;
}

.size-table td:nth-child(2),
.size-table td:nth-child(3){
	padding-right:38px;
}

.size-table .unit{
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
	color:#94a3b8;
	font-size:12px;
	font-weight:900;
	pointer-events:none;
}

.row-delete-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border:1px solid #0e110f;
	border-radius:10px;
	background:#0e110f;
	color:#fff;
	cursor:pointer;
}

.row-delete-btn:hover{
	background:#2a302c;
	color:#fff;
	border-color:#2a302c;
}

.row-delete-btn i,
.row-delete-btn svg{
	width:17px;
	height:17px;
	stroke-width:2.5;
}

.size-notice{
	display:flex;
	align-items:flex-start;
	gap:8px;
	margin-top:16px;
	padding:14px 16px;
	border-radius:14px;
	background:#f3f4f6;
	color:#374151;
	font-size:13px;
	font-weight:800;
	line-height:1.5;
}

.size-notice i,
.size-notice svg{
	flex:0 0 auto;
	width:17px;
	height:17px;
	margin-top:1px;
	stroke-width:2.5;
}

.size-notice-copy{
	display:grid;
	gap:2px;
	min-width:0;
}

.size-notice-copy strong,
.size-notice-copy span{
	display:block;
	font:inherit;
}

.size-notice-copy strong{
	color:#0e110f;
	font-weight:900;
}

.size-notice-copy span{
	color:#59635c;
	font-weight:750;
}

.size-submit-area{
	display:flex;
	justify-content:center;
	margin-top:26px;
}

.size-guide-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
	margin:22px 0;
}

.size-guide-card{
	padding:22px;
	border:1px solid #e5e7eb;
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 26px rgba(15,23,42,.045);
}

.size-guide-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	margin-bottom:14px;
	border-radius:14px;
	background:#0e110f;
	color:#fff;
}

.size-guide-icon i,
.size-guide-icon svg{
	width:22px;
	height:22px;
	stroke-width:2.5;
}

.size-guide-card h3{
	margin:0 0 8px;
	color:#111827;
	font-size:18px;
	font-weight:900;
	letter-spacing:-.03em;
}

.size-guide-card p{
	margin:0;
	color:#64748b;
	font-size:14px;
	font-weight:700;
	line-height:1.6;
	word-break:keep-all;
}

.size-caution-box{
	margin:18px 0;
	padding:20px 22px;
	border:1px solid rgba(226,232,240,.95);
	border-radius:18px;
	background:#eef2f7;
	color:#334155;
}

.size-caution-title{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:12px;
}

.size-caution-title i,
.size-caution-title svg{
	width:19px;
	height:19px;
	color:#111827;
	stroke-width:2.5;
}

.size-caution-title strong{
	color:#334155;
	font-size:16px;
	font-weight:900;
}

.size-caution-box ul{
	display:grid;
	gap:7px;
	margin:0;
	padding:0;
	list-style:none;
}

.size-caution-box li{
	position:relative;
	padding-left:14px;
	color:#334155;
	font-size:14px;
	font-weight:700;
	line-height:1.55;
	word-break:keep-all;
}

.size-caution-box li::before{
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#334155;
}

#rentalSizeForm .size-unit-field{
	position:relative;
	display:block;
	width:100%;
}

#rentalSizeForm .size-unit-field input{
	width:100%;
	padding-right:46px;
	box-sizing:border-box;
}

#rentalSizeForm .size-unit-field span{
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%);
	color:#94a3b8;
	font-size:14px;
	font-weight:900;
	line-height:1;
	pointer-events:none;
}

#rentalSizeForm .size-table td{
	vertical-align:middle;
}

#rentalSizeForm .size-table input,
#rentalSizeForm .size-table select{
	display:block;
	width:100%;
	height:44px;
	min-height:44px;
	margin:0 auto;
	padding:0 16px;
	border:1px solid #d1d5db;
	border-radius:12px;
	background-color:#fff;
	color:#111827;
	font-size:15px;
	font-weight:800;
	line-height:normal;
	box-sizing:border-box;
}

#rentalSizeForm .size-table select{
	padding:0 42px 0 16px;
	-webkit-appearance:none;
	appearance:none;
	background-image:linear-gradient(45deg,transparent 50%,#111827 50%),linear-gradient(135deg,#111827 50%,transparent 50%);
	background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
	background-size:6px 6px,6px 6px;
	background-repeat:no-repeat;
}

@media (max-width:900px){
	.size-page-intro{
		padding:54px 0 52px;
	}

	.size-page-intro-inner{
		width:min(100% - 40px,680px);
	}

	.size-hero{
		padding:52px 18px 34px;
	}

	.size-hero h1{
		font-size:30px;
	}

	.size-section{
		padding:24px 16px 56px;
	}

	.size-card{
		padding:22px 18px;
		border-radius:18px;
	}

	.lookup-form{
		grid-template-columns:1fr;
	}

	.size-card-head.row-head,
	.reservation-info-head{
		display:block;
	}

	.size-card-head.row-head .size-btn{
		margin-top:14px;
		width:100%;
	}

	.reservation-info-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	.size-guide-grid{
		grid-template-columns:1fr;
	}
}

@media (max-width:640px){
	.size-page-intro{
		padding:42px 0 44px;
	}

	.size-page-intro-inner{
		width:calc(100% - 32px);
	}

	.size-page-title-badge{
		font-size:10px;
	}

	.size-page-hero-statement{
		font-size:37px;
	}

	.size-page-hero-description{
		margin-top:18px;
		font-size:15px;
	}
}

@media (max-width:560px){
	.reservation-info-grid{
		grid-template-columns:1fr;
	}

	.size-btn-large{
		width:100%;
	}
}

/* 예약 조회 목록 */
.size-reservation-list-card{margin-top:24px}
.size-reservation-list{display:grid;gap:12px}

.size-reservation-item{
	display:grid;
	grid-template-columns:150px minmax(0,1fr) 190px;
	align-items:center;
	gap:18px;
	width:100%;
	padding:18px;
	border:1px solid #e4e7ec;
	border-radius:16px;
	background:#fff;
	color:#344054;
	text-align:left;
	cursor:pointer;
	transition:.18s;
}

.size-reservation-item:hover{
	border-color:#0e110f;
	background:#f8fafc;
	transform:translateY(-1px);
}

.size-reservation-date strong,
.size-reservation-detail>strong{
	display:block;
	color:#101828;
	font-size:15px;
}

.size-reservation-date span{
	display:block;
	margin-top:5px;
	color:#98a2b3;
	font-size:12px;
}

.size-reservation-detail p{
	margin:6px 0 0;
	color:#667085;
	font-size:12px;
	line-height:1.6;
}

.size-reservation-meta{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:9px;
}

.summary-chip{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	height:26px;
	padding:0 10px;
	border-radius:999px;
	background:#f2f4f7;
	color:#475467;
	font-size:12px;
	font-weight:800;
	line-height:1;
	white-space:nowrap;
}

.summary-chip.is-lift{background:#f2f4f7;color:#344054}
.summary-chip.is-lesson{background:#f4f3ff;color:#5925dc}
.summary-chip.is-price{background:#f8fafc;color:#101828}
.summary-chip.is-package{background:#fff1f3;color:#c01048}
.summary-chip.is-option{background:#fff6ed;color:#b93815}
.summary-chip.is-stay{background:#ecfdf3;color:#027a48}

.size-package-name{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:8px;
}

.size-package-name span{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 9px;
	border-radius:999px;
	background:#fff1f3;
	color:#c01048;
	font-size:11px;
	font-weight:900;
}

.size-package-name b{
	color:#101828;
	font-size:13px;
}

.size-reservation-action{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	flex-direction:column;
	gap:10px;
}

.reservation-status{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:76px;
	height:30px;
	padding:0 12px;
	border:0;
	border-radius:999px;
	background:#111827;
	color:#fff;
	font-size:12px;
	font-weight:900;
	line-height:1;
	white-space:nowrap;
}

.reservation-status.is-pending{background:#c8f31d;color:#0e110f}
.reservation-status.is-confirmed{background:#111827;color:#fff}
.reservation-status.is-finished{background:#6b7280;color:#fff}
.reservation-status.is-cancelled{background:#16a34a;color:#fff}
.reservation-status.is-noshow{background:#dc2626;color:#fff}

.size-reservation-open{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:150px;
	height:38px;
	padding:0 18px;
	border:0;
	border-radius:999px;
	background:#101828;
	color:#fff;
	font-size:13px;
	font-weight:900;
	cursor:pointer;
	transition:.18s;
}

.size-reservation-open:hover{
	background:#2a302c;
}

.reservation-summary-box{
	display:grid;
	gap:10px;
	margin-top:18px;
	padding-top:18px;
	border-top:1px solid #eef2f6;
}

.reservation-summary-row{
	display:grid;
	grid-template-columns:90px minmax(0,1fr);
	gap:12px;
	align-items:start;
}

.reservation-summary-row span{
	color:#98a2b3;
	font-size:13px;
	font-weight:800;
}

.reservation-summary-row strong{
	color:#344054;
	font-size:14px;
	font-weight:800;
	line-height:1.55;
	word-break:keep-all;
}

.size-fixed-count{
	display:inline-flex;
	align-items:center;
	height:38px;
	padding:0 14px;
	background:#f2f4f7;
	color:#344054;
	font-size:12px;
	font-weight:900;
	white-space:nowrap;
}

@media(max-width:767px){
	.size-reservation-item{
		grid-template-columns:1fr;
		gap:12px;
		padding:15px;
	}

	.size-reservation-date,
	.size-reservation-detail,
	.size-reservation-action{
		grid-column:1/-1;
	}

	.size-reservation-action{
		align-items:flex-start;
		width:100%;
	}

	.size-reservation-open{
		width:100%;
		min-width:0;
	}

	.summary-chip{
		max-width:100%;
		height:auto;
		min-height:25px;
		line-height:1.35;
		white-space:normal;
	}

	.reservation-summary-row{
		grid-template-columns:74px minmax(0,1fr);
		gap:8px;
	}
}

/* 예약 상세 및 사이즈 입력 */
/* 예약 목록은 방문일 / 핵심 예약정보 / 사이즈 작업의 3구역으로만 보여준다. */
#rentalSizeForm .size-reservation-list{display:grid;gap:24px}
#rentalSizeForm .size-reservation-item{
	display:grid;
	grid-template-columns:minmax(0,1fr) 220px;
	align-items:stretch;
	gap:0;
	width:100%;
	padding:0;
	overflow:hidden;
	border:1px solid #dce3ed;
	border-radius:20px;
	background:#fff;
	box-shadow:0 8px 24px rgba(16,24,40,.035);
	transition:border-color .18s,box-shadow .18s,transform .18s;
}
#rentalSizeForm .size-reservation-item:hover{
	border-color:#b8c7dc;
	background:#fff;
	box-shadow:0 12px 30px rgba(16,24,40,.07);
	transform:translateY(-1px);
}
#rentalSizeForm .size-reservation-item.is-size-pending{border-left:6px solid #0e110f}
#rentalSizeForm .size-reservation-date{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:row;
	grid-column:1/-1;
	min-height:0;
	padding:16px 28px;
	border-right:0;
	border-bottom:1px solid #dce3ed;
	background:#f4f7fb;
	text-align:left;
}
#rentalSizeForm .size-dday{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:58px;
	height:28px;
	margin:0 14px 0 0;
	padding:0 12px;
	border-radius:999px;
	background:var(--boss-black,#0e110f);
	color:var(--lime,#c8f31d);
	font-size:13px;
	font-weight:900;
	line-height:1;
}
#rentalSizeForm .size-reservation-date strong{
	display:block;
	color:#101828;
	font-size:18px;
	font-weight:900;
	letter-spacing:-.04em;
}
#rentalSizeForm .size-reservation-date span{
	display:block;
	margin:0 0 0 14px;
	padding-left:14px;
	border-left:1px solid #cbd5e1;
	color:#667085;
	font-size:14px;
	font-weight:800;
}
#rentalSizeForm .size-reservation-detail{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	min-width:0;
	padding:28px 30px;
}
#rentalSizeForm .size-reservation-code{
	display:block;
	margin-bottom:8px;
	color:#64748b;
	font-size:13px;
	font-weight:800;
}
#rentalSizeForm .size-reservation-kind-row{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 9px;
}
#rentalSizeForm .size-reservation-kind{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:25px;
	padding:4px 9px;
	border:1px solid #dce3ed;
	border-radius:6px;
	background:#fff;
	color:#475467;
	font-size:11px;
	font-weight:950;
	line-height:1;
}
#rentalSizeForm .size-reservation-kind.is-package{
	border-color:#0e110f;
	background:#0e110f;
	color:var(--lime,#c8f31d);
}
#rentalSizeForm .size-reservation-kind.is-direct{
	border-color:#cbd5e1;
	background:#f8fafc;
	color:#344054;
}
#rentalSizeForm .size-reservation-title{
	display:block;
	max-width:100%;
	color:#101828;
	font-size:20px;
	font-weight:900;
	line-height:1.35;
	letter-spacing:-.035em;
	word-break:keep-all;
}
#rentalSizeForm .size-package-meta{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:9px;
}
#rentalSizeForm .size-package-meta span{
	display:inline-flex;
	align-items:center;
	min-height:27px;
	padding:5px 9px;
	border-radius:7px;
	background:#eef1ec;
	color:#344054;
	font-size:12px;
	font-weight:900;
	line-height:1.25;
}
#rentalSizeForm .size-reservation-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#rentalSizeForm .summary-chip{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	min-height:30px;
	height:auto;
	padding:5px 11px;
	border:1px solid #dce3ed;
	border-radius:8px;
	background:#f8fafc;
	color:#475467;
	font-size:13px;
	font-weight:800;
	line-height:1.3;
	white-space:normal;
	word-break:keep-all;
}
#rentalSizeForm .size-items-toggle{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:14px;
	padding:0;
	border:0;
	background:transparent;
	color:#101828;
	font-size:13px;
	font-weight:900;
	cursor:pointer;
}
#rentalSizeForm .size-items-toggle::after{
	content:"";
	width:7px;
	height:7px;
	margin-top:-4px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	transition:transform .18s;
}
#rentalSizeForm .size-items-toggle[aria-expanded="true"]::after{
	margin-top:4px;
	transform:rotate(225deg);
}
#rentalSizeForm .size-all-items{
	width:100%;
	margin-top:12px;
	padding:12px 14px;
	border-radius:10px;
	background:#f8fafc;
	color:#475467;
	font-size:13px;
	font-weight:700;
	line-height:1.7;
}
#rentalSizeForm .size-all-items[hidden]{display:none}
#rentalSizeForm .size-reservation-action{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:0;
	padding:26px 24px;
	border-left:1px solid #e4e9f1;
	background:#fbfcfe;
}
#rentalSizeForm .size-reservation-open{
	min-width:150px;
	height:46px;
	border:1px solid #0e110f;
	border-radius:10px;
	background:#0e110f;
	color:#fff;
	font-size:14px;
}
#rentalSizeForm .size-reservation-open:hover{
	border-color:#2a302c;
	background:#2a302c;
	color:#fff;
}
#rentalSizeForm .size-reservation-open.is-done{
	border-color:#0e110f;
	background:#fff;
	color:#0e110f;
}
#rentalSizeForm .size-reservation-open.is-done:hover{
	background:#f3f4f1;
	color:#0e110f;
}

/* 사이즈 입력부: 윗줄은 이용자와 예약 품목 요약, 아랫줄은 입력 필드로 압축한다. */
#rentalSizeForm .size-table-wrap{
	overflow:visible;
	border:0;
	border-radius:0;
}

#rentalSizeForm .size-table{
	display:block;
	width:100%;
	min-width:0;
	border-collapse:separate;
	border-spacing:0;
}

#rentalSizeForm .size-table thead{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

#rentalSizeForm .size-table tbody{
	display:grid;
	width:100%;
	gap:10px;
}

#rentalSizeForm .size-table tbody tr{
	display:grid;
	grid-template-columns:minmax(150px,.85fr) 118px 118px 128px minmax(260px,2fr);
	gap:10px;
	align-items:end;
	padding:14px;
	border:1px solid #dce5f0;
	border-radius:16px;
	background:#fafbf9;
}

/* 패키지+단품 혼합 예약에서만 단품 이용자를 검정 외곽선으로 구분한다. */
#rentalSizeForm .size-table tbody tr.is-mixed-direct{
	border:2px solid #0e110f;
	background:#fff;
}

#rentalSizeForm .size-table td{
	display:flex;
	min-width:0;
	padding:0;
	border:0;
	text-align:left;
}

#rentalSizeForm .size-table td:nth-child(n){padding:0}

#rentalSizeForm .size-table td:not(.size-reserved-cell){
	grid-row:2;
	flex-direction:column;
	gap:0;
}

#rentalSizeForm .size-reserved-cell{
	grid-column:1/-1;
	grid-row:1;
	display:flex;
	align-items:center;
	gap:0;
	padding:0 0 10px !important;
	border-right:0;
	border-bottom:0;
}

#rentalSizeForm .size-person-index{
	display:flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
	flex:0 0 auto;
}

#rentalSizeForm .size-person-index strong{
	color:#101828;
	font-size:15px;
	font-weight:950;
	line-height:1.2;
}

#rentalSizeForm .size-person-index small{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 8px;
	border-radius:6px;
	background:#eef1ec;
	color:#64748b;
	font-size:11px;
	font-weight:900;
}

#rentalSizeForm .size-person-index .size-source-label.is-package{
	background:#eef1ec;
	color:#475467;
}

#rentalSizeForm .size-person-index .size-source-label.is-direct{
	background:#0e110f;
	color:#fff;
}

#rentalSizeForm .size-reserved-summary-line{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:6px 22px;
	margin-left:20px;
	padding-left:20px;
	border-left:2px solid #e1e7ef;
	min-width:0;
}

#rentalSizeForm .size-reserved-summary-item{
	display:inline-flex;
	align-items:baseline;
	gap:5px;
	min-width:0;
	font-style:normal;
}

#rentalSizeForm .size-reserved-summary-item em{
	color:#64748b;
	font-size:13px;
	font-weight:900;
	font-style:normal;
	white-space:nowrap;
}

#rentalSizeForm .size-reserved-summary-item strong{
	color:#0f172a;
	font-size:14px;
	font-weight:900;
	line-height:1.3;
	word-break:keep-all;
}

#rentalSizeForm .size-reserved-summary-item i{
	color:#94a3b8;
	font-style:normal;
}

#rentalSizeForm .size-table input,
#rentalSizeForm .size-table select{
	height:44px;
	min-height:44px;
	padding:0 12px;
	border-radius:10px;
	font-size:14px;
}

/* 예약 확인과 사이즈 입력은 하나의 연속된 작업 화면처럼 동일한 정보 위계로 구성한다. */
#rentalSizeForm .reservation-info-head,
#rentalSizeForm .size-input-card .row-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding-bottom:18px;
	border-bottom:2px solid #101828;
}
#rentalSizeForm .reservation-info-head h2,
#rentalSizeForm .size-input-card .row-head h2{
	margin:0;
	color:#101828;
	font-size:24px;
	font-weight:950;
	letter-spacing:-.045em;
}
#rentalSizeForm .reservation-info-head h2 span,
#rentalSizeForm .size-input-card .row-head h2 span{color:#101828}
#rentalSizeForm .reservation-info-head p,
#rentalSizeForm .size-input-card .row-head p{
	margin:5px 0 0;
	color:#64748b;
	font-size:14px;
	font-weight:700;
}
#rentalSizeForm .reservation-info-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:0;
	margin-top:26px;
	padding:20px 24px;
	border:1px solid #dce5f0;
	border-radius:14px;
	background:#f8fafc;
}
#rentalSizeForm .reservation-info-grid>div{padding:0 20px;border:0}
#rentalSizeForm .reservation-info-grid>div:first-child{padding-left:0}
#rentalSizeForm .reservation-info-grid>div:last-child{padding-right:0;border-right:0}
#rentalSizeForm .reservation-info-grid span{
	display:block;
	margin-bottom:5px;
	color:#64748b;
	font-size:12px;
	font-weight:900;
}
#rentalSizeForm .reservation-info-grid strong{
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:4px;
	color:#101828;
	font-size:15px;
	font-weight:950;
}
#rentalSizeForm .reservation-info-grid strong span{display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit}
#rentalSizeForm .reservation-info-grid strong small{font-size:13px;font-weight:850}
#rentalSizeForm .reservation-summary-box{
	display:grid;
	gap:0;
	margin-top:22px;
	padding:0;
	overflow:hidden;
	border:1px solid #dce5f0;
	border-radius:14px;
}
#rentalSizeForm .reservation-summary-row{
	display:grid;
	grid-template-columns:190px minmax(0,1fr);
	gap:18px;
	align-items:center;
	min-height:58px;
	padding:12px 24px;
	border-bottom:1px solid #e5eaf1;
}
#rentalSizeForm .reservation-summary-row:last-child{border-bottom:0}
#rentalSizeForm .reservation-summary-row>span{color:#64748b;font-size:13px;font-weight:900}
#rentalSizeForm .reservation-summary-row>strong{color:#101828;font-size:14px;font-weight:850;line-height:1.55}
#rentalSizeForm .reservation-total-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:22px;
	padding:20px 24px;
	border:1px solid #dbe9a0;
	border-radius:14px;
	background:#f5fbdc;
}
#rentalSizeForm .reservation-total-box strong{color:#101828;font-size:14px;font-weight:950}
#rentalSizeForm .reservation-total-box b{color:#0e110f;font-size:24px;font-weight:950;letter-spacing:-.04em}
#rentalSizeForm .size-converter-btn{
	width:auto !important;
	min-width:0 !important;
	height:34px !important;
	min-height:34px !important;
	padding:0 12px !important;
	border:1px solid #0e110f !important;
	background:#0e110f;
	color:#fff !important;
	font-size:12px !important;
	font-weight:750 !important;
	white-space:nowrap;
	cursor:pointer;
}
#rentalSizeForm .size-converter-btn:hover{
	border-color:#2a302c !important;
	background:#2a302c;
}
#rentalSizeForm .size-converter-btn svg{width:15px;height:15px}
#rentalSizeForm .size-row-tool-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	flex:0 0 auto;
}
#rentalSizeForm .size-input-card.is-input-closed .size-table tbody tr{background:#f8fafc;opacity:.78}
#rentalSizeForm .size-input-card.is-input-closed .size-notice{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
#rentalSizeForm .size-input-card.is-input-closed #btnSaveSize{
	border-color:#cbd5e1;
	background:#cbd5e1;
	color:#64748b;
	cursor:not-allowed;
}

#rentalSizeForm .size-table select:disabled,
#rentalSizeForm .size-table input:disabled{
	background:#f1f5f9;
	color:#94a3b8;
}

/* 상세 입력 단계에서는 선택한 예약만 보이고, 위쪽 버튼으로 목록에 복귀합니다. */
#rentalSizeForm .size-detail-toolbar{
	display:flex;
	align-items:center;
	margin:0 0 16px;
}

#rentalSizeForm .size-back-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:44px;
	padding:0 17px;
	border:1px solid #0e110f;
	border-radius:10px;
	background:#fff;
	color:#0e110f;
	font-size:14px;
	font-weight:900;
	cursor:pointer;
}

#rentalSizeForm .size-back-btn:hover{
	background:#f3f4f1;
}

#rentalSizeForm .size-back-btn svg{
	width:18px;
	height:18px;
	stroke-width:2.5;
}

@media(max-width:900px){
	#rentalSizeForm .size-table tbody tr{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:10px;
		padding:13px;
	}

	#rentalSizeForm .size-table td:not(.size-reserved-cell){
		grid-row:auto;
	}

	#rentalSizeForm .size-reserved-cell{
		grid-column:1/-1;
		align-items:flex-start;
		flex-direction:column;
		padding:0 0 10px !important;
		border-right:0;
		border-bottom:0;
	}

	#rentalSizeForm .size-reserved-summary-line{
		width:100%;
		margin:9px 0 0;
		padding:9px 0 0;
		border-top:1px solid #dce5f0;
		border-left:0;
	}

	#rentalSizeForm .size-request-cell{
		grid-column:1/-1;
	}
}

@media(max-width:767px){
	#rentalSizeForm .reservation-info-head,
	#rentalSizeForm .size-input-card .row-head{
		display:block;
	}
	#rentalSizeForm .reservation-info-head h2,
	#rentalSizeForm .size-input-card .row-head h2{font-size:20px}
	#rentalSizeForm .info-badge{margin-top:12px}
	#rentalSizeForm .size-row-tool-actions{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		width:100%;
		margin-top:16px;
	}
	#rentalSizeForm .size-fixed-count{
		justify-content:center;
		width:100%;
		height:42px;
	}
	#rentalSizeForm .size-converter-btn{
		width:100% !important;
		height:42px !important;
	}
	#rentalSizeForm .reservation-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px}
	#rentalSizeForm .reservation-info-grid>div{padding:14px 8px;border-right:0;border-bottom:1px solid #e2e8f0}
	#rentalSizeForm .reservation-info-grid>div:nth-last-child(-n+2){border-bottom:0}
	#rentalSizeForm .reservation-summary-row{grid-template-columns:105px minmax(0,1fr);min-height:52px;padding:11px 14px}
	#rentalSizeForm .reservation-total-box{padding:16px}
	#rentalSizeForm .reservation-total-box b{font-size:20px}
	#rentalSizeForm .size-reservation-item{grid-template-columns:1fr;gap:0}
	#rentalSizeForm .size-reservation-date,
	#rentalSizeForm .size-reservation-detail,
	#rentalSizeForm .size-reservation-action{grid-column:1/-1}
	#rentalSizeForm .size-reservation-date{
		min-height:0;
		padding:15px 18px;
		border-right:0;
		border-bottom:1px solid #dce3ed;
	}
	#rentalSizeForm .size-reservation-detail{padding:22px 20px}
	#rentalSizeForm .size-reservation-action{
		align-items:stretch;
		width:100%;
		padding:18px 20px 20px;
		border-top:1px solid #e4e9f1;
		border-left:0;
	}
	#rentalSizeForm .size-table{
		min-width:0;
	}
}

@media(max-width:560px){
	#rentalSizeForm .size-reservation-date{
		flex-wrap:wrap;
		row-gap:8px;
	}

	#rentalSizeForm .size-reservation-date span{
		margin-left:10px;
		padding-left:10px;
	}

	#rentalSizeForm .size-reserved-cell,
	#rentalSizeForm .size-request-cell{
		grid-column:1/-1;
	}

	#rentalSizeForm .size-back-btn{
		width:100%;
	}
}

/* 32차: 종목·장비 등급별 그룹 안에 이용자 입력행을 배치한다. */
#rentalSizeForm .size-table{
	display:grid;
	width:100%;
	min-width:0;
	gap:14px;
}

#rentalSizeForm .size-table .size-equipment-group{
	display:grid;
	width:100%;
	gap:0;
	overflow:hidden;
	border:1px solid #d8e0ea;
	border-radius:16px;
	background:#fff;
}

#rentalSizeForm .size-equipment-group .size-group-head{
	display:block;
	padding:0;
	border:0;
	border-radius:0;
	background:#0e110f;
}

#rentalSizeForm .size-equipment-group .size-group-head th{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	width:100%;
	height:auto;
	min-height:52px;
	padding:10px 16px;
	border:0;
	background:transparent;
	color:#fff;
	text-align:left;
}

#rentalSizeForm .size-group-title{
	dis:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}

#rentalSizeForm .size-group-title strong{
	flex:0 0 auto;
	color:#d9f153;
	font-size:17px;
	font-weight:950;
	letter-spacing:-.03em;
}

#rentalSizeForm .size-group-title span{
	min-width:0;
	overflow:hidden;
	color:#fff;
	font-size:14px;
	font-weight:850;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#rentalSizeForm .size-group-head small{
	dis:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-width:38px;
	height:26px;
	padding:0 9px;
	border:1px solid rgba(255,255,255,.22);
	border-radius:999px;
	background:rgba(255,255,255,.1);
	color:#fff;
	font-size:12px;
	font-weight:900;
}

#rentalSizeForm .size-equipment-group tr.size-user-row{
	dis:grid;
	grid-template-columns:minmax(190px,1.2fr) 118px 118px 128px 132px minmax(220px,1.8fr);
	gap:10px;
	align-items:center;
	padding:12px 14px;
	border:0;
	border-radius:0;
	background:#fff;
}

#rentalSizeForm .size-equipment-group tr.size-user-row + tr.size-user-row{
	border-top:1px solid #e8edf3;
}

/* 혼합 예약의 단품은 외곽선 대신 검정 배지로만 구분한다. */
#rentalSizeForm .size-equipment-group tr.size-user-row.is-mixed-direct{
	border-right:0;
	border-bottom:0;
	border-left:0;
	background:#fff;
}

#rentalSizeForm .size-table .size-equipment-group td{
	dis:flex;
	grid-row:auto;
	min-width:0;
	padding:0;
	border:0;
	text-align:left;
}

#rentalSizeForm .size-equipment-group .size-reserved-cell{
	grid-column:auto;
	grid-row:auto;
	align-items:center;
	padding:0 !important;
}

#rentalSizeForm .size-equipment-group .size-person-index{
	dis:flex;
	align-items:flex-start;
	flex-direction:column;
	gap:6px;
	min-width:0;
	white-space:normal;
}

#rentalSizeForm .size-equipment-group .size-person-index strong{
	font-size:14px;
}

#rentalSizeForm .size-equipment-group .size-person-index small{
	dis:block;
	max-width:100%;
	height:auto;
	min-height:22px;
	padding:4px 8px;
	overflow:hidden;
	line-height:1.25;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#rentalSizeForm .size-equipment-group .size-person-index .size-source-label.is-package{
	background:#eef1ec;
	color:#475467;
}

#rentalSizeForm .size-equipment-group .size-person-index .size-source-label.is-direct{
	background:#0e110f;
	color:#fff;
}

#rentalSizeForm .size-equipment-group .hand-type:disabled{
	opacity:1;
	background:#f1f5f9;
	color:#64748b;
}

#rentalSizeForm .size-equipment-group.is-board .hand-type:required:invalid{
	border-color:#0e110f;
}

@media(max-width:1080px){
	#rentalSizeForm .size-equipment-group tr.size-user-row{
		grid-template-columns:minmax(170px,1.2fr) repeat(4,minmax(105px,.8fr));
	}

	#rentalSizeForm .size-equipment-group .size-request-cell{
		grid-column:1/-1;
	}
}

@media(max-width:767px){
	#rentalSizeForm .size-equipment-group tr.size-user-row{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:10px;
		padding:13px;
	}

	#rentalSizeForm .size-equipment-group .size-reserved-cell,
	#rentalSizeForm .size-equipment-group .size-request-cell{
		grid-column:1/-1;
	}

	#rentalSizeForm .size-equipment-group .size-reserved-cell{
		padding-bottom:2px !important;
	}

	#rentalSizeForm .size-equipment-group .size-person-index{
		align-items:center;
		flex-direction:row;
	}
}

@media(max-width:430px){
	#rentalSizeForm .size-equipment-group .size-group-head th{
		min-height:48px;
		padding:9px 13px;
	}

	#rentalSizeForm .size-group-title{
		gap:7px;
	}

	#rentalSizeForm .size-group-title strong{
		font-size:16px;
	}
}