/* 一起看双观察器：独立设置、启动摘要与观看状态样式 */
.rp-two-current,.rp-tw-plan-primary{
  padding:10px 12px;border-radius:11px;background:linear-gradient(135deg,#fff0f7,#eef4ff);
  color:#714c70;font-weight:700;margin-bottom:10px
}
.rp-two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0}
.rp-two-grid label{display:grid;gap:5px;font-size:.76rem;color:#6d5a72}
.rp-two-grid input,.rp-two-grid select{
  width:100%;box-sizing:border-box;border:1px solid rgba(134,94,141,.2);border-radius:9px;
  padding:8px;background:#fff;color:#423747
}
.rp-two-realtime,.rp-two-custom{padding:10px;border-radius:12px;background:#f8f5fb;margin:9px 0}
.rp-two-custom summary{cursor:pointer;color:#754f72;font-size:.78rem;font-weight:700}
.rp-two-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}
.rp-two-checks label,.rp-two-check{font-size:.76rem;color:#68586d}
.rp-two-wide{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#68586d}
.rp-two-wide input{flex:1}.rp-two-wide output{min-width:34px}
.rp-two-status{font-size:.72rem;line-height:1.5;color:#766779;padding:7px 9px;border-radius:9px;background:#fff}
.rp-two-status.ready{color:#2f7459;background:#edfdf6}
.rp-two-status.warning{color:#8a671d;background:#fff9e9}
.rp-two-status.error{color:#a9485a;background:#fff0f2}
.rp-two-inline-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:8px}

.rp-tw-observer-plan{margin-top:10px}
.rp-tw-plan-grid{display:grid;gap:7px;margin-bottom:10px}
.rp-tw-plan-grid span{
  display:block;padding:7px 9px;border-radius:9px;background:#faf7fc;color:#746279;
  font-size:.74rem;line-height:1.45
}
.rp-tw-plan-actions{flex-wrap:wrap}.rp-tw-plan-actions .rp-tw-btn{flex:1}
.rp-tw-observer-status{display:flex;flex-wrap:wrap;gap:5px}
.rp-tw-observer-status span{
  font-size:.67rem;border-radius:999px;padding:4px 7px;background:#fff;border:1px solid rgba(134,94,141,.14);
  color:#735e79
}
.rp-tw-observer-status[data-connection="error"] [data-twv-state="connection"]{
  color:#a9485a;background:#fff0f2;border-color:#efc6ce
}
.rp-tw-observer-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.rp-tw-observer-controls label{
  display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid rgba(148,103,150,.2);
  border-radius:11px;background:#fff;color:#694d72;font-size:.7rem
}
.rp-tw-observer-controls select{flex:1;min-width:0;border:0;background:transparent;color:inherit;padding:7px 0}

#rp-cfg-vision-api-ov .twv-capability-note{margin-bottom:10px}
#rp-cfg-vision-api-ov .twv-provider-list{display:grid;gap:9px;margin:10px 0}
#rp-cfg-vision-api-ov .twv-provider-row{
  display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) minmax(130px,1fr) auto;
  align-items:center;gap:8px;padding:9px;border-radius:11px;background:#fbf8fc;border:1px solid rgba(180,160,170,.2)
}
#rp-cfg-vision-api-ov .twv-provider-main{display:grid;gap:3px;color:#674f69}
#rp-cfg-vision-api-ov .twv-provider-main span{font-size:.68rem;color:#8a788b}
#rp-cfg-vision-api-ov .twv-provider-status{font-size:.72rem;color:#9a5263}
#rp-cfg-vision-api-ov .twv-provider-status[data-ready="true"]{color:#35745b}
#rp-cfg-vision-api-ov .twv-provider-model{
  min-width:0;width:100%;padding:8px;border:1px solid rgba(180,160,170,.3);border-radius:9px;background:#fff;color:#4d4051
}
#rp-cfg-vision-api-ov .twv-provider-model-entry{display:grid;gap:4px;min-width:0}
#rp-cfg-vision-api-ov .twv-provider-model-entry small{font-size:.62rem;line-height:1.35;color:#8a788b}

@media (max-width:720px){
  .rp-two-grid,.rp-two-checks{grid-template-columns:1fr}
  #rp-cfg-vision-api-ov .twv-provider-row{grid-template-columns:1fr}
  #rp-cfg-vision-api-ov .twv-provider-row .rpcv-btn{width:100%}
}