/* SERABADGE1007（1.1.0 SERABADGE2）運営（セラ・ルシフェル・管理者とつないだ会員）の名前の横に「✓公式」（inc/cm-serabadge.php が読む）
   ✓ は広場のピンク紫の丸に白いチェック（SVG を CSS の背景で描く・絵文字は使わない）。「公式」は名前の行に合わせて小さめ。
   札が付くのは、サーバーが運営の id だと判った所だけ（表示名は見ない）。
   ハロウィンの着せ替え（halloween-deco.js）の吹き出しは !important で上書きするので、金の縁はその人の飾りに譲る */
:root{--msv-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23d65c9a'/%3E%3Cstop offset='1' stop-color='%238b6cc1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='8' cy='8' r='8' fill='url(%23g)'/%3E%3Cpath d='M4.3 8.4l2.5 2.4 4.9-5.2' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* ---------- 共通の「✓公式」 ---------- */
.msv-ops,
.msv-ops-dm .cd__tnm::after,
html .vr-badge.is-staff::after,html .vr-seat__role.is-staff::after,html .kb__staff::after{
	display:inline-block;box-sizing:border-box;margin:0 0 0 5px;padding:0 0 0 17px;border:0;border-radius:0;
	background:var(--msv-ok) no-repeat left center/14px 14px;color:#9a3f8e;font-size:12.5px;font-weight:800;line-height:16px;
	letter-spacing:.02em;white-space:nowrap;vertical-align:-1px;text-shadow:none;box-shadow:none}
.msv-ops-dm .cd__tnm::after,html .vr-badge.is-staff::after,html .vr-seat__role.is-staff::after,html .kb__staff::after{content:"公式"}

/* 既にある運営の札（ボイスルーム・掲示板）: 札の地を消して「✓公式」に（元の文字「運営」は読み上げ用に残し、見た目は 0） */
html .vr-badge.is-staff,html .vr-seat__role.is-staff,html .kb__staff{display:inline-flex;align-items:center;background:none;box-shadow:none;padding:0;margin-right:4px;font-size:0;line-height:0;border:0}
html .vr-badge.is-staff::after,html .vr-seat__role.is-staff::after,html .kb__staff::after{margin:0}
/* ボイスルームは暗い地なので文字を明るく */
html .vr-badge.is-staff::after,html .vr-seat__role.is-staff::after{color:#ffd9f0}

/* ---------- DM の一覧（行は js が is-ops と <span class="msv-ops">公式</span> を付ける） ---------- */
.cd__row.is-ops{background:#fffbf3;border-color:#ecdcb0}

/* ---------- DM の会話（body.msv-ops-dm はサーバーが ?with= を運営の id と照らして付ける） ---------- */
/* 見出し: 名前の横に ✓公式・下の行は型の代わりに「運営のお知らせ」（360 幅でも切れない長さ）（小さな地の文） */
body.msv-ops-dm .cd__person .cd__tnm{display:flex;align-items:center;overflow:visible;white-space:nowrap}
.msv-ops-dm .cd__tnm::after{flex:0 0 auto}
body.msv-ops-dm .cd__person .cd__tch{font-size:0!important;color:transparent!important;white-space:normal;overflow:visible}
.msv-ops-dm .cd__tch::before{content:"運営のお知らせ";font-size:12.5px;line-height:1.4;font-weight:800;color:#8a7aa3}
/* 吹き出し: 縁をほんの少し金に（写真・スタンプ・贈り物の札は除く） */
.msv-ops-dm #cdMsgs .cd__m:not(.is-me) .cd__b:not(.cd__st):not(.cd__pic):not(.cd__gift){box-shadow:0 0 0 1px #ead9a6}