/* Give the demo control and settings the same framed treatment as the light-mode KPI cards. */
html[data-kelwin-theme="light"] .member-panel .bot-control-card {
  display:block;
  margin:24px 0 10px;
  padding:26px;
  border:1px solid #d9d0f2;
  border-radius:18px;
  background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);
  color:#18243f;
  box-shadow:0 8px 24px rgba(111,91,172,.09);
}
html[data-kelwin-theme="light"] .member-panel .bot-control-card[hidden] {display:none!important}
html[data-kelwin-theme="light"] .member-panel .bot-control-heading {
  display:flex;align-items:center;justify-content:space-between;gap:22px;
}
html[data-kelwin-theme="light"] .member-panel .bot-control-heading h2 {
  margin:13px 0 7px;color:#18243f;font-size:24px;line-height:1.35;
}
html[data-kelwin-theme="light"] .member-panel .bot-control-heading p {
  max-width:720px;color:#67728a;font-size:14px;line-height:1.7;
}
html[data-kelwin-theme="light"] .member-panel .bot-state {
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  padding:9px 13px;border:1px solid #d7dbea;border-radius:999px;
  background:#f5f6fb;color:#59657b;font-size:12px;font-weight:700;
}
html[data-kelwin-theme="light"] .member-panel .bot-state-dot {
  width:9px;height:9px;border-radius:50%;background:#8793a7;
  box-shadow:0 0 0 4px rgba(135,147,167,.13);
}
html[data-kelwin-theme="light"] .member-panel .bot-state.is-running {border-color:#a8dfc7;background:#effaf5;color:#19724f}
html[data-kelwin-theme="light"] .member-panel .bot-state.is-running .bot-state-dot {background:#27a873;box-shadow:0 0 0 4px rgba(39,168,115,.14)}
html[data-kelwin-theme="light"] .member-panel .bot-state.is-error {border-color:#edb6bf;background:#fff3f4;color:#a52a3b}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;
}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .btn {
  min-height:44px;padding:11px 16px;border-radius:10px;font-size:13px;
}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-start {background:#eaf8f1;border-color:#b8e4cf;color:#176a4c}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-start:hover {background:#dff4e9}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-stop {background:#fff3f4;border-color:#edc0c6;color:#a33040}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-stop:hover {background:#ffe9ec}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-emergency {background:#a52c40;border-color:#a52c40;color:#fff}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .bot-emergency:hover {background:#8e2336}
html[data-kelwin-theme="light"] .member-panel .bot-control-actions .btn:disabled {opacity:.55;cursor:wait}
html[data-kelwin-theme="light"] .member-panel #bot-control-message {color:#59657b;font-size:13px}
html[data-kelwin-theme="light"] .member-panel .bot-settings {
  margin-top:22px;padding:20px;border:1px solid #d9d0f2;border-radius:14px;
  background:#f8f7fd;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-kelwin-theme="light"] .member-panel .bot-settings h3 {margin:10px 0 7px;color:#18243f;font-size:20px}
html[data-kelwin-theme="light"] .member-panel .bot-settings-help,
html[data-kelwin-theme="light"] .member-panel .bot-settings-status,
html[data-kelwin-theme="light"] .member-panel .bot-settings-disclaimer {color:#67728a;font-size:13px;line-height:1.65}
html[data-kelwin-theme="light"] .member-panel .bot-settings-fields {
  display:grid;grid-template-columns:minmax(150px,.75fr) minmax(220px,1.2fr) auto;
  align-items:end;gap:13px;margin-top:18px;
}
html[data-kelwin-theme="light"] .member-panel .bot-settings-fields label {
  display:grid;gap:7px;min-width:0;color:#303b55;font-size:12px;font-weight:700;
}
html[data-kelwin-theme="light"] .member-panel .bot-settings-fields input,
html[data-kelwin-theme="light"] .member-panel .bot-settings-fields select {
  box-sizing:border-box;width:100%;min-height:44px;padding:9px 11px;
  border:1px solid #d6d1ec;border-radius:9px;background:#fff;color:#18243f;font:inherit;
}
html[data-kelwin-theme="light"] .member-panel .bot-settings-save {
  min-height:44px;padding:10px 17px;background:#7560cf;border-color:#7560cf;color:#fff;
}
html[data-kelwin-theme="light"] .member-panel .bot-settings-status {margin:12px 0 0}
html[data-kelwin-theme="light"] .member-panel .bot-settings-disclaimer {margin-top:8px;font-size:12px}
html[data-kelwin-theme="light"] .member-panel .mode-back {
  display:inline-flex;align-items:center;min-height:38px;margin:0 0 14px;padding:8px 12px;
  border:1px solid #d9d0f2;border-radius:9px;background:#fff;color:#51438d;font:inherit;font-size:13px;
}
@media(max-width:760px){
  html[data-kelwin-theme="light"] .member-panel .bot-control-card{padding:20px 16px}
  html[data-kelwin-theme="light"] .member-panel .bot-control-heading{align-items:flex-start;flex-direction:column;gap:14px}
  html[data-kelwin-theme="light"] .member-panel .bot-control-heading h2{font-size:21px}
  html[data-kelwin-theme="light"] .member-panel .bot-control-actions .btn{flex:1 1 100%}
  html[data-kelwin-theme="light"] .member-panel .bot-settings{padding:16px}
  html[data-kelwin-theme="light"] .member-panel .bot-settings-fields{grid-template-columns:1fr}
  html[data-kelwin-theme="light"] .member-panel .bot-settings-save{width:100%}
}