.offline-indicator{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s ease;min-width:80px;justify-content:center}.status-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.status-icon{font-size:12px}.status-details{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;border:1px solid #e0e0e0;padding:12px;min-width:240px;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-item{margin-bottom:8px;font-size:14px;color:#333}.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{padding:3px 6px;font-size:10px;min-width:75px}.status-details{min-width:200px;padding:8px;right:-10px}}.header-icon-btn{position:relative}.header-icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e293b,#334155);color:#f8fafc;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999;box-shadow:0 4px 12px #00000026;pointer-events:none}.header-icon-btn:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#1e293b;opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999}.header-icon-btn:hover:after,.header-icon-btn:hover:before{opacity:1;visibility:visible}.dark .header-icon-btn:after{background:linear-gradient(135deg,#475569,#64748b);color:#f1f5f9}.dark .header-icon-btn:before{border-bottom-color:#475569}