.stream-user-search[data-v-colive-picker] { position: relative; color: #172338;
}
.stream-user-search > input[data-v-colive-picker] { width: 100%; height: 46px; padding: 0 15px; border: 1px solid #d9e0eb; border-radius: 14px; outline: 0; background: #f8f9fc; color: #172338; caret-color: #172338;
}
.stream-user-search > input[data-v-colive-picker]::placeholder { color: #59677b; opacity: 1;
}
.stream-user-search > input[data-v-colive-picker]:focus { border-color: #2474f5; background: #fff; box-shadow: 0 0 0 3px rgba(36,116,245,.16);
}
.stream-user-results[data-v-colive-picker] { margin-top: 8px; max-height: min(250px, 32dvh); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #dce3ee; border-radius: 14px; background: #fff; color: #172338;
}
.stream-user-option[data-v-colive-picker] { display: flex; width: 100%; min-height: 62px; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-bottom: 1px solid #edf0f4; background: #fff; color: #172338; text-align: left;
}
.stream-user-option[data-v-colive-picker]:hover,.stream-user-option[data-v-colive-picker]:focus-visible { background: #edf4ff; outline: 2px solid #2474f5; outline-offset: -2px;
}
.stream-user-results img[data-v-colive-picker] { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; object-fit: cover;
}
.stream-user-option > span[data-v-colive-picker] { min-width: 0; display: grid;
}
.stream-user-results strong[data-v-colive-picker],.stream-user-results small[data-v-colive-picker] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.stream-user-results strong[data-v-colive-picker] { color: #172338; font-size: 14px;
}
.stream-user-results small[data-v-colive-picker] { color: #59677b; font-size: 12px;
}
.stream-user-option .select-label[data-v-colive-picker] { margin-left: auto; flex-shrink: 0; color: #1856ae; font-size: 12px; font-weight: 700;
}
.stream-user-empty[data-v-colive-picker] { padding: 14px; color: #59677b; text-align: center; font-size: 13px;
}
.search-retry[data-v-colive-picker] { min-height: 44px; padding: 8px 14px; color: #1856ae; text-decoration: underline;
}

.co-live-invitation{position:absolute;z-index:15;top:78px;right:14px;max-width:calc(100% - 28px);padding:12px 16px;border:1px solid #fff;border-radius:12px;background:#1856ae;color:#fff;font-size:14px;font-weight:750;text-decoration:none}
/* Co-live mobile layout */
.legacy-live-info > img { flex-shrink: 0; }
.legacy-live-info > span { overflow: hidden; }
.legacy-live-info strong,.legacy-live-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
  .legacy-live-info { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 8px; }
  .legacy-live-info > button { grid-column: 1/-1; min-height: 44px; width: 100%; border-radius: 8px; background: rgba(36,116,245,.08); }
}