/* LBG Studio 5 Cloud UI */
.cloud-user-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.25);background:linear-gradient(135deg,rgba(8,47,73,.85),rgba(30,41,59,.92));color:#e6faff;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.cloud-user-btn:hover{border-color:rgba(103,232,249,.55);transform:translateY(-1px)}
.cloud-dot{width:8px;height:8px;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12)}
.cloud-dot.online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.14),0 0 14px rgba(34,197,94,.38)}
.cloud-dot.syncing{background:#22d3ee;animation:cloudPulse 1s infinite}.cloud-dot.warn{background:#f59e0b}.cloud-dot.error{background:#ef4444}
@keyframes cloudPulse{50%{opacity:.35;transform:scale(.75)}}
.cloud-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;border:1px solid rgba(148,163,184,.18);background:#0b1220;color:#cbd5e1}
.cloud-plan-badge.pro{background:linear-gradient(135deg,rgba(109,40,217,.28),rgba(6,182,212,.18));border-color:rgba(167,139,250,.42);color:#e9d5ff}.cloud-plan-badge.free{color:#bae6fd}
.cloud-overlay{position:fixed;inset:0;z-index:100000;background:rgba(2,6,23,.76);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}.cloud-overlay.show{display:flex}
.cloud-modal{width:min(680px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#0f172a,#08111f 72%);border:1px solid rgba(148,163,184,.22);border-radius:20px;box-shadow:0 35px 90px rgba(0,0,0,.5);color:#e5edf8}.cloud-modal.wide{width:min(900px,96vw)}
.cloud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.15)}.cloud-head h2{font-size:19px;margin:0;color:#f8fafc}.cloud-head p{margin:5px 0 0;color:#93a4bb;font-size:11px;line-height:1.5}.cloud-close{border:1px solid rgba(148,163,184,.18);background:#111c2d;color:#cbd5e1;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:800}
.cloud-body{padding:20px 22px}.cloud-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cloud-card{border:1px solid rgba(148,163,184,.15);background:rgba(15,23,42,.74);border-radius:14px;padding:14px}.cloud-card.full{grid-column:1/-1}.cloud-card h3{margin:0 0 7px;font-size:12px;color:#fff}.cloud-card p{margin:0;color:#94a3b8;font-size:11px;line-height:1.55}
.cloud-fields{display:grid;gap:10px}.cloud-field label{display:block;color:#a9b6c9;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin:0 0 5px}.cloud-field input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:9px;border:1px solid rgba(148,163,184,.22);background:#07101e;color:#f8fafc;outline:none}.cloud-field input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.09)}
.cloud-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.cloud-btn{border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;color:#fff;font-size:11px;font-weight:900;cursor:pointer;background:#233047}.cloud-btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.cloud-btn.google{background:#fff;color:#111827}.cloud-btn.pro{background:linear-gradient(135deg,#7c3aed,#0891b2)}.cloud-btn.danger{background:#7f1d1d}.cloud-btn:disabled{opacity:.5;cursor:not-allowed}
.cloud-divider{display:flex;align-items:center;gap:10px;color:#64748b;font-size:10px;margin:14px 0}.cloud-divider:before,.cloud-divider:after{content:"";height:1px;background:rgba(148,163,184,.15);flex:1}
.cloud-state{display:none;margin-top:10px;padding:9px 10px;border-radius:9px;font-size:11px;line-height:1.5}.cloud-state.show{display:block}.cloud-state.ok{background:rgba(34,197,94,.1);color:#86efac;border:1px solid rgba(34,197,94,.2)}.cloud-state.err{background:rgba(239,68,68,.1);color:#fecaca;border:1px solid rgba(239,68,68,.2)}.cloud-state.info{background:rgba(14,165,233,.09);color:#bae6fd;border:1px solid rgba(14,165,233,.2)}
.cloud-metric{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(148,163,184,.14);font-size:11px}.cloud-metric:last-child{border-bottom:0}.cloud-metric span{color:#94a3b8}.cloud-metric strong{color:#f8fafc;text-align:right}
.cloud-progress{height:7px;background:#111827;border-radius:99px;overflow:hidden;margin-top:9px}.cloud-progress>i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#8b5cf6);width:0%}
.cloud-paybox{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.cloud-qr{width:220px;height:220px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.cloud-qr canvas,.cloud-qr img{max-width:100%!important;max-height:100%!important}.cloud-price{font-size:30px;font-weight:950;color:#fff}.cloud-price small{font-size:12px;color:#9ca3af;font-weight:700}
.cloud-warning{padding:11px;border-radius:10px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.2);color:#fde68a;font-size:11px;line-height:1.5}.cloud-config-missing{padding:14px;border-radius:12px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);color:#fde68a;font-size:11px;line-height:1.6}
.cloud-sync-mini{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#93c5fd;font-weight:800}.cloud-login-note{font-size:10px;color:#64748b;line-height:1.5;margin-top:9px}
@media(max-width:760px){.cloud-grid{grid-template-columns:1fr}.cloud-card.full{grid-column:auto}.cloud-paybox{grid-template-columns:1fr}.cloud-qr{margin:auto}.cloud-modal{border-radius:14px}.cloud-head,.cloud-body{padding:15px}.cloud-user-btn .cloud-user-label{display:none}}

/* V5.1 Admin-driven global status */
.cloud-announcement{margin:12px 0 0;padding:11px 14px;border-radius:14px;border:1px solid rgba(34,211,238,.32);background:linear-gradient(90deg,rgba(14,165,233,.13),rgba(99,102,241,.12));color:#dff7ff;align-items:center;gap:10px;font-size:12px;font-weight:700;box-shadow:0 12px 32px rgba(2,8,23,.16)}
.cloud-announcement-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(34,211,238,.15);color:#67e8f9;flex:none}
#cloudMaintenanceOverlay.show{display:flex!important;z-index:99999}