/* PR386-B — Weather connector settings panel (Admin/Owner only). */
.wcs-panel{
  border:1px solid #e2e6ea;
  border-radius:10px;
  padding:16px 18px;
  background:#fff;
  max-width:560px;
}
.wcs-panel h3{ margin:0 0 4px; color:#1A1A2E; font-size:16px; }
.wcs-sub{ margin:0 0 14px; color:#5a6670; font-size:13px; }
.wcs-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.wcs-row label{ flex:0 0 220px; font-size:13px; color:#28323c; }
.wcs-row input[type="number"],
.wcs-row input[type="password"]{
  flex:1 1 140px;
  min-width:120px;
  padding:6px 8px;
  border:1px solid #cfd6dc;
  border-radius:6px;
  font-size:13px;
}
.wcs-key-ok{ color:#1c7a3e; font-size:12px; }
.wcs-key-missing{ color:#9a5a00; font-size:12px; }
.wcs-actions{ display:flex; gap:10px; margin-top:8px; }
.wcs-panel button{
  background:#FF6B00;
  color:#fff;
  border:0;
  border-radius:6px;
  padding:8px 14px;
  font-size:13px;
  cursor:pointer;
}
.wcs-panel button:hover{ filter:brightness(0.95); }
.wcs-status{ margin-top:12px; font-size:13px; min-height:18px; }
.wcs-status.is-ok{ color:#1c7a3e; }
.wcs-status.is-warn{ color:#b3431a; }
@media (max-width:480px){
  .wcs-row label{ flex:0 0 100%; }
}