/* 直播评论系统 — Sales 前台样式 v1.1 */

#lcs-app { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; max-width:100%; overflow:hidden; }

.lcs-no-session { padding:16px 0; }
.lcs-no-session > span { font-size:15px; color:#888; }
.lcs-no-session > p { margin:10px 0 14px; font-size:14px; color:#444; background:#fff8e1; border-left:4px solid #f39c12; padding:10px 14px; border-radius:3px; }

/* 场次标签栏 */
.lcs-session-nav { background:#f8f9fa; border-bottom:2px solid #ddd; }

/* 快速选取行 */
.lcs-quick-select-row { display:flex; justify-content:flex-end; padding:5px 8px 3px; position:relative; z-index:1000; }
#lcs-quick-select-wrap { position:relative; display:inline-block; }
#lcs-quick-select-btn { background:#27ae60 !important; color:#fff !important; border:none !important; border-radius:5px !important; padding:5px 12px !important; font-size:13px !important; font-weight:600 !important; cursor:pointer !important; white-space:nowrap !important; }
#lcs-quick-select-btn:hover { background:#219a52 !important; }
#lcs-quick-select-panel { position:fixed !important; background:#fff !important; border:1px solid #bbb !important; border-radius:6px !important; box-shadow:0 4px 18px rgba(0,0,0,.25) !important; z-index:99999 !important; min-width:200px; max-width:calc(100vw - 32px); max-height:520px; overflow-y:auto; }
.lcs-qs-item { display:block !important; padding:9px 14px !important; font-size:13px !important; color:#333 !important; cursor:pointer !important; border-bottom:1px solid #f0f0f0 !important; white-space:nowrap !important; }
.lcs-qs-item:last-child { border-bottom:none !important; }
.lcs-qs-item:hover { background:#e8f4fd !important; color:#1a6aaa !important; }
.lcs-qs-item.active { background:#2271b1 !important; color:#fff !important; }

/* 标签行 */
.lcs-session-tabs-wrapper { display:flex; align-items:center; position:relative; padding:6px 44px 0; overflow:visible; }
.lcs-session-tabs { display:flex; gap:6px; overflow:hidden; flex:1; scroll-behavior:smooth; white-space:nowrap; }
.lcs-session-tab { padding:6px 10px; border:1px solid #ccc; border-bottom:none; border-radius:6px 6px 0 0; background:#fff; cursor:pointer; font-size:13px; font-weight:600; color:#333; transition:background .15s; flex-shrink:0; line-height:1.3; white-space:normal; text-align:center; }
.lcs-session-tab:hover  { background:#e8f4fd; }
.lcs-session-tab.active { background:#2271b1; color:#fff; border-color:#2271b1; }
.lcs-session-tab.active em { color:#b3d7ff; }

.lcs-tab-arrow { background:#e8e8e8; border:1px solid #ccc; border-radius:4px; cursor:pointer; font-size:18px; color:#444; padding:4px 10px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; min-width:28px; }
.lcs-tab-left  { left:2px; }
.lcs-tab-right { right:2px; }
.lcs-tab-arrow:hover { background:#e8e8e8; color:#444; }

.lcs-session-tab em { font-style:normal; font-size:13px; font-weight:700; border-radius:3px; padding:2px 6px; margin-left:5px; }
.lcs-tag-live     { background:#27ae60; color:#fff !important; font-weight:700; }
.lcs-tag-ended    { background:#555; color:#fff; }
.lcs-tag-upcoming { background:#333; color:#fff; }
.lcs-tag-cancel   { background:#c00; color:#fff; }

/* 主内容 */
#lcs-content { padding:16px 0; }
.lcs-loading { color:#999; font-size:14px; padding:20px; }

/* 停播横幅 */
.lcs-cancelled-banner { background:#c00; color:#ff0; font-size:22px; font-weight:bold; text-align:center; padding:28px 20px; border-radius:6px; margin:20px 0; line-height:1.6; }

/* 表格 */
.lcs-table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; border:2px solid #000; border-radius:0; }
.lcs-table { width:100%; border-collapse:collapse; font-size:16px; min-width:680px; border:2px solid #000; }
.lcs-table th { background:#2271b1; color:#fff; padding:10px 14px; text-align:center; position:sticky; top:0; z-index:10; font-size:15px; font-weight:600; white-space:nowrap; border:1px solid #000; }
.lcs-table td { padding:12px 14px; border:1px solid #000; vertical-align:middle; text-align:center; }
.lcs-table tr:last-child td { border-bottom:1px solid #000; }
.lcs-table tr:hover td { background:#f7fbff; }

.lcs-col-content { text-align:left !important; user-select:none; -webkit-user-select:none; cursor:default; color:#333; min-width:180px; }
.lcs-content-masked { color:#bbb; letter-spacing:2px; font-size:15px; }

.lcs-btn-copy { display:inline-flex; align-items:center; gap:6px; background:#27ae60; color:#fff; border:none; border-radius:4px; padding:8px 16px; cursor:pointer; font-size:15px; font-weight:600; transition:background .15s; white-space:nowrap; }
.lcs-btn-copy:hover { background:#219a52; }
.lcs-status-copied  { color:#27ae60; font-weight:600; font-size:13px; }
.lcs-status-waiting { color:#c0392b; font-size:13px; font-weight:600; white-space:nowrap; }

.lcs-col-check { min-width:120px; font-size:15px; }
.lcs-chk-verified { color:#27ae60; font-weight:600; }
.lcs-chk-settled  { color:#2271b1; font-weight:600; }
.lcs-earn-label { font-size:13px; color:#f1c40f; display:block; margin-top:4px; font-weight:600; line-height:1.4; }

.lcs-notice { padding:12px 16px; background:#fff8e1; border-left:4px solid #f39c12; margin:12px 0; font-size:16px; border-radius:3px; }
.lcs-notice-warn { border-color:#e74c3c; background:#fdecea; }

@media (max-width:600px) {
    .lcs-table { font-size:14px; }
    .lcs-table th, .lcs-table td { padding:8px 8px; }
    .lcs-btn-copy { padding:6px 10px; font-size:14px; }
    .lcs-session-tab { font-size:13px; padding:6px 10px; }
    .lcs-cancelled-banner { font-size:16px; padding:18px 12px; }
}