.storage-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 14px;border:1px solid var(--border,#dce3e8);border-radius:12px;font-size:12px;line-height:1.6}
.storage-status>span{display:flex;align-items:center;gap:8px}
.storage-status .icon{flex-shrink:0;width:17px;height:17px}
.storage-status.saved{color:#647c58;border-color:transparent;padding:0;margin-bottom:12px}
.storage-status.offline,.storage-status.conflict{background:#fff4df;color:#705017;border-color:#e6c788}
.storage-status .button{flex-shrink:0;font-size:11px;padding:8px 12px}
[data-theme="dark"] .storage-status.saved{color:#c9ec7d}
[data-theme="dark"] .storage-status.offline,[data-theme="dark"] .storage-status.conflict{background:#302b20;color:#f1d49b;border-color:#655332}
@media(max-width:600px){.storage-status{align-items:flex-start;flex-direction:column}.storage-status .button{white-space:normal}}