.offline-active-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.75rem 0;padding:.75rem .9rem;border:2px solid #d97706;border-radius:12px;background:#fff7ed;color:#7c2d12}
.offline-active-banner[hidden]{display:none}.offline-active-banner>div{display:grid;gap:.2rem}.offline-active-banner span{font-size:.84rem}.offline-active-banner button{flex:none}
.offline-save-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0;padding:.75rem .9rem;border:1px solid #93c5fd;border-radius:12px;background:#eff6ff}
.offline-save-copy{display:grid;gap:.18rem}.offline-save-copy b{color:#1e3a8a}.offline-save-copy span,.offline-save-copy small{color:var(--muted)}
.offline-save-copy span{font-size:.84rem}.offline-save-copy small{font-size:.75rem}
.offline-save-actions{display:flex;gap:.45rem;flex-wrap:wrap;flex:none}
.tripops-offline a[data-offline-disabled="1"]{opacity:.48;cursor:not-allowed;text-decoration:none}
.tripops-offline .trip-tools,.tripops-offline .quick-add,.tripops-offline .actions{opacity:.68}
.tripops-offline footer a{pointer-events:none}
@media(max-width:720px){.offline-active-banner,.offline-save-panel{align-items:stretch;flex-direction:column}.offline-save-actions button,.offline-active-banner button{flex:1}}