/*
 * 미니톡 채팅 블록: 채팅창 칸과 안내 상자. 색은 사이트 디자인 변수(--bf-*)를 따른다
 * 채팅창 자체의 모양은 미니톡 템플릿(boardfactory · boardfactory_flat · default)이 정한다
 */
.bfmt {
    --bfmt-c: var(--bf-color-primary, #2563eb);
    --bfmt-line: var(--bf-color-border, #e5e7eb);
    --bfmt-text: var(--bf-color-text, #1f2937);
    --bfmt-muted: var(--bf-color-muted, #6b7280);
    --bfmt-bg: var(--bf-color-bg, #fff);
    --bfmt-r: var(--bf-radius, 8px);
    /* 채팅창(미니톡 템플릿)에 넘기는 모서리: 사이트 카드 = 기본 반경 + 4px, 작은 단추 = 기본 반경 */
    --bfmt-frame-r: calc(var(--bf-radius, 14px) + 4px);
    --bfmt-small-r: var(--bf-radius, 8px);
    position: relative;
    color: var(--bfmt-text);
    font-size: 14px;
    line-height: 1.6;
    word-break: keep-all;
}
.bfmt *, .bfmt *::before, .bfmt *::after { box-sizing: border-box; }

/* 채팅창 칸: 미니톡이 이 안에 iframe 을 만든다 */
.bfmt__chat { position: relative; width: 100%; }
.bfmt__chat iframe { display: block; max-width: 100%; border: 0; }

/* 안내 (설정 필요 · 쉬는 중 · 회원 전용 · 연결 못 함 · 편집 중) */
.bfmt__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 28px 20px;
    border: 1px dashed var(--bfmt-line);
    border-radius: calc(var(--bfmt-r) + 4px);
    background: var(--bfmt-bg);
    text-align: center;
}
.bfmt__empty > .bf-icon { width: 30px; height: 30px; fill: currentColor; color: var(--bfmt-c); }
.bfmt__empty b { font-size: 15px; }
.bfmt__empty span { color: var(--bfmt-muted); font-size: 13px; }
.bfmt__btn {
    display: inline-flex;
    align-items: center;
    height: 34px;
    margin-top: 6px;
    padding: 0 16px;
    border-radius: 999px;
    background: var(--bfmt-c);
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}
.bfmt__btn:hover { filter: brightness(1.08); }