.cloud-status-strip{margin:18px 42px 0;padding:12px 16px;border:1px solid #dce7d6;background:#edf3e7;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#456c3d}.cloud-status-strip strong{font-size:12px}.cloud-status-strip small{display:block;color:#7c8f72;font-size:11px;margin-top:3px;line-height:1.7}.cloud-status-strip .actions{gap:8px}.cloud-status-strip button{font-size:11px;min-height:34px;padding:6px 10px}.cloud-status-strip[data-mode=offline],.cloud-status-strip[data-mode=unavailable],.cloud-status-strip[data-mode=expired]{background:#faf1e2;border-color:#e7d8bc;color:#886c39}.cloud-status-strip[data-mode=offline] small,.cloud-status-strip[data-mode=unavailable] small,.cloud-status-strip[data-mode=expired] small{color:#987e55}.cloud-status-strip[data-mode=syncing]{background:#f1f4ed}.cloud-auth{width:min(460px,calc(100% - 24px));padding:32px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto}.cloud-auth::backdrop{background:#f7f7f2f5;backdrop-filter:blur(8px)}.auth-brand{display:flex;align-items:center;gap:13px;font:600 26px var(--serif);letter-spacing:2px;margin-bottom:30px}.auth-brand small{font:11px var(--sans);display:block;color:#8b967f;letter-spacing:.5px;margin-top:5px}.cloud-auth h1{font:500 26px var(--serif);margin:0 0 10px}.auth-intro{font-size:13px;line-height:1.9;color:#89947e;margin:0 0 24px}#cloud-auth-form{display:flex;flex-direction:column;gap:18px}#cloud-auth-form .field{font-size:13px}#cloud-auth-form input{font-size:16px;min-height:46px}#cloud-auth-form .btn{width:100%;min-height:46px}.auth-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.auth-actions .btn{flex:1;min-height:44px}.auth-foot{font-size:11px;line-height:1.8;color:#939d89;margin:18px 0 0}.cloud-backup-list{padding-top:14px}.cloud-snapshot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.cloud-snapshot small{display:block;color:#919c85}.cloud-snapshot-error{font-size:12px;color:#a17847;line-height:1.8}.cloud-pending{margin:0 0 15px;padding:12px;background:#faf1e2;border-radius:6px;color:#886c39;font-size:12px;line-height:1.8}
@media(max-width:1100px){.cloud-status-strip{margin:16px 28px 0}}
@media(max-width:800px){.cloud-status-strip{margin:14px 25px 0}.cloud-status-strip button{min-height:44px}.cloud-status-strip .actions{flex-shrink:0}.cloud-auth{padding:26px}}
@media(max-width:520px){.cloud-status-strip{margin:12px 16px 0;padding:12px;align-items:flex-start;flex-wrap:wrap}.cloud-status-strip>div:first-child{flex:1;min-width:180px}.cloud-status-strip .actions{margin-left:auto}.cloud-status-strip button{min-width:48px;padding:8px 12px}.cloud-status-strip small{font-size:11px;overflow-wrap:anywhere}.cloud-auth{padding:24px 21px}.auth-brand{margin-bottom:24px}.cloud-auth h1{font-size:24px}.cloud-snapshot{font-size:13px;flex-wrap:wrap}.cloud-snapshot .btn{min-height:44px}.cloud-auth .field{font-size:13px}}