/* «명함» 종류별 첫 화면(card/namecard_start.php) — 공통 틀 A·B (2026-10-27 대표님 17476 · 위계 설계 명함_공통틀_위계_설계_20261027.png)
 * 셀프 연하장 첫 화면 CSS(newyear-self-start.css)를 그대로 쓰고, 여기는 칸 나눔만 더한다. 글씨·색·둥근 정도·간격 숫자는 적지 않는다 —
 * 편집기 패널 부품(.ed-panel-tabs · .ed-panel-tab · data-selection)·셀프 연하장 부품(.nys-way · .nys-card · .nys-check__seg)·
 * 토큰(--fb-gap_* · --ed-panel-space-* · --fb-font_size_* · --ed-type-*)만 쓴다(docs/DESIGN_GRAIN_GUIDE.md · 결 시험 card/tools/design_grain/namecard_start.json).
 * 위계: 1단계 결정(세 갈래 / B 크기 칩) > 2단계 결정(B 세 갈래) > 걸러 보기(가로/세로 두 칸 단추) > 목록 > 설명 — 이웃 단계는 크기·굵기·테두리 중 둘 이상 다르게. */

/* 숨긴 칸은 숨긴다(격자·패널 규칙이 display 를 덮어도) */
.ncs [hidden] { display: none !important; }
.ncs .ncs-gap { margin-top: var(--fb-gap_xl); }
.ncs .ncs-note { margin: var(--ed-panel-space-2) 0 0; }

/* 사양 한 줄(글자) + [사양 바꾸기] 글자 단추 */
.ncs .ncs-spec { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--ed-panel-space-1) var(--ed-panel-space-3); }
.ncs .ncs-spec a { color: var(--nys-ink); font-weight: var(--ed-type-weight-semibold); text-decoration: underline; text-underline-offset: 3px; }

/* 디자인 제목 줄 — «디자인 N개» + 걸러 보기 두 칸 단추(셀프 연하장 .nys-check__seg · 카드 모양 아이콘 · 세 갈래보다 작게) */
.ncs .ncs-grid-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ed-panel-space-3); margin: 0 0 var(--fb-gap_sm); }
.ncs .ncs-grid-head .nys-grid-title { margin: 0; }
.ncs .ncs-count { color: var(--ed-inspector-muted); font-weight: var(--ed-type-weight-regular); }

/* 명함 디자인 그림 — 회색 칸 안 여백 두고 가운데(명함 전체가 보여야 · 잘리면 다른 디자인) · 카드 이름은 한 줄 */
.ncs .nys-card__media { display: flex; align-items: center; justify-content: center; padding: var(--ed-panel-space-4); box-sizing: border-box; }
.ncs .nys-card__media img { width: 100%; height: 100%; object-fit: contain; }
.ncs .nys-card__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 라운드 명함 — 썸네일도 상품 모양 그대로(모서리 둥글게 · 편집기 컨트롤 둥근 정도 토큰) */
/*   (2026-10-30 대표님 «모서리 라운드를 골라도 썸네일이 네모») 종전엔 그림 상자(object-fit: contain — 명함보다 큼)의 모서리만 둥글어 보이는 명함은 네모였다.
 *   라운드면 그림 상자를 명함 크기로 줄이고, 둥근 정도는 실제 칼(라운드 R ÷ 명함 가로·세로 — 서버 --ncs-corner-x·y)대로. 후가공 명함 «모양 → 모서리 라운드»도 같은 모양(ncs--corner-round). */
.ncs.ncs--corner-round [data-ncs-grid] .nys-card__media img { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: var(--ncs-corner-x) / var(--ncs-corner-y); }
.ncs.ncs--corner-round [data-ncs-grid] li[data-ncs-orient-item="portrait"] .nys-card__media img { border-radius: var(--ncs-corner-y) / var(--ncs-corner-x); }
.ncs .ncs-sentinel { height: 1px; }
/* (2026-10-30 대표님 «인쇄 수량 칸과 딱 붙어 있다») 주문 옵션 «AI로 디자인하기» 줄 위 간격 = 다른 칸 사이와 같은 단계(편집기 패널 토큰 · 편집기도 같은 값) */
body.ncs .ed-order-aside .ed-order-aside-scroll > .ed-order-edit-group.ncs-ai-group { margin-top: var(--ed-panel-space-6) !important; }   /* 편집기 공용 묶음 규칙(margin 0 !important)보다 세게 */

.ncs .ncs-amount { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ed-panel-space-3); margin-top: var(--fb-gap_xl); padding-top: var(--fb-gap_xl); border-top: 1px solid var(--ed-inspector-line-soft); }
.ncs .ncs-amount__label { display: block; margin: 0; min-height: 0; }
.ncs .ncs-amount__v { display: block; font-size: var(--fb-font_size_h2); font-weight: var(--fb-font_weight_semibold); color: var(--nys-ink); }
.ncs .ncs-amount .nys-check__seg button { padding: 0 var(--ed-panel-space-4); }

/* 옵셋독판 — 견적 요약 오른쪽 고정(PC) · 템플릿 왼쪽 */
.ncs .ncs-offset { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: var(--fb-gap_xl); align-items: start; }
.ncs .ncs-offset__panel { order: 2; position: sticky; top: 0; }
.ncs .ncs-offset__main { order: 1; min-width: 0; }
.ncs .ncs-go { display: flex; align-items: center; justify-content: center; text-decoration: none; margin-top: var(--fb-gap_sm); }

@media (max-width: 767px) {
	.ncs .ncs-offset { grid-template-columns: minmax(0, 1fr); }
	.ncs .ncs-offset__panel { order: 0; position: static; }
}

/* 옵셋독판 견적 요약 상자(1단계 결정 칸 · 테두리 상자) */
.ncs .ncs-quote { border: 1px solid var(--ed-inspector-line-soft); border-radius: var(--ed-inspector-radius); padding: var(--fb-gap_xl); }
.ncs .ncs-quote .nys-grid-title { margin-top: var(--fb-gap_sm); }
.ncs .ncs-amount-acts { grid-auto-columns: auto; gap: var(--ed-panel-space-2); }
/* (10-27 대표님 «형압이 들어간 디자인들을 쭉 보여 줘야지») B 목록 위 한 줄 — 가공 모습은 미리보기라는 말(설명 단계) */
.ncs .ncs-paint-note { margin: 0 0 var(--fb-gap_sm); }
/* «내 파일로 주문» 창(B) — 디자인 전체 파일 길은 글자 단추(왼쪽 맞춤) */
.ncs [data-ncs-file-sheet] .nys-check__again { margin: var(--ed-panel-space-1) 0 0; padding: 0; }
/* (2026-10-28 대표님 17610 «후가공·자유형도 옵셋독판처럼 오른쪽 견적 패널 · [자세히]») — 옵셋독판 칸 나눔(.ncs-offset)을 같이 쓰고 패널 안만 더한다.
 *   가공 크기 칩 = 사양 모달 칩과 같은 부품(.ed-panel-tabs) · 금액 줄 = 엔진이 낸 줄(이름·세부 · 금액) · 글씨는 모두 md(손님 최소 14) 이상. */
.ncs .ncs-quote .ncs-spec { margin-top: var(--fb-gap_sm); }
.ncs .ncs-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ed-panel-space-2); }
.ncs .ncs-chips .ed-panel-tab { min-height: 0; padding: var(--ed-panel-space-2) var(--ed-panel-space-3); font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); cursor: pointer; }
.ncs .ncs-quote .ncs-amount { justify-content: space-between; }
.ncs .ncs-quote .ncs-more { margin: 0; padding: 0; font-size: var(--fb-font_size_md); }
.ncs .ncs-lines { list-style: none; margin: var(--ed-panel-space-3) 0 0; padding: 0; display: grid; gap: var(--ed-panel-space-3); }
.ncs .ncs-lines li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--ed-panel-space-3); font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); color: var(--nys-ink); }
.ncs .ncs-lines small { display: block; font-size: var(--fb-font_size_md); color: var(--ed-inspector-muted); }
.ncs .ncs-line__amount { flex: 0 0 auto; font-weight: var(--ed-type-weight-semibold); }
.ncs .ncs-quote .ncs-amount-acts { margin-top: var(--fb-gap_sm); }
/* (2026-10-28 김 부장 · 대표님 10-27 «형압 들어간 디자인들을 쭉 보여 줘야지») 폰 — 견적 패널은 첫 화면에서 빼고 아래에 붙는 한 줄(예상 금액 · 기준 ⌃)만.
 *   누르면 같은 패널이 아래 시트(셀프 연하장 .nys-sheet 폰 모양과 같은 위 둥근 판)로 열린다. 순서 = 제목 → 세 갈래 → 디자인 목록. PC 는 오른쪽 패널 그대로. */
.ncs .ncs-qbar, .ncs .ncs-qsheet-close, .ncs .ncs-qsheet-backdrop { display: none; }
@media (max-width: 767px) {
	.ncs .ncs-offset__panel[data-ncs-qpanel] { display: none; }
	.ncs .ncs-offset__panel[data-ncs-qpanel].is-sheet-open {
		display: block; position: fixed; top: auto; left: 0; right: 0; bottom: 0; z-index: 1001; max-height: 86vh;   /* top: auto — PC 패널의 sticky top:0 이 남아 시트가 위에 붙었다 */ overflow-y: auto; box-sizing: border-box;
		margin: 0; background: var(--nys-surface); border: 0; border-radius: var(--ed-inspector-radius) var(--ed-inspector-radius) 0 0;
		padding: var(--fb-gap_xl) var(--fb-gap_xl) calc(var(--fb-gap_xl) + env(safe-area-inset-bottom, 0px));
	}
	.ncs .ncs-offset__panel[data-ncs-qpanel].is-sheet-open .ncs-qsheet-close { display: inline-flex; position: absolute; top: var(--fb-gap_sm); right: var(--fb-gap_sm); }
	.ncs .ncs-qsheet-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(24, 24, 23, .42); }
	.ncs .ncs-qbar {
		display: flex; align-items: center; justify-content: space-between; gap: var(--ed-panel-space-3);
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; box-sizing: border-box; width: 100%;
		padding: var(--ed-panel-space-3) var(--fb-gap_xl) calc(var(--ed-panel-space-3) + env(safe-area-inset-bottom, 0px));
		background: var(--nys-surface); border: 0; border-top: 1px solid var(--ed-inspector-line-soft); color: var(--nys-ink); text-align: left; cursor: pointer;
	}
	.ncs .ncs-qbar__text { display: flex; flex-direction: column; gap: var(--ed-panel-space-1); min-width: 0; }
	.ncs .ncs-qbar__text b { font-size: var(--ed-type-lg-size); font-weight: var(--ed-type-weight-semibold); }
	.ncs .ncs-qbar__text span { font-size: var(--fb-font_size_md); color: var(--ed-inspector-muted); }
	.ncs .ncs-qbar__up { flex: 0 0 auto; width: var(--ed-panel-space-5); height: var(--ed-panel-space-5); }
	/* 한 줄이 디자인 목록 끝을 가리지 않게 */
	.ncs.ncs--type-a .nys-panel, .ncs.ncs--type-b .nys-panel, .ncs.ncs--type-free .nys-panel { padding-bottom: calc(var(--fb-gap_xl) * 4); }
}
html.ncs-qsheet-lock, html.ncs-qsheet-lock body { overflow: hidden; }
/* (2026-10-28 대표님 «사양 바꾸기를 가운데 모달 말고 오른쪽 패널에서 · 후가공 명함처럼») 패널 안 고르는 칸 — 수량(세 칸)·인쇄 면(두 칸)은 가공 크기 칩과 같은 부품(.ed-panel-tabs),
 *   종이는 «고른 종이 한 줄 ›»(명함 디자인 의뢰 .dr-self-pick-row 와 같은 짜임: 사진 · 이름 · 한 줄 설명 · ›) → 사진 안내 모달(common/product-guide-dialog.css 껍데기). */
.ncs .ncs-chips--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ncs .ncs-pick { display: flex; width: 100%; align-items: center; gap: var(--ed-panel-space-3); padding: var(--ed-panel-space-2) var(--ed-panel-space-3); box-sizing: border-box;
	border: 1px solid var(--ed-inspector-line-soft); border-radius: var(--ed-inspector-control-radius); background: var(--nys-surface); color: var(--nys-ink); font: inherit; text-align: left; }
button.ncs-pick { cursor: pointer; }
.ncs button.ncs-pick:hover { border-color: var(--nys-ink); }
.ncs button.ncs-pick:focus-visible { outline: 2px solid var(--nys-ink); outline-offset: 2px; }
.ncs .ncs-pick__photo { flex: 0 0 auto; width: var(--ed-inspector-action-md); height: var(--ed-inspector-action-md); overflow: hidden; border-radius: var(--ed-inspector-control-radius); background: var(--nys-tile); }
.ncs .ncs-pick__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ncs .ncs-pick__text { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: var(--ed-panel-space-1); }
.ncs .ncs-pick__value { font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); font-weight: var(--ed-type-weight-semibold); }
.ncs .ncs-pick__desc { font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); color: var(--ed-inspector-muted); }
.ncs .ncs-pick__chevron { flex: 0 0 auto; width: var(--ed-panel-space-5); height: var(--ed-panel-space-5); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* 종이 사진 안내 모달 안 — 의뢰 화면 고르기 판과 같은 짜임(PC 세 칸 · 폰 두 칸 · 칸 = 정사각 사진 + 이름 + 한 줄 설명 · 고른 칸 = 진한 테두리) */
.ncs .ncs-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--fb-gap_sm); align-items: start; }   /* 사진 없는 종이 칸이 옆 칸 높이로 늘어 빈 상자가 되지 않게 */
.ncs .ncs-guide__card { display: flex; flex-direction: column; align-items: stretch; gap: var(--ed-panel-space-2); margin: 0; padding: var(--fb-gap_sm) var(--fb-gap_sm) var(--fb-gap_xl);
	border: 1px solid var(--ed-inspector-line-soft); border-radius: var(--ed-inspector-radius); background: var(--nys-surface); color: var(--nys-ink); font: inherit; text-align: left; cursor: pointer; }
.ncs .ncs-guide__card:hover { border-color: var(--nys-ink); }
.ncs .ncs-guide__card[aria-pressed="true"] { border-color: var(--nys-ink); box-shadow: 0 0 0 1px var(--nys-ink); }
.ncs .ncs-guide__card:focus-visible { outline: 2px solid var(--nys-ink); outline-offset: 2px; }
.ncs .ncs-guide__photo { display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--ed-inspector-control-radius); background: var(--nys-tile); }
.ncs .ncs-guide__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ncs .ncs-guide__name { font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); font-weight: var(--ed-type-weight-semibold); }
.ncs .ncs-guide__card small { font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); color: var(--ed-inspector-muted); }
/* 후가공 모달 — 머리 안내 한 줄 · 지금 모양에서 못 하는 가공은 흐리게 + 까닭(눌러도 아무 일 없음) */
.ncs .ncs-guide__lead { margin: 0 0 var(--fb-gap_sm); }
.ncs .ncs-guide__card:disabled { cursor: default; opacity: .58; }
.ncs .ncs-guide__card:disabled:hover { border-color: var(--ed-inspector-line-soft); }
.ncs .ncs-guide__card small.ncs-guide__why { color: var(--nys-ink); }
@media (max-width: 767px) {
	.ncs .ncs-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* PC — 패널이 화면보다 길면(후가공: 수량·종이·인쇄 면·가공 크기) 고르는 칸만 패널 안에서 밀리고, 금액·[자세히]·[견적서 출력]은 늘 패널 아래에 보인다.
 *   패널 높이 한도(--ncs-panel-max)는 숫자를 적지 않고 화면이 잰 값(스크롤 칸 보이는 높이 · namecard-start.js fitPanel). */
@media (min-width: 768px) {
	.ncs .ncs-offset__panel[data-ncs-qpanel] { display: flex; flex-direction: column; max-height: var(--ncs-panel-max, none); box-sizing: border-box; }
	.ncs .ncs-quote__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
	.ncs .ncs-quote__foot { flex: 0 0 auto; }
}
/* 줄바꿈 — 패널·종이 안내의 한국어 문장은 낱말 사이에서만 꺾는다(«보여 / 요» · «보입니 / 다» 처럼 한 글자가 다음 줄로 떨어지지 않게) */
.ncs .ncs-quote .ncs-note, .ncs .ncs-pick__desc, .ncs .ncs-guide__card small, .ncs .ncs-lines small { word-break: keep-all; overflow-wrap: anywhere; }
/* (10-28 김 부장 «금박 크기 칩이 안 보인다») PC 1440×900 에서 패널 안 고르는 칸이 가공 크기까지 한 화면에 들어오게 — 칸 사이(한 단계 작은 토큰) ·
 *   종이 설명 한 줄(…) · 가공 크기 네 칸 한 줄 · 금액 위 여백. 그래도 화면이 낮아 넘치면 아래가 흐려져 «더 있음»을 보인다(namecard-start.js syncMore). */
.ncs .ncs-quote__body .ncs-gap { margin-top: var(--ed-panel-space-4); }
.ncs .ncs-quote__body > .nys-check__label:first-child { margin-top: var(--ed-panel-space-2); }
.ncs .ncs-pick__desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ncs .ncs-chips--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ncs .ncs-chips--4 .ed-panel-tab { padding-left: var(--ed-panel-space-1); padding-right: var(--ed-panel-space-1); }
.ncs .ncs-quote .ncs-amount { margin-top: var(--ed-panel-space-4); padding-top: var(--ed-panel-space-4); }
@media (min-width: 768px) {
	.ncs .ncs-quote__body.is-more { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--fb-gap_xl)), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - var(--fb-gap_xl)), transparent); }
}
/* (2026-10-29 대표님 «견적이 아니라 … 가로형 세로형 · 수량은 셀렉트 · 종이 · 우측 패널에서 후가공도 다 선택 · 옵셋이냐 디지털이냐») 패널 = 명함 사양 고르기.
 *   (11:24 대표님 19661 «회색 바탕에 라인으로 들어가 있는 게 별로 · 셀렉트 바 식으로») 방향 · 수량 · 인쇄 방식 · 인쇄 면 · 모양 · 가공 크기 = 공용 셀렉트(.bj-form-select) ·
 *   종이 · 후가공 = 고른 결과 한 줄 ›(.ncs-pick) → 사진 안내 모달. 못 고르는 값은 셀렉트 안에서 흐리게(disabled), 까닭은 칸 아래 설명 한 줄(.ncs-why · 설명 단계 글). */
.ncs .ncs-select { display: block; }
.ncs .ncs-why { margin: var(--ed-panel-space-1) 0 0; word-break: keep-all; overflow-wrap: anywhere; }
/* (10-29) 사양 칸이 여덟 줄이라 — 이름은 왼쪽, 고르는 칸은 오른쪽 한 줄(편집기 주문 패널 «이름 · 값» 줄과 같은 짜임)로 PC 1440×900 한 화면에 후가공·가공 크기까지.
 *   가공 크기는 후가공에 딸린 칸이라 이름을 위에 두고 칸을 패널 폭 가득. 까닭 한 줄은 고르는 칸 아래(오른쪽 열). PC 는 패널을 조금 넓힌다(디자인 목록 5 : 패널 2). */
.ncs .ncs-quote__body { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--fb-gap_sm); row-gap: var(--ed-panel-space-2); align-items: center; }
.ncs .ncs-quote__body > .nys-check__label, .ncs .ncs-quote__body > .nys-check__label:first-child { grid-column: 1; margin: 0; min-height: 0; }
.ncs .ncs-quote__body > :not(.nys-check__label) { grid-column: 2; min-width: 0; }
.ncs .ncs-quote__body > .ncs-why { margin: 0; }
@media (min-width: 768px) {
	/* (10-29 대표님 «창이 넓어지면 너무 넓지 않냐») 패널은 편집기 «주문 옵션» 판과 같은 폭(--ed-w-order-aside · editor-panel-balance.css) — 넓은 창에서 늘어나지 않고 남는 폭은 디자인 목록이 가져가 한 줄에 칸이 더 든다 */
	.ncs:not(.ncs--type-offset) .ncs-offset { grid-template-columns: minmax(0, 1fr) var(--ed-w-order-aside); }
}
/* 금액 아래 안내 한 줄은 [자세히]를 열었을 때만(금액 줄과 함께) — 고르는 칸이 한 화면에 들어오게 · 제목 위 여백 없음 */
.ncs .ncs-quote .ncs-lines[hidden] + .ncs-note { display: none; }
.ncs .ncs-quote[data-ncs-qpanel] > .nys-grid-title { margin-top: 0; }
.ncs .ncs-fixed { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--ed-panel-space-2); margin: 0; font-size: var(--fb-font_size_md); line-height: var(--ed-type-md-line); color: var(--nys-ink); }
.ncs .ncs-fixed b { font-weight: var(--ed-type-weight-semibold); }
.ncs .ncs-fixed .nys-check__how { margin: 0; min-height: 0; word-break: keep-all; }
/* (2026-10-29 대표님 19664 «이렇게 에디터처럼 하면 되잖아» · 19698 · 19702) 오른쪽 패널 = 편집기 «주문 옵션» 패널(#orderAside — 안쪽 카드·줄·두 칸 단추·셀렉트·금액 내역은
 *   편집기 CSS 가 그대로 입힌다). 여기서는 자리만: 편집기에선 화면 오른쪽에 붙는 고정 판이라 첫 화면 오른쪽 칸(PC)·아래 시트(폰 · 편집기 주문 시트 모양)로 옮긴다.
 *   모달 = 편집기 «제작 사양 변경»(.ed-modal · .ed-factoryb-production-dialog) 그대로. 숫자를 새로 적지 않는다. */
@media (min-width: 768px) {
	body.ncs #orderAside.ed-order-aside.ed-order-ia-v3[data-ncs-qpanel] {
		position: sticky !important; top: 0 !important; right: auto !important; bottom: auto !important; left: auto !important;
		width: auto !important; height: var(--ncs-panel-max, auto) !important; max-height: var(--ncs-panel-max, none);
		z-index: auto; transition: none; box-shadow: none; overflow: hidden;
		border: 1px solid var(--ed-op-line) !important; border-radius: var(--ed-inspector-radius) !important; box-shadow: none !important;   /* 선 = 편집기 안쪽 카드와 같은 색(--ed-op-line) · 편집기 판 왼쪽 그림자 뺌 */   /* 편집기 판은 겉 테두리를 지운다(화면 끝에 붙는 판) — 첫 화면은 상자라 네 모서리를 되살린다 */
	}
	/* 편집기 바닥 그림자·흐림은 화면 끝 판용 — 상자 안에선 위 선만. (10-31 대표님 23007 «테두리가 금액 칸에서 끊겨») 흐림(backdrop-filter)이 상자 둥근 잘림 밖으로 번져 아래 두 모서리 선을 덮었다 */
	body.ncs #orderAside.ed-order-aside[data-ncs-qpanel] .ed-order-aside-footer { box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
	body.ncs #orderAside[data-ncs-qpanel] .ed-order-aside-close { display: none; }
}
@media (max-width: 767px) {
	body.ncs #orderAside.ed-order-aside[data-ncs-qpanel]:not(.is-sheet-open) { display: none !important; }
	body.ncs #orderAside.ed-order-aside[data-ncs-qpanel].is-sheet-open { display: flex !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; z-index: 1001; padding: 0; overflow: hidden; }
}
body.ncs #orderAside[data-ncs-qpanel] .ncs-note { margin: 0; }
/* 가공 크기 — 모양 줄과 같은 안쪽 칸(편집기 .ed-factoryb-corner-switch)에 인쇄 수량과 같은 셀렉트(.ed-namecard-uniform-quantity)를 한 줄 가득 */
body.ncs #orderAside[data-ncs-qpanel] [data-ncs-size] > .ed-namecard-uniform-quantity { grid-column: 1 / -1; margin-top: 0; }
/* 바닥 단추 — 편집기는 두 칸(장바구니 담기 · 주문하기) · 첫 화면은 [견적서 출력] 하나라 한 줄 가득 */
body.ncs #orderAside[data-ncs-qpanel] .ed-order-actions { grid-template-columns: minmax(0, 1fr) !important; }
body.ncs #orderAside[data-ncs-qpanel] .ed-order-actions > .ed-order-btn { width: 100%; }
/* (10-29 대표님 «스크롤 막대 때문에 둥근 모서리가 잘려 · 바닥이 상자 밖으로») 편집기 주문 패널과 같은 처리 — 안쪽 내용 스크롤만, 막대는 숨기고(편집기 order-panel-v2.css
 *   ed-order-open 판 scrollbar-width:none) 바닥은 넘치지 않게(editor-panel-balance.css «footer overflow-y:hidden»). 바깥 상자 둥근 모서리는 상자가 잘라 준다. */
body.ncs #orderAside[data-ncs-qpanel] .ed-order-aside-scroll { scrollbar-width: none; }
body.ncs #orderAside[data-ncs-qpanel] .ed-order-aside-scroll::-webkit-scrollbar { display: none; }
body.ncs #orderAside[data-ncs-qpanel] .ed-order-aside-footer { overflow-y: hidden; }
body.ncs #orderAside[data-ncs-qpanel] .ncs-note:empty { display: none; }


/* (11-01 검수 16·18번) 왼쪽 메뉴·패널 작은 말 13px 이상 · 폰에서 긴 이름은 두 줄 */
.ncs .ed-sidebar .ed-side-tab span, .ncs .ed-side-tab span, .ncs .ed-restrict-action, .ncs .ed-factoryb-production-row-label { font-size: var(--ed-type-body-size, 13px); }
@media (max-width: 767px) { .ncs .nys-card__name { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } }