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

.form-row label.ops-switch { display:inline-flex; margin-bottom:0; }

/* 运营：标签 / 自动打标 / 新客欢迎语 */
.ops-filter {
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:16px;
}

.ops-filter .ops-field {
  display:flex; align-items:center; gap:8px;
}

.ops-filter .ops-field label { color:#86909C; font-size:13px; white-space:nowrap; }

.ops-filter select, .ops-filter input[type="text"] {
  height:32px; border:1px solid var(--border); border-radius:6px; padding:0 10px;
  font-size:13px; background:#fff; font-family:inherit; min-width:140px;
}

.ops-filter select:focus, .ops-filter input:focus { outline:none; border-color:var(--primary); }

.ops-switch {
  display:inline-flex; align-items:center; gap:8px; cursor:pointer; user-select:none;
  height:22px; line-height:22px; font-size:14px; color:#4E5969;
}

.ops-switch input { position:absolute; opacity:0; width:0; height:0; }

.ops-switch .sw {
  width:40px; height:22px; border-radius:11px; background:#C9CDD4; position:relative;
  transition:background .15s; flex-shrink:0;
}

.ops-switch .sw::after {
  content:''; position:absolute; top:2px; left:2px; width:18px; height:18px;
  border-radius:50%; background:#fff; transition:left .15s;
}

.ops-switch input:checked + .sw { background:var(--primary); }

.ops-switch input:checked + .sw::after { left:20px; }

.welcome-msg-box {
  margin-top:0;
}

.welcome-msg-box:focus-within { border-color:#165DFF; }

.welcome-msg-box .welcome-msg-body {
  border-top:1px solid #E5E6EB; background:#fff;
}

.at-cond-list { display:flex; flex-direction:column; gap:10px; }

.at-cond-item {
  position:relative; width:100%;
}

.at-cond-row {
  width:100%; box-sizing:border-box;
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  padding:10px; border:1px solid #E5E6EB; border-radius:10px; background:#FAFBFC;
}

.at-cond-row .form-select.at-cond-dd {
  position:relative; flex-shrink:0; width:120px; min-width:108px;
}

.at-cond-row .form-select.at-cond-dd-op {
  width:120px;
}

.at-cond-row .at-cond-dd .form-select-btn {
  height:32px; font-size:13px; padding:0 28px 0 10px; border-radius:8px;
}

.at-cond-row .at-cond-dd .form-select-caret { right:8px; }

.at-cond-row .at-cond-dd .form-select-menu {
  top:calc(100% + 4px); bottom:auto; min-width:100%; width:max-content; z-index:40;
}

.at-cond-row .at-cond-dd .form-select-menu button {
  font-size:13px; padding:7px 10px; white-space:nowrap;
}

.at-cond-val {
  flex:1 1 0; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px;
}

.at-cond-val input[type=date],
.at-cond-val input[type=number] {
  height:32px; border:1px solid var(--border); border-radius:8px;
  padding:0 10px; font-size:13px; color:#1D2129; background:#fff; font-family:inherit;
}

.at-cond-val input[type=date] { min-width:140px; }

.at-cond-val input[type=number] { width:88px; }

.at-cond-val-btn {
  height:32px; width:100%; min-width:0; max-width:100%; padding:0 28px 0 12px; box-sizing:border-box;
  border:1px solid var(--border); border-radius:8px; background:#fff;
  color:#4E5969; font-size:13px; cursor:pointer; font-family:inherit;
  display:flex; align-items:center; position:relative; text-align:left;
  transition:border-color .15s ease;
}

.at-cond-val-btn > span:first-child {
  flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;
}

.at-cond-val-btn .form-select-caret {
  position:absolute; right:8px; top:50%; width:12px; height:12px;
  color:var(--text3); pointer-events:none; transform:translateY(-50%);
}

.at-cond-val-btn:hover { border-color:#C9CDD4; }

.at-cond-val-btn.has { color:#1D2129; }

.at-cond-del {
  position:absolute; left:100%; top:10px; margin-left:4px;
  width:28px; height:32px; border:none; background:transparent;
  color:#86909C; font-size:18px; line-height:1; cursor:pointer; z-index:2;
}

.at-cond-del:hover { color:#F53F3F; }

.at-cond-pick {
  flex:0 0 100%; width:100%; box-sizing:border-box; margin-top:8px;
  border:1px solid var(--border); border-radius:10px;
  background:#fff; max-height:160px; overflow:auto; padding:8px;
}

.at-cond-pick .pick-item { display:flex; align-items:center; gap:8px; padding:6px 8px; font-size:13px; }