/* 친구 초대 card in the creator console (release 34 'creator-referral'). Self-contained: no console class is reused, so the
   contextual .cc-button rules of the workspace cannot reach it. */
.cref{margin:0 0 26px;padding:20px 22px;border:1px solid #dce1ef;background:#f0f3fb;border-radius:12px;color:#191f28}
.cref[hidden]{display:none}
.cref-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cref h2{margin:0;font-size:17px;font-weight:700;letter-spacing:0}
.cref-count{font-size:14px;font-weight:700;color:#4262ff;white-space:nowrap}
.cref-lead{margin:6px 0 0;font-size:14px;line-height:1.6;color:#4e5968}
.cref-lead b{color:#191f28}
.cref-row{display:flex;gap:8px;margin-top:14px}
.cref-row[hidden],.cref p[hidden],.cref button[hidden]{display:none}
.cref-row input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #d5d8de;border-radius:8px;background:#fff;color:#191f28;font:inherit;font-size:14px}
.cref-row button{flex:none;height:44px;padding:0 16px;border:0;border-radius:8px;background:#4262ff;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.cref-row button.cref-ghost{background:#fff;color:#4262ff;border:1px solid #c9d2f5}
.cref-row button:focus-visible,.cref-row input:focus-visible,.cref summary:focus-visible{outline:2px solid #4262ff;outline-offset:2px}
.cref-note{margin:12px 0 0;font-size:14px;line-height:1.6;color:#333d4b}
.cref details{margin-top:12px;font-size:13px;line-height:1.7;color:#6b7684}
.cref summary{cursor:pointer;width:max-content;max-width:100%}
.cref details p{margin:6px 0 0}
.cref-status{margin:8px 0 0;min-height:1em;font-size:13px;color:#4262ff}
@media (max-width:520px){.cref{padding:16px}.cref-row{flex-wrap:wrap}.cref-row input{flex-basis:100%}.cref-row button{flex:1}}