/* 부띠끄 연락 시트 — 모든 선택자는 dialog.mcc-sheet 안에만 둔다. Formula X 공통 토큰만 쓰고 브랜드 토큰은 쓰지 않는다. */
dialog.mcc-sheet{--mcc-card:var(--card);--mcc-text:var(--text);--mcc-muted:var(--text-sub);--mcc-faint:var(--text-muted);--mcc-border:var(--border);--mcc-accent:var(--primary);--mcc-on-accent:var(--card);--mcc-soft:var(--bg);--mcc-bad:var(--danger);--mcc-radius:6px;--mcc-gap:16px;position:fixed;top:0;right:0;width:min(560px,100%);height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--mcc-border);background:var(--mcc-card);color:var(--mcc-text);font-size:14px;line-height:1.6;overflow:auto;box-sizing:border-box}
dialog.mcc-sheet::backdrop{background:rgba(0,0,0,.6)}
dialog.mcc-sheet *{box-sizing:border-box}
dialog.mcc-sheet .mcc-body{padding:24px;display:grid;gap:var(--mcc-gap)}
dialog.mcc-sheet :is(h2,p){margin:0 0 8px}
dialog.mcc-sheet h2{font-size:22px;line-height:1.3}
dialog.mcc-sheet .mcc-eyebrow{font-size:12px;font-weight:700;color:var(--mcc-muted)}
dialog.mcc-sheet .mcc-head{display:flex;justify-content:space-between;gap:var(--mcc-gap);align-items:flex-start}
dialog.mcc-sheet .mcc-head p{font-size:13px;color:var(--mcc-muted)}
dialog.mcc-sheet .mcc-section{margin:0;padding:var(--mcc-gap);border:1px solid var(--mcc-border);border-radius:var(--mcc-radius);background:var(--mcc-card)}
dialog.mcc-sheet fieldset.mcc-section legend{padding:0 6px;font-size:13px;font-weight:700}
dialog.mcc-sheet .mcc-radio-row{display:flex;flex-wrap:wrap;gap:8px}
dialog.mcc-sheet .mcc-radio-col{display:grid;gap:8px}
dialog.mcc-sheet .mcc-radio{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--mcc-border);border-radius:4px;font-size:14px;cursor:pointer}
dialog.mcc-sheet .mcc-radio input{width:auto;min-height:0;margin:0}
dialog.mcc-sheet .mcc-radio.is-disabled{opacity:.55;cursor:not-allowed}
dialog.mcc-sheet .mcc-chips{display:flex;flex-wrap:wrap;gap:8px}
dialog.mcc-sheet .mcc-chip{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid var(--mcc-border);border-radius:4px;background:var(--mcc-card);color:var(--mcc-text);font:inherit;font-size:13px;cursor:pointer;overflow-wrap:anywhere}
dialog.mcc-sheet .mcc-chip.is-on{border-color:var(--mcc-accent);font-weight:700}
dialog.mcc-sheet .mcc-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 16px;border:1px solid var(--mcc-border);border-radius:4px;background:var(--mcc-card);color:var(--mcc-text);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
dialog.mcc-sheet .mcc-button:hover{border-color:var(--mcc-accent)}
dialog.mcc-sheet .mcc-button.is-primary{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--mcc-on-accent);font-weight:700}
dialog.mcc-sheet .mcc-button.is-attention{border-color:var(--mcc-accent);border-width:2px}
dialog.mcc-sheet .mcc-button:disabled{opacity:.55;cursor:not-allowed}
dialog.mcc-sheet :is(button,input,textarea):focus-visible{outline:2px solid var(--mcc-accent);outline-offset:3px}
dialog.mcc-sheet .mcc-textarea{width:100%;background:var(--mcc-card);color:var(--mcc-text);border:1px solid var(--mcc-border);border-radius:4px;padding:8px 10px;font:inherit;font-size:14px;resize:vertical}
dialog.mcc-sheet .mcc-note{font-size:12px;color:var(--mcc-muted)}
dialog.mcc-sheet .mcc-error{color:var(--mcc-bad);font-size:13px}
dialog.mcc-sheet .mcc-label-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
dialog.mcc-sheet .mcc-label-row p{margin:0;font-size:13px}
dialog.mcc-sheet .mcc-recent{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}
dialog.mcc-sheet .mcc-foot{display:grid;gap:12px}
dialog.mcc-sheet .mcc-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
dialog.mcc-sheet .mcc-confirm{padding:12px 16px;border:1px solid var(--mcc-border);border-radius:var(--mcc-radius);background:var(--mcc-soft)}
dialog.mcc-sheet .mcc-confirm p{font-size:14px;font-weight:700}
/* 다크 모드 주 버튼 흰 글자 — crm-points 다크 규칙과 같은 범위(Formula 라이트·다크 공통 토큰, Be:Move 제외). */
:root[data-formula-theme="dark"] body:not([data-app-mode="bemove"]):not([data-bemove-brand="1"]) dialog.mcc-sheet .mcc-button.is-primary{color:#fff}
@media(max-width:600px){dialog.mcc-sheet{left:0;width:100%;max-width:100%;margin:0;height:100dvh;border-left:0}dialog.mcc-sheet .mcc-body{padding:16px}dialog.mcc-sheet .mcc-head{flex-direction:column}}
/* 폰(≤480px): 시트는 전체 폭, 저장 바는 하단 고정. 고정 바가 입력·포커스를
   가리지 않게 스크롤 여백을 두고 안전 영역을 더한다. */
@media(max-width:480px){dialog.mcc-sheet{scroll-padding-bottom:120px}dialog.mcc-sheet .mcc-foot{position:sticky;bottom:0;background:var(--mcc-card);border-top:1px solid var(--mcc-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));margin:0 -16px -16px}dialog.mcc-sheet .mcc-foot .mcc-actions [data-mcc="save"]{flex:1;width:100%}}