/* assets/css/livecode.css — split from index.html */

/* 推送计划整页（非弹窗，对齐智企） */
#page-pushEditor.active,
#page-autoTagEditor.active,
#page-welcomeEditor.active,
#page-livecodeEditor.active,
#page-groupLivecodeEditor.active,
#page-oneLivecodeEditor.active,
#page-staffLivecodeEditor.active {
  display:flex; flex-direction:column;
  height:calc(100vh - var(--header-h) - 32px);
}

#page-pushEditor .push-card,
#page-autoTagEditor .push-card,
#page-welcomeEditor .push-card,
#page-livecodeEditor .push-card,
#page-groupLivecodeEditor .push-card,
#page-oneLivecodeEditor .push-card,
#page-staffLivecodeEditor .push-card {
  flex:1; min-height:0; display:flex; flex-direction:column;
  background:#fff; border-radius:12px; padding:0; overflow:hidden;
}

.live-toolbar-search {
  display:inline-flex; align-items:center; gap:8px;
}

.live-toolbar-search input {
  width:200px; height:32px; padding:0 12px; border:1px solid var(--border);
  border-radius:6px; font-size:13px; color:#1D2129; background:#fff;
}

.live-toolbar-search input:focus { outline:none; border-color:var(--primary); }

#page-livecode .table-wrap table { width:100%; table-layout:auto; }

/* 名称/成员按内容收窄，避免两列中间被撑出大空白 */
#page-livecode .table-wrap th.col-live-name,
#page-livecode .table-wrap td.col-live-name {
  width:1%; max-width:280px; white-space:nowrap; vertical-align:middle;
  padding-right:20px;
}

#page-livecode .table-wrap th.col-live-members,
#page-livecode .table-wrap td.col-live-members {
  width:1%; max-width:280px; white-space:nowrap; vertical-align:middle;
  font-size:14px; line-height:22px; padding-left:8px; padding-right:20px;
}

#page-livecode .table-wrap .live-mem-line {
  font-size:14px; line-height:22px; color:var(--text); white-space:nowrap;
}

#page-livecode .table-wrap .live-mem-line + .live-mem-line { margin-top:4px; }

#page-livecode .table-wrap .live-mem-id { color:#86909C; }

#page-livecode .table-wrap th.col-live-limit,
#page-livecode .table-wrap td.col-live-limit,
#page-livecode .table-wrap th.col-live-stat,
#page-livecode .table-wrap td.col-live-stat {
  width:100px; white-space:nowrap; color:#1D2129; vertical-align:middle;
  text-align:center;
}

#page-livecode .table-wrap th.col-live-stat,
#page-livecode .table-wrap td.col-live-stat {
  width:90px;
}

#page-livecode .table-wrap th.col-live-action,
#page-livecode .table-wrap td.col-live-action {
  width:1%; white-space:nowrap; text-align:left; vertical-align:middle;
  padding-right:12px;
}

#page-livecode .table-wrap td.col-live-action .live-ops-row {
  display:inline-flex; align-items:center; justify-content:flex-start; gap:8px;
}

#page-livecode .table-wrap .btn-live-dl {
  background:#11c18a; border-color:#11c18a; color:#fff; text-decoration:none;
}

#page-livecode .table-wrap .btn-live-dl:hover {
  background:#0eaa79; border-color:#0eaa79; color:#fff;
}

#page-groupLivecode .table-wrap table { width:100%; table-layout:auto; }

#page-groupLivecode .table-wrap th.col-live-name,
#page-groupLivecode .table-wrap td.col-live-name {
  width:1%; max-width:280px; white-space:nowrap; vertical-align:middle; padding-right:20px;
}

#page-groupLivecode .table-wrap th.col-live-members,
#page-groupLivecode .table-wrap td.col-live-members {
  width:1%; max-width:320px; white-space:nowrap; vertical-align:middle;
  font-size:14px; line-height:22px; padding-left:8px; padding-right:20px;
}

#page-groupLivecode .table-wrap .live-mem-line {
  font-size:14px; line-height:22px; color:var(--text); white-space:nowrap;
}

#page-groupLivecode .table-wrap .live-mem-line + .live-mem-line { margin-top:4px; }

#page-groupLivecode .table-wrap .live-mem-id { color:#86909C; }

#page-groupLivecode .table-wrap th.col-live-limit,
#page-groupLivecode .table-wrap td.col-live-limit {
  width:110px; white-space:nowrap; color:#1D2129; vertical-align:middle; text-align:center;
}

#page-groupLivecode .table-wrap th.col-live-action,
#page-groupLivecode .table-wrap td.col-live-action {
  width:1%; white-space:nowrap; text-align:left; vertical-align:middle; padding-right:12px;
}

#page-groupLivecode .table-wrap td.col-live-action .live-ops-row {
  display:inline-flex; align-items:center; justify-content:flex-start; gap:8px;
}

#page-groupLivecode .table-wrap .btn-live-dl {
  background:#11c18a; border-color:#11c18a; color:#fff; text-decoration:none;
}

#page-groupLivecode .table-wrap .btn-live-dl:hover {
  background:#0eaa79; border-color:#0eaa79; color:#fff;
}

#page-oneLivecode .table-wrap table { width:100%; table-layout:auto; }

#page-oneLivecode .table-wrap th.col-live-name,
#page-oneLivecode .table-wrap td.col-live-name {
  width:1%; max-width:280px; white-space:nowrap; vertical-align:middle; padding-right:20px;
}

#page-oneLivecode .table-wrap th.col-live-members,
#page-oneLivecode .table-wrap td.col-live-members {
  width:1%; max-width:240px; white-space:nowrap; vertical-align:middle;
  font-size:14px; line-height:22px; padding-right:20px;
}

#page-oneLivecode .table-wrap th.col-live-stat,
#page-oneLivecode .table-wrap td.col-live-stat {
  width:100px; white-space:nowrap; text-align:center; vertical-align:middle;
}

#page-oneLivecode .table-wrap th.col-live-action,
#page-oneLivecode .table-wrap td.col-live-action {
  width:1%; white-space:nowrap; text-align:left; vertical-align:middle; padding-right:12px;
}

#page-oneLivecode .table-wrap td.col-live-action .live-ops-row {
  display:inline-flex; align-items:center; gap:8px;
}

#page-oneLivecode .table-wrap .btn-live-dl {
  background:#11c18a; border-color:#11c18a; color:#fff; text-decoration:none;
}

#page-oneLivecode .table-wrap .btn-live-dl:hover {
  background:#0eaa79; border-color:#0eaa79; color:#fff;
}

#page-oneLivecode .one-status {
  display:inline-block; padding:0 8px; height:22px; line-height:22px;
  border-radius:4px; font-size:12px;
}

#page-oneLivecode .one-status.is-wait { background:#F2F3F5; color:#86909C; }

#page-oneLivecode .one-status.is-ok { background:#E8FFEA; color:#00B42A; }

#page-staffLivecode .table-wrap table { width:100%; table-layout:auto; }

#page-staffLivecode .table-wrap th.col-live-name,
#page-staffLivecode .table-wrap td.col-live-name {
  width:1%; max-width:280px; white-space:nowrap; vertical-align:middle; padding-right:20px;
}

#page-staffLivecode .table-wrap th.col-live-members,
#page-staffLivecode .table-wrap td.col-live-members {
  width:1%; max-width:240px; white-space:nowrap; vertical-align:middle;
  font-size:14px; line-height:22px; padding-right:20px;
}

#page-staffLivecode .table-wrap th.col-live-stat,
#page-staffLivecode .table-wrap td.col-live-stat {
  width:100px; white-space:nowrap; text-align:center; vertical-align:middle;
}

#page-staffLivecode .table-wrap th.col-live-limit,
#page-staffLivecode .table-wrap td.col-live-limit {
  width:100px; white-space:nowrap; color:#1D2129; vertical-align:middle; text-align:center;
}

#page-staffLivecode .table-wrap th.col-live-action,
#page-staffLivecode .table-wrap td.col-live-action {
  width:1%; white-space:nowrap; text-align:left; vertical-align:middle; padding-right:12px;
}

#page-staffLivecode .table-wrap td.col-live-action .live-ops-row {
  display:inline-flex; align-items:center; gap:8px;
}

#page-staffLivecode .table-wrap .btn-live-dl {
  background:#11c18a; border-color:#11c18a; color:#fff; text-decoration:none;
}

#page-staffLivecode .table-wrap .btn-live-dl:hover {
  background:#0eaa79; border-color:#0eaa79; color:#fff;
}

.live-sec-title {
  margin:0 0 12px; font-size:14px; font-weight:600; color:#1D2129;
}

.live-member-panel {
  border:1px solid #E5E6EB; border-radius:8px; overflow:hidden; background:#fff;
}

.live-member-table { width:100%; border-collapse:collapse; font-size:13px; }

.live-member-table th,
.live-member-table td {
  padding:10px 12px; border-bottom:1px solid #F2F3F5; text-align:left;
  color:#1D2129; vertical-align:middle;
}

.live-member-table th {
  background:#F7F8FA; color:#86909C; font-weight:500; font-size:12px;
}

.live-member-table tr:last-child td { border-bottom:none; }

.live-member-table .lim-input {
  width:72px; height:28px; padding:0 8px; border:1px solid #E5E6EB;
  border-radius:4px; font-size:13px; text-align:center;
}

.live-member-table .lim-input:focus { outline:none; border-color:var(--primary); }

.live-member-table .live-mem-cell {
  display:flex; align-items:center; gap:8px; min-width:0;
}

.live-member-table th.col-live-no,
.live-member-table td.col-live-no {
  width:52px; text-align:center !important; color:#86909C;
  font-variant-numeric:tabular-nums; white-space:nowrap; vertical-align:middle;
}

.live-member-table th.col-live-move,
.live-member-table td.col-live-move {
  width:56px; text-align:center !important; white-space:nowrap; vertical-align:middle;
  padding-top:10px; padding-bottom:10px;
}

.live-member-table .live-sort-btns {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:2px; height:28px; margin:0 auto; box-sizing:border-box;
}

.live-member-table .live-sort-btn {
  width:18px; height:13px; padding:0; border:1px solid #E5E6EB; border-radius:3px;
  background:#fff; color:#4E5969; cursor:pointer; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:9px; box-sizing:border-box; flex-shrink:0;
}

.live-member-table .live-sort-btn:hover:not(:disabled) {
  border-color:#165DFF; color:#165DFF; background:#E8F3FF;
}

.live-member-table .live-sort-btn:disabled {
  opacity:.35; cursor:not-allowed;
}

.live-member-table tr.is-off .live-sort-btn {
  opacity:.45;
}

.live-member-table .live-mem-info { min-width:0; flex:1; }

.live-member-table .live-mem-info .tn-title,
.live-member-table .live-mem-info .tn-sub {
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.live-member-table .live-mem-info .tn-sub { max-width:100%; }

.live-member-table td.col-live-act {
  width:72px; white-space:nowrap; vertical-align:middle;
}

.live-member-table td.col-live-act .btn {
  white-space:nowrap; writing-mode:horizontal-tb; letter-spacing:0;
  display:inline-flex; align-items:center; justify-content:center;
  height:28px; padding:0 10px; line-height:28px;
}

.live-member-table td.col-live-en {
  width:70px; white-space:nowrap; vertical-align:middle;
  padding-top:10px; padding-bottom:10px;
}

.live-member-table td.col-live-en .ops-switch {
  display:inline-flex; align-items:center; justify-content:flex-start;
  height:28px; margin:0; line-height:28px; vertical-align:middle;
}

.live-member-table td.col-live-en .ops-switch .sw {
  margin:0;
}

.live-member-table tr.is-off td:not(.col-live-act) {
  color:#C9CDD4;
}

.live-member-table tr.is-off .tn-title,
.live-member-table tr.is-off .tn-sub,
.live-member-table tr.is-off .col-live-no {
  color:#C9CDD4 !important;
}

.live-member-table tr.is-off .lim-input {
  color:#C9CDD4; background:#F7F8FA; border-color:#E5E6EB;
}

.live-member-foot {
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:10px 12px; background:#F7F8FA; border-top:1px solid #E5E6EB;
}

.live-member-foot .hint { margin:0; }

.live-qr-preview {
  width:240px; padding:16px; border:1px solid #E5E6EB; border-radius:10px;
  background:#F7F8FA; text-align:center;
}

.live-qr-preview img.live-qr-img {
  width:180px; height:180px; object-fit:contain; background:#fff;
  border-radius:8px; display:block; margin:0 auto 10px;
}

.live-qr-preview .hint { margin:0; font-size:12px; color:#86909C; line-height:1.5; }

.live-qr-actions {
  width:180px; margin:10px auto 0;
  display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap;
  box-sizing:border-box;
}

.live-qr-actions .btn {
  flex:1 1 calc(50% - 4px); min-width:0; height:28px; padding:0 4px; font-size:12px;
  box-sizing:border-box; justify-content:center;
}

.live-qr-actions .live-qr-dl {
  flex:1 1 100%;
  margin-top:2px;
}

.live-qr-logo-box {
  margin-top:12px; padding-top:12px; border-top:1px dashed #E5E6EB;
  text-align:center;
}

.live-qr-logo-row {
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;
}

.live-qr-logo-thumb {
  width:40px; height:40px; border-radius:8px; object-fit:cover;
  border:1px solid #E5E6EB; background:#fff; flex-shrink:0;
}

.live-qr-logo-box .size-row {
  display:flex; align-items:center; gap:8px; margin-top:8px;
  width:180px; margin-left:auto; margin-right:auto;
}

.live-qr-logo-box .size-row input[type=range] {
  flex:1; min-width:0;
}

.live-qr-logo-box .size-val {
  width:42px; text-align:right; font-size:12px; color:#86909C;
}

.live-qr-dl {
  background:#11c18a; border-color:#11c18a; color:#fff; text-decoration:none;
}

.live-qr-dl:hover { background:#0eaa79; border-color:#0eaa79; color:#fff; }

.live-rule-box {
  margin:0; padding:12px 14px 12px 32px; border:1px solid #E5E6EB; border-radius:8px;
  background:#F7F8FA; color:#4E5969; font-size:13px; line-height:22px;
  list-style:disc; list-style-position:outside;
}

.live-rule-box li { margin:0 0 6px; padding-left:4px; }

.live-rule-box li:last-child { margin-bottom:0; }

.live-rule-box strong { color:#1D2129; font-weight:600; }