/* cherish-team-voice (patch-team-voice-ui.py, 2026-09-16) — 2대2 같은 편 통화방 배너.
   파티 초대 배너(cherish-party.css)와 같은 자리·같은 결이되 색만 다르다. 둘이 동시에 뜨는
   일은 없다 — 파티 초대는 매칭 전, 이 배너는 매칭 직후다. */
/* ⚠️ top 은 앱바(#header, 업스트림 고정 50px) **아래**여야 한다 (파티 배너에서 겪은 겹침). */
.cw-team-voice {
	position: fixed; z-index: 90; left: 50%; top: 58px; transform: translateX(-50%);
	display: flex; align-items: center; gap: 10px; max-width: min(560px, calc(100vw - 20px));
	padding: 9px 10px 9px 12px; border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .18);
	background: linear-gradient(135deg, #24405c, #1d2a3c);
	box-shadow: 0 14px 34px -14px rgba(10, 18, 28, .8);
	color: #fff; font-size: 9.5pt; line-height: 1.35;
	animation: cw-tv-in .22s ease-out;
}
@keyframes cw-tv-in { from { opacity: 0; transform: translateX(-50%) translateY(-8px); } }
.cw-tv-ic { flex: 0 0 auto; font-size: 15px; }
.cw-tv-text { min-width: 0; flex: 1 1 auto; word-break: keep-all; }
.cw-tv-text b { color: #bfe3ff; }
.cw-tv-left { opacity: .7; white-space: nowrap; }
.cw-tv-act { flex: 0 0 auto; display: flex; gap: 6px; }
.cw-team-voice button {
	padding: 6px 13px; border-radius: 10px; border: 0; cursor: pointer;
	font: inherit; font-size: 9pt; white-space: nowrap;
}
.cw-tv-yes { background: linear-gradient(180deg, #38bdf8, #0369a1); color: #fff; font-weight: 700; }
.cw-tv-no { background: rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .82); }
.cw-tv-yes:hover { filter: brightness(1.08); }
.cw-tv-no:hover { background: rgba(255, 255, 255, .22); }
@media (max-width: 700px) {
	/* 폰에서는 상단 앱바가 얇아진다(patch-appbar v6). 배너는 그 아래에 가로로 꽉 채운다. */
	.cw-team-voice {
		left: 8px; right: 8px; transform: none; max-width: none; top: 56px;
		flex-wrap: wrap; row-gap: 8px;
	}
	@keyframes cw-tv-in { from { opacity: 0; transform: translateY(-8px); } }
	/* 두 줄로 접는다 — [🎧 문구] / [같이 갈래요][괜찮아요]. 텍스트에 basis 100% 를 주면
	   아이콘만 첫 줄에 남아 석 줄이 된다 (파티 배너 실측). */
	.cw-tv-text { flex: 1 1 auto; }
	.cw-tv-act { flex: 0 0 100%; justify-content: flex-end; }
	.cw-team-voice button { padding: 7px 15px; }
}
