.skeleton{height:16px;border-radius:9px;background:linear-gradient(90deg,#eef1f4 25%,#f8fafb 37%,#eef1f4 63%);background-size:400% 100%;animation:crewboardSkeleton 1.2s ease infinite;margin:12px 0}.skeleton.short{width:55%}@keyframes crewboardSkeleton{0%{background-position:100% 0}100%{background-position:0 0}}

/* 0026 PWA lifecycle + connection feedback */
.system-status-host{position:fixed;z-index:9999;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(94vw,520px);pointer-events:none}
.system-status-host[hidden]{display:none}
.system-status{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:14px;background:#101a32;color:#fff;box-shadow:0 10px 30px #0003;font-size:13px;font-weight:700;pointer-events:auto}
.system-status span{flex:1}
.system-status button{min-height:36px;padding:8px 11px;border-radius:10px;background:#fff;color:#101a32;font-size:12px;white-space:nowrap}
.system-status-offline{background:#6f2b22}
.system-status-online{background:#175b4b}
.system-status-update{background:#203b57}
.system-status-install{background:#203b57}
@media(max-width:520px){.system-status{align-items:flex-start;flex-wrap:wrap}.system-status span{flex-basis:100%}.system-status button{flex:1}}