.cloud-note{padding:14px 18px;border:1px solid var(--line);border-left:4px solid var(--vio);border-radius:12px;background:white;margin-bottom:18px;font-size:14px;line-height:1.6}
.cloud-note.warn{border-left-color:var(--bad)}
.cloud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cloud-login-note{font-size:14px;line-height:1.6;margin-top:18px;color:var(--mut)}
.cloud-error{margin:12px 0;color:var(--bad);font-weight:700;font-size:14px;white-space:pre-wrap}
.cloud-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sync{min-width:0}.sync .d{flex:none}.sync #syncTxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero{background:var(--pri)}
.field label{font-size:14px}.label{font-size:12px}.small{font-size:14px}.xsmall{font-size:12px}
.login-l h1{margin-top:70px}.login-foot{margin-top:auto;padding-top:32px}
@media(max-width:600px){.sync{max-width:125px;font-size:11px;padding:6px}.top{gap:8px}.top .sub{font-size:11px}.f2{grid-template-columns:1fr}.cloud-actions .btn{flex:1}.view{padding-left:14px;padding-right:14px}.login-l h1{margin-top:26px}.lcard{padding:24px 20px}.page-h .acts{margin-top:12px}}