.offline-status-banner{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:10px 0 0;padding:.55rem .8rem;border:1px solid rgba(143,104,52,.22);border-radius:10px;background:#f5ecdc;color:#654c2d;font-size:.78rem;font-weight:700;line-height:1.3;text-align:center}
.offline-status-banner::before{content:'';width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#a8844f}
.offline-status-banner[hidden]{display:none!important}
@media(max-width:620px){.offline-status-banner{margin-top:8px;padding:.48rem .65rem;border-radius:8px;font-size:.74rem}}