/* ⚠️ 페이지가 참조하는 배포본은 이 파일이 아니라 *.min.css — 수정 후 반드시 `python3 tools/minify.py` 로 재생성해 함께 커밋할 것 */
/* [V2 공통 알림 스킨] md-notify.css
 * SweetAlert2 v11 대화상자 + Notyf 토스트를 모두입찰 톤(레드 #ca1111)에 맞춘다.
 * head_v2 / screen/sv2_head / *_test 뷰가 공통으로 참조한다(스타일 중복 제거).
 */

/* ── 대화상자 ─────────────────────────────────────────── */
.md-swal{border-radius:14px !important;font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif !important;
	box-shadow:0 18px 48px rgba(20,30,50,.22) !important}
.md-swal .swal2-title{font-size:17px !important;font-weight:800 !important;color:#243043 !important;padding-top:4px !important}
/* 기존 confirm/alert 문구가 \n 으로 줄바꿈을 표현하므로 그대로 살린다 */
.md-swal .swal2-html-container{font-size:14px !important;color:#4a5568 !important;line-height:1.7 !important;
	word-break:keep-all;white-space:pre-line}
.md-swal .swal2-actions{gap:8px !important;margin-top:14px !important}
.md-swal .swal2-styled{border-radius:9px !important;font-weight:700 !important;font-size:14px !important;
	min-width:88px !important;box-shadow:none !important}
.md-swal .swal2-styled:focus{box-shadow:0 0 0 3px rgba(202,17,17,.18) !important}
.md-swal .swal2-close:focus{box-shadow:none !important}

/* 기본 아이콘 색이 하늘색/연두라 브랜드 톤과 어긋난다 — 모두입찰 팔레트로 재지정 */
.md-swal .swal2-icon.swal2-info,
.md-swal .swal2-icon.swal2-question{border-color:#c3cbd6 !important;color:#7b8694 !important}
.md-swal .swal2-icon.swal2-warning{border-color:#f0c987 !important;color:#e08c1a !important}
.md-swal .swal2-icon.swal2-error{border-color:#eab3b3 !important;color:#ca1111 !important}
.md-swal .swal2-icon.swal2-error [class^='swal2-x-mark-line']{background-color:#ca1111 !important}
.md-swal .swal2-icon.swal2-success{border-color:#a8ded0 !important;color:#0f7a5a !important}
.md-swal .swal2-icon.swal2-success [class^='swal2-success-line']{background-color:#0f7a5a !important}
.md-swal .swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(15,122,90,.3) !important}

/* ── 토스트 ───────────────────────────────────────────── */
/* Notyf 기본 외형(우측 하단, 아이콘, 리플)은 그대로 두고 한글 가독성만 보정한다.
   여기서 border-radius·box-shadow 를 덮어쓰면 공식 디자인이 깨지므로 손대지 않는다.
   [중요] style.css 전역 리셋이 div/span 등에 color:#232323 을 '요소 선택자'로 걸어두어
   .notyf{color:#fff} 의 상속을 이긴다(상속은 우선순위가 없음) → 글자색을 명시한다. */
.notyf, .notyf__toast, .notyf__wrapper, .notyf__message{color:#fff}
.notyf__message{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
	font-size:13.5px;font-weight:500;line-height:1.5;letter-spacing:-.01em;word-break:keep-all}
/* 모바일(≤1024px)에는 하단 고정 탭바(58px)가 있어 토스트가 가린다 → 그만큼 띄운다 */
@media (max-width:1024px){
	.notyf{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))}
}
@media (max-width:768px){
	.md-swal{width:calc(100vw - 40px) !important}
}

/* warning 아이콘 — Notyf 기본 세트(success/error)에 없어 같은 규격(21px 원)으로 직접 그린다 */
.notyf__icon--warning{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}
.notyf__icon--warning::before{content:"";position:absolute;left:9px;top:4px;width:3px;height:9px;border-radius:3px;background:currentColor}
.notyf__icon--warning::after{content:"";position:absolute;left:9px;bottom:3px;width:3px;height:3px;border-radius:50%;background:currentColor}

/* [모바일 시트 가림 수정] 전체메뉴 시트(z 1200)·업종설정 모달(z 100020) 등 어떤
   오버레이보다 대화상자가 위에 뜨도록 — SweetAlert2 기본 1060 으로는 시트 뒤에 가려
   아무것도 누를 수 없었다(패스파인더 PC 전용 안내에서 실제 발생). */
.swal2-container{z-index:100060 !important}