/* listing-publish.css — 房东端「发布房源」面板（挂在维度跃迁里）
   CSP 是 style-src 'self'，所以样式必须走外部文件。 */

.lp-panel {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 60;
  width: 320px;
  max-height: 78vh;
  overflow: auto;
  font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #12202b;
  background: #ffffff;
  border: 1px solid #d8e2ea;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(12, 32, 48, 0.18);
}
.lp-panel.lp-collapsed .lp-body { display: none; }

.lp-head {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px;
  background: #f4f8fb;
  border-bottom: 1px solid #e3ecf3;
  position: sticky; top: 0;
}
.lp-head strong { font-size: 13px; font-weight: 600; }
.lp-head button {
  margin-left: auto; width: 26px; height: 24px;
  border: 1px solid #cfdce6; background: #fff; border-radius: 8px; cursor: pointer; line-height: 1;
}
.lp-body { padding: 10px 12px 12px; }
.lp-row { display: flex; flex-direction: column; gap: 3px; margin-bottom: 7px; }
.lp-row label { color: #5a6b78; font-size: 12px; }
.lp-row input, .lp-row select, .lp-row textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid #cfdce6; border-radius: 8px; padding: 6px 8px;
  background: #fff; color: #12202b; font: inherit;
}
.lp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.lp-check { display: flex; align-items: center; gap: 6px; margin: 4px 0 8px; }
.lp-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.lp-actions button {
  flex: 1 1 auto; border: 1px solid #cfdce6; background: #fff; color: #12202b;
  border-radius: 9px; padding: 7px 9px; cursor: pointer; font-size: 12px;
}
.lp-actions button#lp-publish { border-color: #1f9d63; color: #14653f; }
.lp-actions button#lp-current { border-color: #2f7fd1; color: #1c5c9c; }
.lp-status {
  margin: 8px 0 0; padding: 7px 9px; border-radius: 9px;
  background: #f4f8fb; color: #3c4d5a; font-size: 12px;
}
.lp-status.lp-ok { background: #eef7f1; border: 1px solid #cfe8da; color: #17563c; }
.lp-status.lp-err { background: #fdf1ef; border: 1px solid #f2d4cd; color: #8d2f1c; }
.lp-hint { margin: 6px 0 0; font-size: 11px; color: #7d8b96; }
.lp-link { display: inline-block; margin-top: 6px; font-size: 12px; }

@media (max-width: 720px) {
  .lp-panel { left: 10px; right: 10px; width: auto; bottom: 76px; }
}