/*
  TUNAZIP - SweetAlert2 사이트 톤 맞춤

  라이트 화면(Home/Myinfo/Drive/Login/Join)과 다크 화면(Tracker)이 함께 쓴다.
  다크 쪽은 body.tz-dark 를 붙여 구분한다 — 트래커는 마스터 페이지를 쓰지 않는
  독립 페이지라, 색을 파일로 나누는 것보다 이 방식이 유지하기 쉽다.

  기본값이 theme.css 토큰(--surface-lowest 등)에 의존하지 않도록 실제 색을 적는다.
  트래커는 theme.css 를 불러오지 않기 때문이다.
*/

/* ---------- 공통 (라이트) ---------- */
.tz-swal.swal2-popup {
    border-radius: 16px;
    border: 1px solid #c5c6cd;
    background-color: #ffffff;
    font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    padding: 28px 24px 22px;
}

.tz-swal-title {
    font-size: 19px !important;
    font-weight: 700;
    color: #091426;
    padding: 0 0 6px;
}

.tz-swal-text {
    font-size: 14px !important;
    line-height: 1.7;
    color: #45474c;
}

/* 버튼 (buttonsStyling:false 라 전부 직접 지정) */
.tz-swal-confirm,
.tz-swal-cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 11px 20px;
    margin: 0 4px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.tz-swal-confirm {
    background-color: #1e293b;
    color: #ffffff;
}

.tz-swal-confirm:hover { background-color: #091426; }
.tz-swal-confirm:active { transform: scale(0.98); }

.tz-swal-confirm.tz-swal-danger { background-color: #ba1a1a; }
.tz-swal-confirm.tz-swal-danger:hover { background-color: #8f1414; }

.tz-swal-cancel {
    background-color: transparent;
    color: #091426;
    border-color: #c5c6cd;
}

.tz-swal-cancel:hover { background-color: #eff4ff; }

/* 포커스 링은 브라우저 기본 대신 사이트 강조색으로 */
.tz-swal-confirm:focus-visible,
.tz-swal-cancel:focus-visible {
    outline: 2px solid #4648d4;
    outline-offset: 2px;
}

.tz-swal .swal2-icon { margin: 4px auto 14px; }

/* ---------- 토스트 (저장 완료 등) ---------- */
.tz-swal.tz-swal-toast.swal2-popup {
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 12px 24px -8px rgba(9, 20, 38, 0.18);
}

.tz-swal-toast-title {
    font-size: 13.5px !important;
    font-weight: 600;
    color: #091426;
    margin: 0;
}

/* ---------- 다크 화면(트래커) ---------- */
body.tz-dark .tz-swal.swal2-popup {
    background-color: #0d1424;
    border-color: rgba(148, 196, 255, 0.32);
}

body.tz-dark .tz-swal-title { color: #e9f2fc; }
body.tz-dark .tz-swal-text { color: #7c8db0; }
body.tz-dark .tz-swal-toast-title { color: #e9f2fc; }

body.tz-dark .tz-swal-confirm {
    background-color: #4648d4;
    color: #ffffff;
}
body.tz-dark .tz-swal-confirm:hover { background-color: #6063ee; }
body.tz-dark .tz-swal-confirm.tz-swal-danger { background-color: #fb7185; color: #061018; }
body.tz-dark .tz-swal-confirm.tz-swal-danger:hover { background-color: #f43f5e; }

body.tz-dark .tz-swal-cancel {
    color: #e9f2fc;
    border-color: rgba(148, 196, 255, 0.32);
}
body.tz-dark .tz-swal-cancel:hover { background-color: rgba(255, 255, 255, 0.06); }

body.tz-dark .swal2-container.swal2-backdrop-show { background-color: rgba(6, 10, 20, 0.72); }