.offline-status{margin:8px 0;background:#eef8f5;border:1px solid #a8cec5;border-radius:10px;color:#173c50;font-size:13px;line-height:1.5}
.offline-status summary{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;cursor:pointer;font-weight:650;list-style:none}
.offline-status summary::-webkit-details-marker{display:none}
.offline-status summary::after{content:'⌄';margin-left:auto;font-size:18px}
.offline-status details[open] summary::after{content:'⌃'}
.offline-status summary b{font-size:11px;background:#fff1cb;border-radius:6px;padding:2px 6px}
.offline-explanation{padding:0 12px 12px}
.offline-status small{display:block;font-size:12px;margin-top:6px}
.offline-status button{margin-top:12px;min-height:44px}
.offline-status.is-offline{background:#fff6df;border-color:#bd9443;color:#49360c}
@media print{.offline-status{display:none}}