.offline-banner[data-v-a2627ae5]{justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.offline-banner.offline[data-v-a2627ae5]{background:var(--color-error-light,#fef2f2);color:var(--color-error,#dc2626);border-bottom:2px solid var(--color-error,#dc2626)}.offline-banner.syncing[data-v-a2627ae5]{background:var(--color-info-light,#eff6ff);color:var(--color-info,#2563eb);border-bottom:2px solid var(--color-info,#2563eb)}.offline-banner.pending[data-v-a2627ae5]{background:var(--color-warning-light,#fffbeb);color:var(--color-warning,#d97706);border-bottom:2px solid var(--color-warning,#d97706)}.offline-banner.has-conflicts[data-v-a2627ae5]{background:var(--color-warning-light,#fffbeb);color:var(--color-warning-dark,#b45309);border-bottom:2px solid var(--color-warning,#d97706)}.banner-content[data-v-a2627ae5]{align-items:center;gap:.5rem;display:flex}.banner-icon[data-v-a2627ae5]{font-size:1rem}.banner-message[data-v-a2627ae5]{font-weight:500}.banner-pending[data-v-a2627ae5]{opacity:.8;font-weight:400}.banner-pending[data-v-a2627ae5]:before{content:"•";margin:0 .5rem}.banner-actions[data-v-a2627ae5]{align-items:center;gap:.5rem;display:flex}.banner-btn[data-v-a2627ae5]{cursor:pointer;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.banner-btn[data-v-a2627ae5]:disabled{opacity:.5;cursor:not-allowed}.banner-btn.sync[data-v-a2627ae5]{color:#fff;background:currentColor;justify-content:center;align-items:center;gap:.25rem;min-width:80px;display:flex}.offline-banner.offline .banner-btn.sync[data-v-a2627ae5]{background:var(--color-error,#dc2626)}.offline-banner.syncing .banner-btn.sync[data-v-a2627ae5]{background:var(--color-info,#2563eb)}.offline-banner.pending .banner-btn.sync[data-v-a2627ae5]{background:var(--color-warning,#d97706)}.banner-btn.sync[data-v-a2627ae5]:hover:not(:disabled){opacity:.9}.banner-btn.dismiss[data-v-a2627ae5]{opacity:.6;background:0 0;justify-content:center;align-items:center;width:24px;height:24px;padding:.25rem;display:flex}.banner-btn.dismiss[data-v-a2627ae5]:hover{opacity:1}.spinner[data-v-a2627ae5]{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin-a2627ae5}@keyframes spin-a2627ae5{to{transform:rotate(360deg)}}.banner-enter-active[data-v-a2627ae5],.banner-leave-active[data-v-a2627ae5]{transition:all .3s}.banner-enter-from[data-v-a2627ae5],.banner-leave-to[data-v-a2627ae5]{opacity:0;transform:translateY(-100%)}@media (prefers-color-scheme:dark){.offline-banner.offline[data-v-a2627ae5]{color:#fca5a5;background:#450a0a;border-color:#dc2626}.offline-banner.syncing[data-v-a2627ae5]{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}.offline-banner.pending[data-v-a2627ae5]{color:#fcd34d;background:#451a03;border-color:#f59e0b}}