.mobile-offline-button[data-status="attention"] { color: var(--accent); }
.mobile-offline-button[data-status="offline"] { color: var(--muted); }
.mobile-offline-dialog { width: min(620px, calc(100vw - 24px)); max-height: min(760px, calc(100dvh - 24px)); }
.mobile-offline-dialog-form { display: grid; min-height: 0; gap: 18px; }
.mobile-offline-content { display: grid; min-height: 0; gap: 10px; overflow: auto; }
.mobile-offline-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.mobile-offline-toolbar p { margin: 0; }
.mobile-offline-work-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; }
.mobile-offline-work-row > div:first-child { display: grid; min-width: 0; gap: 5px; }
.mobile-offline-work-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-offline-work-row small { color: var(--muted); line-height: 1.5; }
.mobile-offline-work-row .card-actions { flex: 0 0 auto; margin: 0; }
@media (max-width: 560px) {
  .mobile-offline-dialog { padding: 16px; }
  .mobile-offline-toolbar { align-items: stretch; flex-direction: column; }
  .mobile-offline-work-row { align-items: stretch; flex-direction: column; gap: 10px; }
  .mobile-offline-work-row .card-actions { justify-content: stretch; }
  .mobile-offline-work-row .card-actions button { flex: 1 1 140px; min-height: 40px; }
}