/* 페이지 공통 추가 스타일 — 앱 모드, 언어 전환, 문의 폼 보조 UI */

/* 앱·에디터 WebView는 자체 헤더가 있어 사이트 상단바를 감춘다 */
html.app-mode .global-nav { display: none; }
html.app-mode body { padding-top: 0; }
html.app-mode .app-hide { display: none !important; }

/* 상단바 우측 언어 전환 */
.nav-lang {
    margin-left: auto;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 14px;
    padding: 5px 12px;
    white-space: nowrap;
}
.nav-lang:hover { background: rgba(255, 255, 255, 0.18); }

/* 문의 폼: 자동 첨부된 계정 정보 */
.account-box {
    background: #f4f1fb;
    border: 1px solid #e2dbf5;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 13px;
    color: #5b5570;
    margin-bottom: 18px;
    line-height: 1.7;
}
.account-box b { color: #443a6b; display: block; margin-bottom: 4px; }
.account-box dl { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; }
.account-box dt { color: #8a83a5; }
.account-box dd { color: #443a6b; word-break: break-all; }

/* 스팸 봇 차단용 (사람에게는 보이지 않음) */
.hp-field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* 발송 서버가 없을 때 쓰는 메일 앱 폴백 패널 */
.mail-fallback {
    margin-top: 14px;
    background: #f8f7fc;
    border: 1px solid #e5e0f2;
    border-radius: 10px;
    padding: 16px;
}
.mail-fallback p { font-size: 13.5px; color: #6b7684; margin-bottom: 12px; }
.mail-fallback textarea {
    width: 100%;
    min-height: 150px;
    font-size: 12.5px;
    font-family: ui-monospace, Menlo, Consolas, monospace;
    color: #4e5968;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    padding: 10px;
    resize: vertical;
}
.mail-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.mail-actions a, .mail-actions button {
    flex: 1 1 150px;
    text-align: center;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.mail-actions .btn-mailto { background: #554499; color: #ffffff; }
.mail-actions .btn-copy { background: #eceaf6; color: #554499; }
.mail-hint { font-size: 12.5px; color: #999; margin-top: 10px; }