/* 文件说明：定义 devices-owner-plan 页面布局、浅色主题和响应式视觉样式。 */
.owner-plan-alert {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #e7a5bc;
  border-radius: 14px;
  background: #fff4f7;
  color: #642139;
}

.owner-plan-alert > strong {
  display: block;
  color: #a31549;
}

.owner-plan-alert p {
  margin: 7px 0 0;
  line-height: 1.55;
  font-size: 13px;
}

.owner-plan-alert .button {
  margin-top: 12px;
}

.set-lock-panel {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #e7a5bc;
  border-radius: 14px;
  background: #fff8fb;
  color: #642139;
}

.set-lock-panel > strong { color: #a31549; }
.set-lock-panel p { margin: 7px 0 12px; color: #776d78; font-size: 13px; line-height: 1.55; }
.set-lock-controls { display: flex; align-items: end; justify-content: flex-end; gap: 10px; }
.set-lock-controls label { flex: 1 1 240px; margin: 0; }
.set-lock-pin { letter-spacing: .32em; }

@media (max-width: 640px) {
  .set-lock-controls { align-items: stretch; flex-direction: column; }
  .set-lock-controls .button { width: 100%; }
}