/* =====================================================================
   Conexión con la nube
   ===================================================================== */
.sbload{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.sbspin{width:28px;height:28px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--accent);animation:sbspin .8s linear infinite}
@keyframes sbspin{to{transform:rotate(360deg)}}
.saved.warn{color:#9a5a00;background:rgba(233,162,59,.16);border-radius:99px;padding:3px 10px;font-weight:600}
:root:not([data-theme="light"]) .saved.warn{color:#f2bc6b}