#cosy-device-sync-status {
  position: fixed; z-index: 10050; right: 16px; bottom: 16px;
  width: min(420px, calc(100vw - 32px)); box-sizing: border-box;
  padding: 12px 16px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--panel); color: var(--text); box-shadow: var(--glow);
  font: 14px/1.4 system-ui, sans-serif;
}
#cosy-device-sync-status[hidden] { display: none; }
#cosy-device-sync-status { pointer-events: none; }
#cosy-device-sync-status button { pointer-events: auto; }
#cosy-device-sync-status details { pointer-events: auto; max-height: min(50vh, 360px); overflow: auto; }
#cosy-device-sync-status summary { cursor: pointer; font-weight: 700; padding-block: 6px; }
#cosy-device-sync-status button.danger-action { color: var(--danger); border-color: var(--danger); background: var(--panel); }
#cosy-device-sync-status p { margin: 0 0 8px; overflow-wrap: anywhere; }
#cosy-device-sync-status button {
  margin: 4px 8px 0 0; padding: 9px 12px; border: 1px solid var(--border);
  border-radius: 8px; background: var(--button); color: var(--button-text); cursor: pointer;
}
#cosy-device-sync-status[data-state="conflict"] { border-color: var(--gold); }
/* Do not allow old adjustable-card offsets to cover another card's controls. */
html body #root .app-shell.home-app-mode .cosy-layout-adjusted-box {
  position: relative !important; inset: auto !important; transform: none !important;
  translate: none !important; width: 100% !important; max-width: 100% !important;
  margin-inline: 0 !important; min-width: 0 !important;
}
html body #root .app-shell.home-app-mode :is(.home-dashboard-main,.home-dashboard-aside,.home-dashboard-lists) { min-width: 0; max-width: 100%; }