.lab-chat{max-width:1100px;margin:auto}.lab-chat h1{margin-bottom:8px}.chat-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.chat-rules blockquote{margin:16px 0;padding:12px;background:var(--soft,#f5f5f5);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-setup{padding:18px;border:1px solid var(--line,#ddd);border-radius:12px;margin:18px 0}.chat-setup p{max-width:750px}.chat-form{display:grid;gap:14px}.chat-form label{display:grid;gap:6px}.chat-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.chat-thread{display:grid!important;text-align:left!important;width:100%;gap:5px;margin:10px 0;padding:15px!important}.chat-thread span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-chat .chat-messages{max-height:45vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.lab-chat .chat-message{align-self:flex-start;max-width:90%;padding:10px 14px;background:var(--soft,#f5f5f5);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.lab-chat .chat-message.outgoing{align-self:flex-end;background:#ebefff;color:#252b50}.lab-chat .chat-message p{margin:0 0 5px;color:inherit}.lab-chat .actions{flex-wrap:wrap}.lab-chat .notice{margin:12px 0}
/* Campaign-first LabChat, adapted to the original UGC Lab builder. */
.lc-workspace { max-width: none; }
.lc-header { align-items: flex-end; }
.lc-sub { margin: 6px 0 0; color: var(--lab-dim); font-size: 13.5px; }
.lc-actions, .lc-flow-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.lc-tabs { display: flex; gap: 22px; border-bottom: 1px solid var(--border); margin: 0 0 20px; }
body.lab .lc-tabs button, .lc-tabs button { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 10px 2px !important; margin-bottom: -1px; min-height: 0; color: var(--lab-dim) !important; font-size: 14px; font-weight: 600; }
body.lab .lc-tabs button:hover { color: var(--text) !important; }
body.lab .lc-tabs button.active, .lc-tabs button.active { color: var(--text) !important; border-bottom-color: var(--accent) !important; }
.lc-overview { margin-bottom: 28px; }
.lc-overview .lab-kpi { display: flex; flex-direction: column; }
.lc-overview .lab-kpi span { order: -1; }
.lc-section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 12px; }
.lc-section-title h2 { margin: 0; font-size: 17px; font-weight: 700; }
.lc-section-title h2 small { margin-left: 6px; color: var(--lab-faint); font-size: 13px; font-weight: 600; }
.lc-section-title p { margin: 4px 0 0; color: var(--lab-dim); font-size: 13px; }
.lc-section-title a { font-size: 13px; font-weight: 600; color: var(--accent); white-space: nowrap; }
.lc-flows-title { margin-top: 8px; }
.lc-campaigns { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 28px; }
.lc-campaign { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); color: inherit; text-decoration: none; transition: border-color .15s, background .15s; }
.lc-campaign:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
.lc-campaign-t { flex: 1; min-width: 0; }
.lc-campaign h3 { margin: 0; font-size: 14.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-campaign p { margin: 3px 0 0; font-size: 12.5px; color: var(--lab-dim); }
.lc-campaign-go { color: var(--lab-faint); font-size: 16px; transition: transform .15s, color .15s; }
.lc-campaign:hover .lc-campaign-go { color: var(--accent); transform: translateX(2px); }
.lc-campaign-mark { display: grid; place-items: center; width: 40px; height: 40px; flex: none; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); border-radius: 11px; font-size: 12px; font-weight: 700; }
.lc-flow-list { display: grid; gap: 12px; }
.lc-flow { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); }
.lc-flow-icon { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 11px; font-size: 20px; color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
.lc-flow-main { flex: 1; min-width: 0; }
.lc-flow-title { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.lc-flow h3 { font-size: 15px; margin: 0; }
.lc-flow p { font-size: 12.5px; color: var(--lab-dim); margin: 6px 0; }
.lc-next { color: var(--accent) !important; font-weight: 600; margin: 4px 0 8px !important; }
.lc-status { display: inline-flex; font-size: 11px; font-weight: 600; border: 1px solid var(--border); padding: 3px 9px; border-radius: 20px; color: var(--lab-sub); }
.lc-status.is-active { color: var(--green); border-color: color-mix(in srgb, var(--green) 40%, transparent); background: color-mix(in srgb, var(--green) 12%, transparent); }
.lc-target-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.lc-target-tags > span { font-size: 11.5px; color: var(--lab-sub); border: 1px solid var(--border); padding: 4px 8px; border-radius: 7px; }
.lc-target-tags b { font-weight: 600; color: var(--accent); margin-left: 6px; }
.lc-flow-actions { max-width: 300px; justify-content: flex-end; }
.lc-flow-actions button { font-size: 12px; padding: 8px 12px; }
.lc-empty { grid-column: 1 / -1; text-align: center; border: 1px dashed var(--border); border-radius: 14px; padding: 40px 24px; }
.lc-empty-icon { font-size: 26px; color: var(--accent); }
.lc-empty h3 { font-size: 17px; margin: 12px 0 8px; }
.lc-empty p { font-size: 13px; color: var(--lab-dim); max-width: 440px; margin: 0 auto 18px; line-height: 1.5; }
.lc-legacy { margin-top: 24px; }
.lc-legacy summary { font-size: 13px; font-weight: 600; margin: 0 0 12px; cursor: pointer; }
.lab-chat .chat-setup { margin: 0 0 20px; border-color: var(--border); background: var(--panel); border-radius: 14px; padding: 20px 22px; }
.lab-chat .chat-setup p { color: var(--lab-dim); font-size: 13px; line-height: 1.5; }
.lab-chat > .notice { margin: 0 0 16px; }
#dialog.lc-builder-dialog{width:min(1400px,96vw);max-width:1400px;max-height:94vh;background:#0b1017;color:#e4e9f1;border:1px solid #273140;padding:26px;border-radius:18px}#dialog.lc-builder-dialog form{max-width:none;display:block}#dialog.lc-builder-dialog form>.between{margin-bottom:24px}#dialog.lc-builder-dialog form>.between h2{font-size:22px}#dialog.lc-builder-dialog .actions{border-top:1px solid #26303d;padding-top:20px;margin-top:22px;justify-content:flex-end}#dialog.lc-builder-dialog .primary{background:#ffdf51;color:#17160b;border-color:#ffdf51}#dialog.lc-builder-dialog button{color:inherit;border:1px solid #293544;background:#141c25;border-radius:9px;font-size:12px;padding:9px 13px}#dialog.lc-builder-dialog button:disabled{opacity:.45;cursor:not-allowed}#dialog.lc-builder-dialog .primary{color:#141208;background:#ffdf51}#dialog.lc-builder-dialog input,#dialog.lc-builder-dialog textarea,#dialog.lc-builder-dialog select{background:#111a23;color:#e3e9f1;border:1px solid #2a3746;border-radius:8px;padding:11px 12px;width:100%;font-size:12px;box-sizing:border-box}#dialog.lc-builder-dialog input:focus,#dialog.lc-builder-dialog textarea:focus,#dialog.lc-builder-dialog select:focus{outline:1px solid #d0b94b;border-color:#d0b94b}#dialog.lc-builder-dialog input::placeholder,#dialog.lc-builder-dialog textarea::placeholder{color:#687b8e}#dialog.lc-builder-dialog label{display:block;font-size:11px;font-weight:500;color:#a6b4c2;margin:15px 0 7px}#dialog.lc-builder-dialog label>input,#dialog.lc-builder-dialog label>select,#dialog.lc-builder-dialog label>textarea{margin-top:7px}#dialog.lc-builder-dialog input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#ffdf51}.lc-builder{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}.lc-steps{display:grid;gap:14px}.lc-step{background:#10171f;border:1px solid #263341;border-radius:13px;padding:20px}.lc-step>header{display:flex;align-items:center;gap:11px;margin-bottom:15px}.lc-step>header>span{background:#ffdf51;border-radius:6px;font-size:10px;font-weight:700;padding:5px 6px;color:#141208}.lc-step h3{font-size:14px;margin:0}.lc-hint{font-size:11px;line-height:1.65;color:#8191a2;margin:10px 0 0}.lc-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:12px 0}#dialog.lc-builder-dialog .lc-account-choice{display:flex;align-items:center;gap:10px;border:1px solid #2a3746;padding:12px;border-radius:9px;margin:0;cursor:pointer}.lc-account-choice:has(:checked){background:#232319;border-color:#a59442!important}.lc-account-choice b{display:block;font-size:12px;color:#ecedf0}.lc-account-choice small{display:block;font-size:10px;color:#8e9bac;margin-top:4px}.lc-account-icon{display:grid;place-items:center;background:#352132;border-radius:9px;width:31px;height:31px;font-size:23px;color:#ec90bf}.lc-account-icon.facebook{background:#1b345d;color:#7ba8fb;font-size:24px;font-weight:bold}.lc-step a{font-size:11px;color:#92b1ed}.lc-segment{display:inline-flex;flex-wrap:wrap;gap:4px;background:#0e151e;border:1px solid #2a3746;padding:3px;border-radius:9px}#dialog.lc-builder-dialog .lc-segment button{border:0;background:none}#dialog.lc-builder-dialog .lc-segment .selected{background:#ffdf51;color:#111827}.lc-two{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;margin-top:12px}#dialog.lc-builder-dialog .lc-check{display:flex;gap:8px;align-items:center;font-size:11px;color:#d0d7df;margin:12px 0}.lc-chips{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px;background:#111a23;border:1px solid #2a3746;border-radius:8px}.lc-chips>span{display:contents}#dialog.lc-builder-dialog .lc-chips input:not([type=hidden]){width:180px;flex:1;border:0;background:transparent;margin:0;padding:7px}#dialog.lc-builder-dialog .lc-chips button{font-size:11px;padding:5px 8px;border:0;background:#23344d;color:#98bbff}#dialog.lc-builder-dialog .lc-chips button span{padding-left:8px}.lc-under{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:15px}.lc-under small{font-size:10px;color:#7f8b99}#dialog.lc-builder-dialog .lc-under button,#dialog.lc-builder-dialog .lc-add{font-size:11px;border-style:dashed;color:#9eaec0;padding:8px}.lc-link-row{display:grid;grid-template-columns:125px minmax(0,1fr) 32px;gap:7px;margin:9px 0}.lc-link-row button{padding:5px!important}[data-public-replies]>input{margin-bottom:7px}.lc-save-note{font-size:12px;color:#92a0af;padding:8px 4px}.lc-preview{position:sticky;top:0}.lc-preview-tabs{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:0 4px 16px}.lc-preview-tabs span{font-size:9px;color:#7b8c9f}.lc-phone{background:#060b11;border:1px solid #334256;border-radius:25px;padding:11px;min-height:350px;overflow:hidden}.lc-phone-head{display:flex;align-items:center;gap:8px;background:linear-gradient(110deg,#537ada,#4769bd);padding:10px 8px;border-radius:15px 15px 0 0}.lc-phone-head strong{display:block;font-size:11px;color:#fff}.lc-phone-head small{display:block;font-size:8px;color:#c5d6ff;margin-top:3px}.lc-avatar{width:26px;height:26px;background:#e6c044;border-radius:50%;display:grid;place-items:center;color:#25252e}.lc-preview-comment{background:#111923;border:1px solid #27313f;border-radius:11px;padding:11px;font-size:10px;color:#b2bdc9;margin:15px 0}.lc-preview-comment b{color:#e7ebf0;margin-right:4px}.lc-preview-comment span{float:right}.lc-arrow{text-align:center;color:#74849a;font-size:10px;margin:13px 0}.lc-bubble{background:#26303c;border-radius:16px 16px 4px 16px;padding:13px;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-left:22px}.lc-preview-button{text-align:center;color:#92aff8;border:1px solid #344053;background:#111923;border-radius:7px;padding:10px;font-size:11px;font-weight:600;margin:4px 0 0 22px}.lc-preview-caption{font-size:8px;color:#76879a;display:block;margin:9px 0 14px 26px}.lc-public-preview{border-top:1px solid #25303c;margin-top:22px;padding:14px 4px 5px;font-size:10px;color:#7c8b9e}.lc-public-preview p{color:#c1cbd6;margin:7px 0}.lc-preview-test{margin-top:18px;padding:16px;border:1px solid #253341;border-radius:12px}.lc-preview-test h3{font-size:12px;margin:0 0 12px}.lc-preview-test p{font-size:10px;color:#8d9cad;line-height:1.6}.lc-preview-test button{margin:4px 0;width:100%;text-align:left}.lc-post-choice{margin:10px 0;padding:10px;border:1px solid #2a3746;border-radius:8px}.lc-post-choice label{margin:0 0 10px!important}.lc-post-choice small{display:block;color:#ccad75;padding-top:8px}.lc-builder [hidden]{display:none!important}
@media(max-width:850px){.lc-flow{flex-wrap:wrap}.lc-flow-actions{max-width:none;width:100%}.lc-builder{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.lc-two{grid-template-columns:1fr;gap:0}.lc-step{padding:14px}.lc-link-row{grid-template-columns:100px minmax(0,1fr) 28px}}
@media(max-width:650px){#dialog.lc-builder-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding:17px}.lc-builder{grid-template-columns:1fr}.lc-preview{position:static;max-width:350px;width:100%;margin:auto}.lc-link-row{grid-template-columns:1fr 30px}.lc-link-row [data-button-url]{grid-row:2;grid-column:1/-1}.lc-link-row button{grid-column:2;grid-row:1}.lc-flow-icon{display:none}.lc-section-title{align-items:flex-start;gap:15px}}