.offline-indicator{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;z-index:1000}.status-indicator{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;min-width:80px;padding:4px 8px;transition:all .2s ease}.status-indicator:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.status-icon{font-size:12px}.status-details{animation:slideUp .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;bottom:100%;box-shadow:0 4px 16px #0000001a;margin-bottom:8px;min-width:240px;padding:12px;position:absolute;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-item{color:#333;font-size:14px;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:#555;margin-right:8px}.conflict-warning{color:#2196f3;font-weight:600}.detail-item small{color:#666;font-style:italic;line-height:1.4}@media(max-width:768px){.offline-indicator{bottom:10px;right:10px}.status-indicator{font-size:10px;min-width:75px;padding:3px 6px}.status-details{min-width:200px;padding:8px;right:-10px}}