.app-status{position:fixed;inset-inline:0;bottom:0;z-index:5000;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.app-status-bar{display:flex;align-items:center;gap:10px;max-width:560px;padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px #0006;font-family:El Messiri,sans-serif;font-size:14px;line-height:1.5;pointer-events:auto}.app-status-bar.offline{background:#3a1d22;color:#ffd9dc;border:1px solid #a8434d}.app-status-bar.update{background:#17243b;color:#eaf0fb;border:1px solid #efc75e}.app-status-bar i{flex:0 0 auto}.app-status-bar.offline i{color:#ff8a94}.app-status-bar.update i{color:#efc75e}.app-status-bar button{flex:0 0 auto;margin-inline-start:4px;padding:6px 14px;border:0;border-radius:8px;background:#efc75e;color:#4d3810;font:inherit;font-weight:700;cursor:pointer}.app-status-bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}