/*
 * 외부 AI 처리 동의 — 창(includes/ai_consent.html)과 설정 › 개인정보 › 외부 AI 처리 칸의 안내 본문.
 *
 * 색은 사이트 토큰만 쓴다(base-layout.css 의 :root 와 [data-theme="dark"] 양쪽에 있는 이름). 없는 이름에
 * 폴백을 달면 밝은 화면에서는 우연히 맞고 어두운 화면에서만 조용히 깨진다. 창의 뼈대(.summet-settings-dialog)는
 * paid_upgrade_modal.html 의 것을 그대로 쓰고, 밝은 색으로 박힌 카드만 여기서 토큰으로 덮는다.
 */

/* 결제·크레딧 안내창보다 위 — 처음 창은 답해야 닫힌다. 뼈대 규칙(.summet-settings-dialog)은 body 끝의 인라인
   스타일이라 이 파일보다 늦게 읽힌다 — 같은 무게면 그쪽이 이기므로 두 클래스로 쓴다. */
.summet-settings-dialog.summet-ai-consent { z-index: 100060; }
/* display 를 준 단추·줄이 hidden 을 이기지 않게. */
.summet-ai-consent[hidden],
.summet-ai-consent [hidden] { display: none !important; }

.summet-ai-consent .summet-ai-consent__backdrop { cursor: default; }
.summet-ai-consent[data-mode="reoffer"] .summet-ai-consent__backdrop,
.summet-ai-consent[data-mode="reload"] .summet-ai-consent__backdrop { cursor: pointer; }
/* 새로 고치라는 창 — 옛 안내 본문 대신 이 한 문단. */
.summet-ai-consent__reload { flex: none; margin: 0; font-size: 14px; line-height: 1.6; color: var(--text-color); }

.summet-ai-consent .summet-ai-consent__card {
    display: flex;
    flex-direction: column;
    max-width: 560px;
    /* 바깥 틀(inset:0, padding 20px)의 높이를 넘지 않는다 — vh 는 --ui-zoom 문서에서 어긋난다. */
    max-height: 100%;
    box-sizing: border-box;
    background: var(--surface-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    outline: none;
}
.summet-ai-consent .summet-settings-dialog__title { flex: none; color: var(--text-color); }

/* 긴 안내는 이 칸 안에서만 굴러간다. 제목과 단추는 늘 보인다. */
.summet-ai-consent__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0 -6px;
    padding: 0 6px;
}

.summet-ai-consent__error { flex: none; margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #DC2626; }
[data-theme="dark"] .summet-ai-consent__error { color: #F87171; }

.summet-ai-consent .summet-ai-consent__actions { flex: none; margin-top: 16px; }
/* '동의하지 않음' 도 '동의하고 계속' 만큼 또렷해야 한다 — 흐린 글자로 거부를 숨기지 않는다. */
.summet-ai-consent .summet-settings-dialog__btn--ghost { color: var(--text-color); border: 1px solid var(--border-color); }
.summet-ai-consent .summet-settings-dialog__btn--primary { background: var(--primary-color); color: #fff; }
/* 어두운 화면의 강조색(밝은 파랑) 위 흰 글자는 대비가 모자란다 — 바탕색 글자로. */
[data-theme="dark"] .summet-ai-consent .summet-settings-dialog__btn--primary { color: var(--bg-color); }
.summet-ai-consent .summet-settings-dialog__btn:disabled { opacity: 0.55; cursor: progress; }

/* 폰: 화면 전체를 쓰고 안내만 굴러간다. */
@media (max-width: 600px) {
    .summet-settings-dialog.summet-ai-consent { padding: 0; }
    .summet-ai-consent .summet-ai-consent__card {
        max-width: none;
        height: 100%;
        border: none;
        border-radius: 0;
        padding: 20px 16px 16px;
    }
}

/* ── 안내 본문(창·설정 칸 공용) ── */
.summet-ai-consent-text { font-size: 14px; line-height: 1.6; color: var(--text-color); }
.summet-ai-consent-text p { margin: 0 0 10px; }
.summet-ai-consent-text__heading { margin: 14px 0 6px; font-size: 13.5px; font-weight: 700; color: var(--text-color); }
.summet-ai-consent-text__list { margin: 0 0 10px; padding-left: 18px; }
.summet-ai-consent-text__list li { margin: 3px 0; }
.summet-ai-consent-text__fine { font-size: 13px; color: var(--text-muted); }
.summet-ai-consent-text a { color: var(--primary-color); font-weight: 600; text-decoration: none; }
.summet-ai-consent-text a:hover { text-decoration: underline; }

/* ── 설정 칸 ── */
.summet-ai-consent-pane__status { margin: 14px 0 6px; font-size: 14.5px; font-weight: 600; color: var(--text-color); }
.summet-ai-consent-pane .summet-ai-consent-text { margin-top: 6px; }
.summet-ai-consent-pane .appset-form__actions { margin-top: 6px; flex-wrap: wrap; }
/* 철회는 되돌릴 수 있지만 AI 기능이 멈춘다 — 강조색 단추 대신 차분한 테두리 단추. */
.summet-ai-consent-pane__withdraw {
    padding: 9px 18px;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    background: transparent;
    color: var(--text-color);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.summet-ai-consent-pane__withdraw:hover { background: var(--sidebar-hover); }
.summet-ai-consent-pane__withdraw:disabled { opacity: 0.55; cursor: progress; }