.cloud-status-bar {
  position: sticky;
  z-index: 40;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 38px;
  padding: 8px 14px;
  color: #5f4c50;
  background: #f7eadb;
  border-bottom: 1px solid #dec7af;
  font: 700 12px/1.45 "Microsoft YaHei UI","Segoe UI",sans-serif;
  text-align: center;
}
.cloud-status-bar[data-state="online"] { color:#315d4b; background:#eaf5ef; border-color:#bdd8ca; }
.cloud-status-bar[data-state="busy"] { color:#42687e; background:#edf6fa; border-color:#bfd5df; }
.cloud-status-bar[data-state="error"] { color:#8d3036; background:#fbeaec; border-color:#e5bbc0; }
.cloud-status-dot { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px rgba(255,255,255,.48); }
.cloud-admin-panel { margin-bottom:22px; }
.cloud-admin-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.cloud-admin-login { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:9px; }
.cloud-admin-login input { min-width:0; }
.cloud-invite-output { margin-top:12px; padding:12px; border:1px solid #d8c3aa; border-radius:11px; background:#fffaf2; }
.cloud-invite-output label { display:block; margin-bottom:7px; color:#664d4f; font-size:.76rem; font-weight:800; }
.cloud-invite-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.cloud-invite-copy input { min-width:0; font-size:.74rem; }
.cloud-order-list { display:grid; gap:9px; margin-top:14px; }
.cloud-order-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; align-items:center; padding:12px; border:1px solid #eadac7; border-radius:11px; background:#fffdf8; }
.cloud-order-row input { width:18px; height:18px; }
.cloud-order-main strong,.cloud-order-main small { display:block; }
.cloud-order-main strong { color:#54121b; font-size:.84rem; }
.cloud-order-main small { margin-top:3px; color:#77666b; font-size:.7rem; line-height:1.45; }
.cloud-order-meta { color:#6f91a7; font-size:.7rem; font-weight:800; text-align:right; }
.cloud-empty { margin:12px 0 0; padding:18px; border:1px dashed #decab4; border-radius:11px; color:#77666b; text-align:center; font-size:.78rem; }
@media(max-width:620px){ .cloud-admin-login,.cloud-invite-copy{grid-template-columns:1fr}.cloud-order-row{grid-template-columns:auto minmax(0,1fr)}.cloud-order-meta{grid-column:2;text-align:left} }