.offline-indicator{background:linear-gradient(135deg, var(--color-warning,#f59e0b) 0%, var(--color-warning,#f59e0b) 100%);color:#fff;z-index:9999;justify-content:center;align-items:center;gap:1rem;padding:.875rem 1.5rem;animation:.3s ease-out slide-down;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-indicator__content{align-items:center;gap:.75rem;display:flex}.offline-indicator__icon{flex-shrink:0;width:1.25rem;height:1.25rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.offline-indicator__text{flex-direction:column;gap:.25rem;display:flex}.offline-indicator__title{font-size:.875rem;font-weight:600}.offline-indicator__details{opacity:.9;font-size:.75rem}.update-prompt{z-index:9998;border-left:4px solid var(--color-success,#10b981);background:#fff;border-radius:.5rem;max-width:400px;padding:1rem;animation:.3s ease-out slide-up;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slide-up{0%{opacity:0;transform:translateY(calc(100% + 1.5rem))}to{opacity:1;transform:translateY(0)}}.update-prompt__content{align-items:flex-start;gap:.875rem;margin-bottom:1rem;display:flex}.update-prompt__icon{width:1.5rem;height:1.5rem;color:var(--color-success,#10b981);flex-shrink:0;margin-top:.125rem}.update-prompt__text{flex-direction:column;flex:1;gap:.25rem;display:flex}.update-prompt__title{color:var(--color-text-primary,#1f2937);font-size:.95rem;font-weight:600}.update-prompt__details{color:var(--color-text-secondary,#6b7280);font-size:.85rem}.update-prompt__actions{align-items:center;gap:.75rem;display:flex}.update-prompt__button{cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.update-prompt__button--primary{background:var(--color-success,#10b981);color:#fff}.update-prompt__button--primary:hover{background:var(--color-success-dark,#059669);transform:translateY(-1px)}.update-prompt__button--secondary{background:var(--color-bg-secondary,#f3f4f6);color:var(--color-text-primary,#1f2937)}.update-prompt__button--secondary:hover{background:var(--color-border-light,#e5e7eb)}.update-prompt__updating{color:var(--color-text-secondary,#6b7280);font-size:.875rem}@media (max-width:640px){.offline-indicator{padding:.75rem 1rem;font-size:.85rem}.offline-indicator__text{gap:.125rem}.offline-indicator__title{font-size:.8125rem}.offline-indicator__details{font-size:.7rem}.update-prompt{max-width:unset;bottom:1rem;left:1rem;right:1rem}}