.cloud-status{display:flex;align-items:center;gap:8px;padding:10px 13px;margin:0 0 14px;border:1px solid #cde7da;background:#eef9f4;color:#176342;font-size:12px;font-weight:800}
.cloud-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#18a66a;box-shadow:0 0 0 4px #18a66a1f}
.cloud-status.offline{border-color:#efd7a6;background:#fff8e8;color:#825c09}.cloud-status.offline::before{background:#e3a719}
.secure-login-note{border-left:4px solid #e10613;background:#fff3f4;padding:11px 13px;color:#6c1c23;font-size:12px;line-height:1.5}
.cloud-save-status{font-size:11px;font-weight:800;white-space:nowrap;color:#805d0a}.cloud-save-status.saved{color:#168457}.cloud-save-status.error{color:#c91826}
.production-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 16px;margin-bottom:16px;border-left:5px solid #18a66a;background:#eef9f4;color:#176342}.production-banner b{font-size:14px}.production-banner span{font-size:12px}
@media(max-width:650px){
  .cloud-save-status{display:none}.production-banner{align-items:flex-start;flex-direction:column;gap:4px}
  .studio-body{padding:12px;overflow-x:hidden}
  .studio-body .invoice-paper{box-sizing:border-box;min-width:0!important;width:100%;max-width:100%;padding:18px 14px;min-height:0;overflow:hidden}
  .invoice-head{gap:12px;align-items:flex-start}.invoice-head img{width:46%;height:auto}.invoice-head b{font-size:20px}
  .invoice-to{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 0}
  .invoice-paper table{display:block;overflow-x:auto;white-space:nowrap}.invoice-total{width:100%;max-width:280px}
}

/* Empty live inventory state: keep the account card readable on every viewport. */
#portal .rent-card b{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.25}
#portal .rent-card span{font-size:1rem;line-height:1.5}